.sidebar{height:100dvh;background-color:var(--secondary-150);color:#fff;transition:width .3s;gap:1rem;width:280px}.sidebar .logo{font-family:var(--font-logo);font-size:40px;font-weight:400;color:var(--primary-500);padding:0 1rem;display:flex;align-items:center;justify-content:center;width:100%}.sidebar .logo .min-text{width:fit-content;display:flex;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:width .3s}.sidebar .nav .nav-link{color:var(--primary-500);white-space:nowrap;overflow:hidden;border-radius:.5rem;padding:1rem;display:flex;align-items:center;width:100%;transition:width .3s,background-color .3s;cursor:pointer;background-color:rgba(0,0,0,0)}.sidebar .nav .nav-link .icon{width:2rem;display:flex;justify-content:center;align-items:center}.sidebar .nav .nav-link .icon i{width:20px}.sidebar .nav .nav-link .icon svg{width:18px;fill:var(--primary-500)}.sidebar .nav .nav-link .link-text{opacity:1}.sidebar .nav .nav-link.active,.sidebar .nav .nav-link:hover{background-color:var(--primary-500);color:#fff}.sidebar .nav .nav-link.active .icon svg,.sidebar .nav .nav-link:hover .icon svg{fill:#fff}.sidebar .nav .line{border-bottom:1px solid var(--secondary-600);margin:1rem 0}.sidebar .nav .sub-link{color:var(--primary-500);border-radius:.5rem;padding:1rem;display:flex;align-items:center;width:100%;transition:width .3s,background-color .3s;cursor:pointer}.sidebar .nav .sub-link .sub-icon{width:2rem;display:flex;justify-content:center;align-items:center}.sidebar .nav .sub-link .sub-icon i{width:20px}.sidebar .nav .sub-link .sub-icon svg{width:18px;fill:var(--primary-500)}.sidebar .nav .sub-link .sub-text{opacity:1}.sidebar .nav .sub-link.active,.sidebar .nav .sub-link:hover{background-color:var(--primary-500);color:#fff}.sidebar .nav .sub-link.active .icon svg,.sidebar .nav .sub-link:hover .icon svg{fill:#fff}.sidebar.collapse .nav .nav-link .link-text{opacity:0;width:0}.sidebar.collapse .nav .nav-link[data-bs-toggle=collapse]::after{opacity:0;width:0}.sidebar.collapse .nav .nav-link[aria-expanded=true]::after{opacity:0;width:0}.sidebar.collapsed{width:95px}.sidebar.collapsed .logo .text{width:0}.sidebar.collapsed .nav .nav-link{width:56px}.nav-link[data-bs-toggle=collapse]::after{font-family:"Font Awesome 6 Pro";font-weight:900;content:"";margin-left:auto;transition:transform .3s}.nav-link[aria-expanded=true]::after{transform:rotate(180deg)}#sidebar.collapsed .collapse{display:none !important}#submenu-popover{position:fixed;top:0;left:0;width:220px;background:#fff;border-radius:8px;box-shadow:0 0 16px 0 rgba(156,176,201,.5);display:none;z-index:2000;overflow:hidden}#submenu-popover .pop-header{color:var(--primary-500);font-weight:700;padding:.875rem 1rem;border-bottom:1px solid var(--secondary-600, #e5e7eb)}#submenu-popover .collapse.as-popover{display:block !important;visibility:visible !important;height:auto !important}#submenu-popover .sub-link{display:block;padding:.625rem 1rem;color:var(--primary-500);text-decoration:none;margin:.5rem 0rem}#submenu-popover .sub-link:hover{background:var(--primary-500);color:#fff}#submenu-popover .sub-link.active{background:var(--primary-500);color:#fff}#mainContent{width:calc(100% - 250px);transition:width .3s}#mainContent.with-sidebar-collapsed{width:calc(100% - 80px)}.offcanvas{--bs-offcanvas-width: 440px}.sidebar-mobile{background-color:var(--secondary-100);height:100dvh;color:#fff;gap:1rem}.sidebar-mobile .logo{font-family:var(--font-logo);font-size:40px;font-weight:400;color:var(--primary-500);padding:0 1rem;display:flex;align-items:center;justify-content:center;width:100%}.sidebar-mobile .logo .min-text{width:fit-content;display:flex;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:width .3s}.sidebar-mobile .nav .nav-link{color:var(--primary-500);white-space:nowrap;overflow:hidden;border-radius:.5rem;padding:1rem;display:flex;align-items:center;width:100%;transition:width .3s,background-color .3s;cursor:pointer;background-color:rgba(0,0,0,0)}.sidebar-mobile .nav .nav-link .icon{width:2rem;display:flex;justify-content:center;align-items:center}.sidebar-mobile .nav .nav-link .icon i{width:20px}.sidebar-mobile .nav .nav-link .icon svg{width:18px;fill:var(--primary-500)}.sidebar-mobile .nav .nav-link .link-text{opacity:1}.sidebar-mobile .nav .nav-link.active,.sidebar-mobile .nav .nav-link:hover{background-color:var(--primary-500);color:#fff}.sidebar-mobile .nav .nav-link.active .icon svg,.sidebar-mobile .nav .nav-link:hover .icon svg{fill:#fff}.sidebar-mobile .nav .line{border-bottom:1px solid var(--secondary-600);margin:1rem 0}.sidebar-mobile .nav .sub-link{color:var(--primary-500);border-radius:.5rem;padding:1rem;display:flex;align-items:center;width:100%;transition:width .3s,background-color .3s;cursor:pointer}.sidebar-mobile .nav .sub-link .sub-icon{width:2rem;display:flex;justify-content:center;align-items:center}.sidebar-mobile .nav .sub-link .sub-icon i{width:20px}.sidebar-mobile .nav .sub-link .sub-icon svg{width:18px;fill:var(--primary-500)}.sidebar-mobile .nav .sub-link .sub-text{opacity:1}.sidebar-mobile .nav .sub-link.active,.sidebar-mobile .nav .sub-link:hover{background-color:var(--primary-500);color:#fff}.sidebar-mobile .nav .sub-link.active .icon svg,.sidebar-mobile .nav .sub-link:hover .icon svg{fill:#fff}.header{color:var(--text-gray-800);height:65px;display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid #fafbfb;box-shadow:0 2px 4px 0 rgba(156,176,201,.24);position:relative}.header .last-login{font-size:.9rem;display:flex;align-items:center;gap:.5rem}.header .last-login .fa-bars-staggered{font-size:20px;cursor:pointer}.header .last-login .fa-clock-rotate-left{font-size:14px}.header .last-login .saving{border-radius:8px;background:var(--secondary-150);padding:8px 16px;color:var(--primary)}.header .header-desktop{display:flex;align-items:center;justify-content:space-between;width:100%}.header .header-mobile{display:none}.user-info{display:flex;gap:.5rem}.user-info .profile{height:48px;width:100%;max-width:48px}.user-info .profile img{border:2px solid var(--primary);border-radius:50%;width:100%;height:100%;object-fit:cover}.user-info .info{display:flex;flex-direction:column;justify-content:center}.user-info .info .name{font-weight:700}.user-info .info .position{font-size:.9rem}.header-main{background:var(--primary-050);padding:12px 0px}.header-main .logo{color:var(--primary);font-family:var(--font-logo);font-size:32px;font-weight:400}.header-main .menu{color:var(--primary);cursor:pointer}.header-main .menu i{margin-right:.5rem}.bg-main{background-color:#fbfcfd}.bg-ques{background-color:var(--secondary-050)}.bg-download{background-color:var(--gray-050)}#bannerSlide .carousel-indicators [data-bs-target]{width:8px;height:8px;border-radius:50%;margin-right:0px;margin-left:0px;background-color:hsla(0,0%,100%,.5);border-top:none;border-bottom:none}#bannerSlide .carousel-indicators .active{width:30px;height:8px;border-radius:999px;background-color:hsla(0,0%,100%,.8)}#bannerSlide .group-indicators{border-radius:999px;background:rgba(60,64,69,.5);padding:0rem .5rem}#bannerSlide .carousel-item{height:500px;position:relative}#bannerSlide .carousel-item::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0) linear-gradient(270deg, rgba(0, 116, 82, 0) 0%, rgba(0, 116, 82, 0) 40%, #007452 100%) 0% 0% no-repeat padding-box;z-index:1}#bannerSlide .carousel-item .content-banner{position:absolute;top:50%;z-index:2;transform:translate(8%, -50%)}#bannerSlide .carousel-item .content-banner .title-banner{color:#fff;text-shadow:2px 2px 8px rgba(0,0,0,.4);font-size:48px;font-weight:700;line-height:70px;letter-spacing:.096px}#bannerSlide .carousel-item .content-banner .text-banner{color:#fff;text-shadow:2px 2px 8px rgba(0,0,0,.4);font-size:24px;line-height:34px;letter-spacing:.048px}.img-vector{position:absolute;width:700px;top:50%;left:50%;transform:translate(-50%, -50%);z-index:0}.login .bg-login{position:relative}.login .bg-login img{background:linear-gradient(270deg, var(--secondary-300) 0%, rgba(225, 236, 200, 0) 68.13%),var(--gray-025)}.login .bg-login .img-recaptcha{max-width:300px;margin:0 auto}#registerModal .modal-header{display:none}#registerModal .modal-body{padding:1.5rem}.content-login .title-login{font-size:32px;font-weight:700;color:var(--primary)}.password-success{color:#43a646}.text-underline{text-decoration:underline}.step-register{width:100%;display:flex;justify-content:center;align-items:center}.step-register-list{list-style-type:none;display:flex;position:relative;padding-left:0rem}.step-register-item{padding:0 10px;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%;display:flex;flex-direction:column;text-align:center;min-width:170px;position:relative}.step-register-item+.step-register-item:after{content:"";position:absolute;left:0;top:40px;background:var(--primary);width:100%;height:1px;transform:translateX(-50%)}.register-count{height:80px;width:80px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:600;margin:0 auto;position:relative;z-index:10;color:#fff}.register-count i{font-size:30px}.register-count:after{content:"";height:80px;width:80px;background:linear-gradient(180deg, #cde0a3 0%, #007452 100%);position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);border-radius:50%;z-index:-10}.register-label{font-size:16px;font-weight:500;margin-top:10px}.step-register-item.step-complete .register-count::after{background:var(--primary)}.title-home{font-size:32px}.input-login{padding:.75rem 1rem}.drop-file{border-radius:8px;border:1px dashed var(--gray-100);padding:1rem;cursor:pointer;transition:border .3s;position:relative}.drop-file.has-file{border:1px solid var(--gray-100);background-color:#fff}.drop-file.dragover{border-color:var(--primary);background-color:var(--secondary-050)}.drop-file.is-invalid{border:1px dashed var(--danger) !important}.drop-file .file i{color:var(--gray-100);font-size:48px}.drop-file .file-input{display:none}.drop-file .hidden{display:none !important}.file-item-multiple{border:1px solid var(--gray-100);padding:1rem;border-radius:8px}.footer-register{padding:1rem 0px;display:flex;justify-content:space-between;align-items:center}.register-success{display:flex;flex-direction:column;justify-content:center;height:calc(100dvh - 160px)}.register-success h1{font-size:60px}.back-profile-btn{padding:1rem 1rem 2rem 1rem;box-shadow:0 -2px 4px 0 var(--gray-100)}.step-wizard{width:100%;display:flex;justify-content:center;align-items:center}.step-wizard-list{list-style-type:none;display:flex;position:relative;padding-left:0rem}.step-wizard-item{padding:0px;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%;display:flex;flex-direction:column;text-align:center;min-width:105px;position:relative}.step-wizard-item+.step-wizard-item:after{content:"";position:absolute;left:0;top:25px;background:var(--primary-050);width:100%;height:1px;transform:translateX(-50%);z-index:1}.progress-count{height:50px;width:50px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:600;margin:0 auto;position:relative;z-index:10;color:var(--primary-100)}.progress-count:after{content:"";height:50px;width:50px;background:var(--primary-050);position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);border-radius:50%;z-index:-10}.progress-label{font-size:16px;font-weight:500;margin-top:10px}.step-wizard-item.step-complete .progress-count::after{background:var(--primary)}.step-wizard-item.step-complete .progress-count{color:#fff}.current-item .progress-count:before,.current-item~.step-wizard-item .progress-count:before{display:none}.current-item .progress-count:after{background:var(--primary)}.current-item .progress-count{color:#fff}.font-logo{font-family:var(--font-logo)}.content-home{display:flex;flex-direction:column;min-height:calc(100dvh - 72px)}.content{display:flex;flex-direction:column;height:calc(100dvh - 65px)}.content .doc-card{background:#fbfcfd;padding:1rem;overflow-y:auto;height:100%}.content .doc-card .row{margin-left:-0.75rem;margin-right:-0.75rem}.content .doc-card .breadcrumb .breadcrumb-item a{color:var(--primary)}.content .doc-card .breadcrumb .breadcrumb-item a:hover{text-decoration:underline}.content .doc-card .edit{display:flex;justify-content:flex-end;padding-top:1rem;color:var(--primary);cursor:pointer}.content .doc-card .img-exam{max-width:320px;margin:0 auto}.content .doc-card .head-box{border-radius:8px;background-color:var(--secondary-100);padding:.5rem .8rem}.content .doc-card .head-box span{color:var(--primary)}.content .doc-card .all-time{border-radius:8px;background-color:var(--secondary-100);padding:.5rem .8rem;font-size:24px;font-weight:700;text-align:center}.content .doc-card .all-time span{color:var(--primary)}.content .doc-card .remaining{border-radius:8px;background-color:var(--orange-bg);padding:.5rem .8rem;font-size:24px;font-weight:700;text-align:center}.content .doc-card .remaining span{color:var(--orange)}.st-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:.67rem}.img-folder{max-width:120px;margin:0 auto}.box-quiz{padding:1rem;background-color:#fff;box-shadow:0px 0px 8px 0px var(--gray-100);border-radius:8px}.box-exam{padding:1rem;background-color:#fff;box-shadow:0px 0px 8px 0px var(--gray-100);border-radius:16px}.exam{display:flex;justify-content:space-between;align-items:baseline}.exam .title-exam{color:var(--primary);font-size:18px;font-weight:700}.title{font-size:24px;font-weight:700}.title-box{font-size:18px;font-weight:700}.title-ques{font-size:20px;color:var(--gray-800) !important;font-weight:700 !important;font-family:var(--font) !important}.title-ques p{margin-bottom:0;font-size:20px !important;color:var(--gray-800) !important;font-weight:700 !important;font-family:var(--font) !important}.title-ques p span{font-size:20px !important;color:var(--gray-800) !important;font-weight:700 !important;font-family:var(--font) !important}.title-ques span{font-size:20px !important;color:var(--gray-800) !important;font-weight:700 !important;font-family:var(--font) !important}.title-ques .h1,.title-ques .h2,.title-ques .h3,.title-ques .h4,.title-ques .h5,.title-ques .h6,.title-ques h1,.title-ques h2,.title-ques h3,.title-ques h4,.title-ques h5,.title-ques h6{margin-bottom:0;line-height:unset;font-size:20px !important;color:var(--gray-800) !important;font-family:var(--font) !important}.title-ques .h1 b,.title-ques .h2 b,.title-ques .h3 b,.title-ques .h4 b,.title-ques .h5 b,.title-ques .h6 b,.title-ques h1 b,.title-ques h2 b,.title-ques h3 b,.title-ques h4 b,.title-ques h5 b,.title-ques h6 b{font-weight:700 !important;font-family:var(--font) !important}.question-text{font-size:20px !important;color:var(--gray-800) !important;font-weight:700 !important;font-family:var(--font) !important}.question-text p{font-size:20px !important;color:var(--gray-800) !important;font-weight:700 !important;font-family:var(--font) !important}.question-text p span{font-size:20px !important;color:var(--gray-800) !important;font-weight:700 !important;font-family:var(--font) !important}.question-text span{font-size:20px !important;color:var(--gray-800) !important;font-weight:700 !important;font-family:var(--font) !important}.question-text .h1,.question-text .h2,.question-text .h3,.question-text .h4,.question-text .h5,.question-text .h6,.question-text h1,.question-text h2,.question-text h3,.question-text h4,.question-text h5,.question-text h6{margin-bottom:0;line-height:unset;font-size:20px !important;color:var(--gray-800) !important;font-weight:700 !important;font-family:var(--font) !important}.question-text .h1 b,.question-text .h2 b,.question-text .h3 b,.question-text .h4 b,.question-text .h5 b,.question-text .h6 b,.question-text h1 b,.question-text h2 b,.question-text h3 b,.question-text h4 b,.question-text h5 b,.question-text h6 b{font-weight:700 !important;font-family:var(--font) !important}.question-left-text{font-size:16px !important;color:var(--gray-500) !important;font-weight:500 !important;font-family:var(--font) !important}.question-left-text p{font-size:16px !important;color:var(--gray-500) !important;font-weight:500 !important;font-family:var(--font) !important}.question-left-text p span{font-size:16px !important;color:var(--gray-500) !important;font-weight:500 !important;font-family:var(--font) !important}.question-left-text span{font-size:16px !important;color:var(--gray-500) !important;font-weight:500 !important;font-family:var(--font) !important}.question-left-text .h1,.question-left-text .h2,.question-left-text .h3,.question-left-text .h4,.question-left-text .h5,.question-left-text .h6,.question-left-text h1,.question-left-text h2,.question-left-text h3,.question-left-text h4,.question-left-text h5,.question-left-text h6{margin-bottom:0;font-weight:500 !important;line-height:unset;font-size:16px !important;color:var(--gray-500) !important;font-family:var(--font) !important}.question-left-text .h1 b,.question-left-text .h2 b,.question-left-text .h3 b,.question-left-text .h4 b,.question-left-text .h5 b,.question-left-text .h6 b,.question-left-text h1 b,.question-left-text h2 b,.question-left-text h3 b,.question-left-text h4 b,.question-left-text h5 b,.question-left-text h6 b{font-weight:500 !important;font-family:var(--font) !important}.title-percent{font-size:28px;font-weight:700}.icon-percent{max-width:50px;width:100%;height:50px;border-radius:50%;display:flex;background:var(--secondary-100);justify-content:center;align-items:center}.icon-percent i{color:var(--primary)}.percent-up{color:#43a646;white-space:nowrap}.percent-down{color:var(--red);white-space:nowrap}.box .title-ques p{white-space:normal !important;overflow-wrap:anywhere;word-break:break-word}.box .title-ques p img{width:auto !important; max-width:100%;}.box-quiz .title-ques p{white-space:normal !important;overflow-wrap:anywhere;word-break:break-word}.box-quiz .title-ques p img{width:100% !important}.box .title-ques p>span:not(.note-math) span{width:100% !important;height:auto !important}.box .title-ques p>span:not(.note-math) img{width:100% !important;height:auto !important;max-width:100%}.box-quiz .title-ques p>span:not(.note-math) span{width:100% !important;height:auto !important}.box-quiz .title-ques p>span:not(.note-math) img{width:100% !important;height:auto !important;max-width:100%}.text-control{color:var(--primary-500)}.text-control-disabled{color:var(--primary-300)}.text-disabled{color:var(--gray-500)}.text-alphabet{font-size:14px}.text-line{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.text-2line{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.text-2line p{margin-bottom:0}.text-2line p img{height:60px;width:100% !important;object-fit:cover}.select-main-filter+.select2-container{display:inline}.select-main-filter+.select2-container .select2-selection--single{border-radius:9999px;padding:.5rem .8rem;border:none;border-bottom-left-radius:9999px !important;border-bottom-right-radius:9999px !important;border-top-left-radius:9999px !important;border-top-right-radius:9999px !important;background-color:var(--secondary-100)}.select-main-filter+.select2-container .select2-selection--single .select2-remove{vertical-align:middle}.select-main-filter+.select2-container .select2-selection--single .select2-selection__arrow b{border-color:var(--primary) rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}.select-main-filter+.select2-container .select2-selection--single .select2-selection__rendered{color:var(--primary)}.select-main-filter+.select2-container .select2-selection--single .select2-selection__rendered .text-main{color:var(--primary-300)}.select-main-filter+.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:rgba(0,0,0,0) rgba(0,0,0,0) var(--primary) rgba(0,0,0,0)}.select-main-filter+.select2-container--default .select2-selection--single .select2-selection__placeholder{color:var(--primary)}.drop-select2.is-invalid+.select2-container--default .select2-selection--single{border:1px solid var(--danger)}.select-filter+.select2-container{display:inline}.select-filter+.select2-container .select2-selection--single{border-radius:9999px;padding:.5rem .8rem;border:none;border-bottom-left-radius:9999px !important;border-bottom-right-radius:9999px !important;border-top-left-radius:9999px !important;border-top-right-radius:9999px !important;background-color:var(--secondary-100)}.select-filter+.select2-container .select2-selection--single .select2-remove{vertical-align:middle}.select-filter+.select2-container .select2-selection--single .select2-selection__arrow b{border-color:var(--primary) rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}.select-filter+.select2-container .select2-selection--single .select2-selection__rendered{color:var(--primary)}.select-filter+.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:rgba(0,0,0,0) rgba(0,0,0,0) var(--primary) rgba(0,0,0,0)}.select-filter+.select2-container--default .select2-selection--single .select2-selection__placeholder{color:var(--primary)}.select-filter.one+.select2-container .select2-selection--single{background-color:var(--green-bg)}.select-filter.one+.select2-container .select2-selection--single .select2-selection__arrow b{border-color:var(--green) rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}.select-filter.one+.select2-container .select2-selection--single .select2-selection__rendered{color:var(--green)}.select-filter.one+.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:rgba(0,0,0,0) rgba(0,0,0,0) var(--green) rgba(0,0,0,0)}.select-filter.one+.select2-container--default .select2-selection--single .select2-selection__placeholder{color:var(--green)}.select-filter.two+.select2-container .select2-selection--single{background-color:var(--blue-bg)}.select-filter.two+.select2-container .select2-selection--single .select2-selection__arrow b{border-color:var(--blue) rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}.select-filter.two+.select2-container .select2-selection--single .select2-selection__rendered{color:var(--blue)}.select-filter.two+.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:rgba(0,0,0,0) rgba(0,0,0,0) var(--blue) rgba(0,0,0,0)}.select-filter.three+.select2-container .select2-selection--single{background-color:#f4e9f6}.select-filter.three+.select2-container .select2-selection--single .select2-selection__arrow b{border-color:#9123a7 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}.select-filter.three+.select2-container .select2-selection--single .select2-selection__rendered{color:#9123a7}.select-filter.three+.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:rgba(0,0,0,0) rgba(0,0,0,0) #9123a7 rgba(0,0,0,0)}.select-school+.select2-container{display:flex;align-items:center;gap:3rem}.select-school+.select2-container .select2-selection--single{border:none;padding:0}.select-school+.select2-container .select2-selection--single .select2-selection__rendered{font-size:.9rem;padding-right:0px}.select-school-profile+.select2-container .select2-selection--single{border:none;padding:0}.select-school-profile+.select2-container .select2-selection--single .select2-selection__rendered{font-size:.9rem;padding-right:0px}.select-school-profile+.select2-container--default .select2-selection--single{background-color:rgba(0,0,0,0)}.select-school-profile+.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:var(--primary) rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) !important}.select-school-profile+.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:rgba(0,0,0,0) rgba(0,0,0,0) var(--primary) rgba(0,0,0,0) !important}.select-school-profile+.select2-container--default .select2-selection--single .select2-selection__arrow{right:1px}.select2-dropdown{z-index:1060}.select2-results__options{padding:0rem}.select2-container--default.select2-container--disabled .select2-selection--single{border:1px solid var(--gray-400);background:var(--gray-050);color:var(--gray-400)}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__rendered{color:var(--gray-400)}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__arrow b{border-color:var(--gray-400) rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}.select2-container--default .select2-selection--single{padding:.75rem 1rem;border:1px solid var(--gray-500);border-radius:8px}.select2-container .select2-selection--single{height:auto}.select2-container .select2-selection--single .select2-selection__rendered{padding-left:0px;color:var(--gray-800);line-height:26px}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:var(--gray-300)}.select2-container--default .select2-selection--single .select2-selection__arrow{height:auto;top:50%;right:.7rem}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:var(--gray-800) rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:rgba(0,0,0,0) rgba(0,0,0,0) var(--gray-800) rgba(0,0,0,0)}.select2-container--default .select2-selection--multiple{padding:.75rem 1rem;cursor:pointer;border:1px solid var(--gray-500);border-radius:8px}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid var(--gray-500) 1px}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:8px;border-top-right-radius:8px}.select2-container--default .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-top:5px;padding:.2rem .8rem;color:var(--primary);background-color:var(--secondary-100);border-radius:9999px;border:none}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{border-right:none;left:unset;right:0;padding-top:.2rem;padding-right:.8rem;color:var(--primary);font-size:18px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus{background-color:unset;color:unset;outline:none}.select2-container--open .select2-dropdown--below{border:none;margin-top:.2rem;border-radius:8px;box-shadow:0px 0px 16px 0px rgba(156,176,201,.5)}.select2-container--open .select2-dropdown--above{border:none;margin-bottom:.2rem;border-radius:8px;box-shadow:0px 0px 16px 0px rgba(156,176,201,.5)}.select2-container--default .select2-selection--multiple .select2-selection__choice__display{padding-left:0px;padding-right:15px}.select2-container .select2-search--inline .select2-search__field{margin-left:0px;margin-top:0px}.select2-container .select2-selection--multiple .select2-selection__rendered{margin:0}.select2-container--default .select2-results__option--disabled{color:var(--gray-300)}.select2-search--dropdown{padding:.6rem 1rem;border-bottom:1px solid var(--gray-050)}.select2-container--default .select2-search--dropdown .select2-search__field{border-radius:8px;border:1px solid var(--gray-500);padding:.6rem 2rem .6rem .6rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%233c4045' d='M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.5em + .375rem) calc(.5em + .375rem)}.select2-container--default .select2-search--dropdown .select2-search__field::placeholder{color:var(--gray-300)}.select2-container--default .select2-search--dropdown .select2-search__field:focus-visible{outline:0}.select2-container .select2-search--inline .select2-search__field{font-size:16px;vertical-align:middle;font-family:inherit;cursor:pointer}.select2-results__option{padding:.6rem 1rem}.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color:rgba(0,0,0,0);color:var(--primary-500)}.select2-dropdown .close-btn{display:none;position:absolute;top:-1%;right:3%;font-size:30px;cursor:pointer;font-weight:700}@media(max-width: 440px){.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{color:var(--gray-800)}.select2-container--open .select2-dropdown{left:0;position:fixed;bottom:0;width:100% !important;border-top-left-radius:16px !important;border-top-right-radius:16px !important;margin-bottom:0rem;transform:translateY(100%);animation:slideUp .3s ease-out forwards;transition:transform .3s ease-out;background:#fff;box-shadow:0 -2px 10px rgba(0,0,0,.2)}.select2-dropdown:before{content:"";width:130px;height:5px;border-radius:100px;background:var(--gray-800);display:block;margin:.8rem auto}.select2-container--default .select2-results>.select2-results__options{max-height:80dvh;padding-bottom:2rem}.select2-dropdown .close-btn{display:block}}@keyframes slideUp{from{transform:translateY(100%)}to{transform:translateY(0%)}}.select2-container--default .select2-results__option--selected{background-color:rgba(0,0,0,0);color:var(--primary-500)}.required{color:var(--danger)}.space-switch{padding:1rem 2.5rem;border-bottom:1px solid var(--gray-100)}.grid-percent{display:grid;grid-template-columns:repeat(3, 1fr);gap:1rem}.grid-3{display:grid;grid-template-columns:repeat(3, 1fr);gap:1rem}.grid-2{display:grid;grid-template-columns:repeat(2, 1fr);gap:1rem}.grid-4{display:grid;grid-template-columns:repeat(4, 1fr);gap:1rem}.select-box{border:2px solid var(--primary-500) !important}.box-no-answer{border-radius:8px;background:var(--gray-025)}.box-summarize{border-radius:8px;background:var(--secondary-100)}.box-summarize .tab-select{padding:.75rem 1rem;border-radius:8px;color:var(--primary);cursor:pointer}.box-summarize .tab-select.active{color:#fff;background-color:var(--primary)}.box-danger{border-radius:8px;background:var(--danger-050)}.box-success{border-radius:8px;background:var(--green-bg)}.box-percent{border-radius:8px;border:1px solid var(--secondary-100);background:#fff}.box-check-answer{border-radius:8px;background:var(--danger-050);padding:.8rem .5rem;color:var(--danger)}.box-check-answer a{color:var(--danger)}.line{border-bottom:1px solid var(--gray-100)}.long-badge{max-width:160px}#scheduleDate .form-control-lg{font-size:inherit}.st-exam{display:flex;justify-content:space-between;padding:1rem;border:1px solid var(--gray-100);border-radius:8px}.st-exam .st-detail .name{font-size:18px;font-weight:700}.st-exam .st-detail .st-num{color:var(--gray)}.box{padding:1rem 2rem 1rem 1rem;border:1px solid var(--gray-100);border-radius:8px}.box.disabled{background:var(--gray-050);color:var(--gray-500);border:1px solid var(--gray-400)}.box.disabled p{margin-bottom:0}.box.disabled p b{font-weight:500 !important}.box.disabled p span{font-weight:500 !important}.box.disabled b{font-weight:500 !important}.box.disabled span{font-weight:500 !important}.schedule{padding:1rem;border:1px solid var(--gray-100);border-radius:8px;display:flex;flex-direction:column}.schedule .detail{color:var(--gray-800);font-size:18px;font-weight:700}.schedule .detail i{font-size:16px;color:var(--gray-500)}.schedule .date{color:var(--gray-500);margin-top:.5rem}.schedule .date span{color:var(--gray-800)}.exam-tab{display:flex}.exam-tab .tab{padding:0rem 1rem;cursor:pointer}.exam-tab .active-tab{color:var(--primary);border-bottom:3px solid}.footer{color:var(--primary);height:80px;display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid #fafbfb;box-shadow:0 -2px 4px 0 rgba(156,176,201,.24)}.footer .back-main{cursor:pointer}.footer-disabled{color:var(--primary-100)}.footer-test{background-color:#fff;box-shadow:0 -2px 4px 0 #eaecee}.time-remaining{border-radius:8px;border:1px solid var(--orange);background:var(--orange-bg);text-align:center;padding:.5rem;color:var(--orange);font-weight:700;font-size:18px}.test-num{width:48px;height:48px;border-radius:50%;border:1px solid var(--gray-300);display:flex;justify-content:center;align-items:center;cursor:pointer}.test-num.done{background-color:#342a8b;border:1px solid #342a8b;color:#fff}.test-num.current{border:3px solid #7d97f8}.test-done{width:20px;height:20px;border-radius:50%;background-color:#342a8b}.test-current{width:20px;height:20px;border-radius:50%;border:3px solid #7d97f8}.test-working{width:20px;height:20px;border-radius:50%;border:3px solid #bfc7cd}.all-question{border-radius:8px;background:var(--gray-050)}#editClass .ed-title{color:var(--gray-500)}#qrModal .img-qrcode{max-width:fit-content}#qrModal .img-qrcode canvas{width:100%}#qrModal .text-qr span{color:var(--primary)}#qrModal .qr-footer{display:block}.icon-font i{font-size:64px}#banModal .icon-ban i{color:var(--gray-200);font-size:64px}#banModal .modal-footer{border-top:none}#endModal .icon-ban i,#scheduleModal .icon-ban i,#confirmModal .icon-ban i,#end-exam .icon-ban i,#saveEdit .icon-ban i{color:var(--gray-200);font-size:64px}#endModal .title,#scheduleModal .title,#confirmModal .title,#end-exam .title,#saveEdit .title{color:var(--gray-800);font-weight:700}#endModal .text,#scheduleModal .text,#confirmModal .text,#end-exam .text,#saveEdit .text{color:var(--gray-500);font-weight:500}#endModal .modal-footer,#scheduleModal .modal-footer,#confirmModal .modal-footer,#end-exam .modal-footer,#saveEdit .modal-footer{border-top:none}.copy-icon{position:absolute;right:15px;top:50%;transform:translateY(-50%);cursor:pointer;color:#6c757d}.copy-icon:hover{color:#000}.box-icon{border-radius:16px;background:var(--secondary-100);max-width:70px;margin:0 auto;text-align:center}.box-icon i{color:var(--primary);font-size:35px}.box-science{border-radius:8px;border:1px solid var(--secondary-100);background:#fff}.img-science{height:80px;position:relative}.img-science img{border-radius:8px;object-position:bottom}.img-assess{height:80px;position:relative}.img-assess img{border-radius:4px}.check-box{position:absolute;top:8px;right:8px}.img-example{max-width:400px;margin:0 auto}.img-suggestion{max-width:300px;margin:0 auto}.box-download{position:relative;height:160px}.box-download img{height:100%;object-fit:cover;border-radius:8px;object-position:bottom}.box-download::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0) linear-gradient(90deg, rgba(0, 116, 82, 0) -200%, #007452 100%) 0% 0% no-repeat padding-box;z-index:1;border-radius:8px}.box-download .content-download{position:absolute;bottom:20px;z-index:2;width:100%;padding:0rem 1rem;align-items:end}.box-download .content-download .icon-pdf{color:#fff;font-size:40px;margin-bottom:1rem;margin-left:.5rem}.edit-profile{width:160px;height:160px;border-radius:50%;border:2px solid var(--gray-100);background:var(--secondary-050);margin:0 auto;position:relative}.edit-profile .old-profile{width:160px;height:160px}.edit-profile .old-profile img{border-radius:50%}.edit-profile .new-profile{width:160px;height:160px}.edit-profile .new-profile img{border-radius:50%}.edit-profile .camera{width:40px;height:40px;border-radius:50%;border:1px solid var(--gray-300);background:#fff;box-shadow:0 0 8px 0 var(--gray-100);display:flex;justify-content:center;align-items:center;position:absolute;bottom:0;right:0}.icon-add{border-radius:16px;background:var(--secondary-100);max-width:72px;margin:0 auto;padding:1rem}.icon-add i{font-size:40px;color:var(--primary)}.icon-edit{border-radius:50%;background-color:var(--secondary-100);width:100%;height:30px;display:flex;justify-content:center;align-items:center;max-width:30px}.icon-edit i{color:var(--primary);font-size:12px}.icon-edit-2{border-radius:50%;background-color:var(--orange-bg);width:100%;height:30px;display:flex;justify-content:center;align-items:center;max-width:30px}.icon-edit-2 i{color:var(--orange);font-size:12px}.icon-edit-3{border-radius:50%;background-color:var(--red-bg);width:100%;height:30px;display:flex;justify-content:center;align-items:center;max-width:30px}.icon-edit-3 i{color:var(--red);font-size:12px}.img-card-class{height:90px;position:relative}.tooltips{position:relative;display:inline-block;cursor:pointer;z-index:1999}.tooltips span{position:absolute;color:#fff;background-color:var(--gray-800);font-size:16px;font-weight:500;font-family:var(--font);padding:8px;border-radius:8px;transition:opacity .3s;opacity:0;pointer-events:none;z-index:2000;white-space:nowrap;box-shadow:0 0 8px 0 var(--gray-100)}.tooltips span i{color:#fff !important}.tooltips:hover span{opacity:1}.tooltips span::after{content:"";position:absolute;border:6px solid rgba(0,0,0,0)}.tooltips[data-position=top] span{bottom:150%;transform:translateX(-7%)}.tooltips[data-position=top] span::after{top:100%;left:5%;transform:translateX(-50%);border-top-color:var(--gray-800)}.tooltip.custom-tooltip .tooltip-inner{display:inline-flex;background-color:var(--gray-800);color:#fff;font-family:var(--font);border-radius:8px;box-shadow:0 0 8px 0 var(--gray-100);width:auto;max-width:none;padding:6px 12px;font-size:16px;opacity:1}.tooltip.custom-tooltip .tooltip-inner::before{font-family:"Font Awesome 6 Pro";font-weight:900;content:"";margin-right:6px;font-size:14px;color:#fff}.alert-zone{position:absolute;top:70px;right:0;padding-right:1rem;padding-left:1rem}.alert-zone .alert-box{border-radius:16px;border:1px solid var(--danger);background:var(--danger-050);box-shadow:0 0 16px 0 var(--gray-300);transform:translateX(120%);opacity:0}.alert-zone .alert-box .icon-danger{color:var(--danger);font-size:18px}.alert-zone .alert-box .btn-nooutline{color:var(--danger)}.alert-zone .alert-box .btn-nooutline:active{color:var(--danger);border:1px solid var(--danger)}.alert-box.slide-in{animation:slideIn .5s forwards}.alert-box.slide-out{animation:slideOut .5s forwards}@keyframes slideIn{from{transform:translateX(120%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideOut{from{transform:translateX(0);opacity:1}to{transform:translateX(120%);opacity:0}}.note-editor.note-frame{width:100%}.note-editor.note-frame.is-invalid{border:1px solid var(--danger)}.note-placeholder{color:var(--gray-300)}.note-toolbar{background-color:var(--secondary-100);border-top-left-radius:8px;border-top-right-radius:8px}.note-editor.note-frame .note-statusbar{background-color:var(--secondary-100);border-bottom-left-radius:8px;border-bottom-right-radius:8px}.note-modal .modal-dialog{box-shadow:none;display:flex;align-items:center;min-height:calc(100% - var(--bs-modal-margin)*2)}.note-btn-group .note-btn{color:var(--gray-800)}