.App{text-align:center}.spinner{display:grid;height:80px;width:80px}.spinner:after,.spinner:before{animation:spinner-3hs4a3 1s infinite;background:var(--c) 50% 0,var(--c) 50% 100%,var(--c) 100% 50%,var(--c) 0 50%;background-repeat:no-repeat;background-size:13.4px 13.4px;content:"";grid-area:1/1}.spinner:before{animation-timing-function:linear;background-size:9px 9px;margin:4.5px}.spinner:after,.spinner:before{--c:radial-gradient(farthest-side,#2b55a0 92%,#0000)}@keyframes spinner-3hs4a3{to{transform:rotate(.5turn)}}@font-face{font-family:Century;src:url(/static/media/Century.b194aa2bd524e2c973f7.ttf)}@font-face{font-family:GothicBoldRegular;src:url(/static/media/GothicBoldRegular.4669e88ae36834cda916.ttf)}@font-face{font-family:KhmerOsMuol;src:url(/static/media/KhmerOSmuollight.35fac32b6e1e0e1a8639.ttf)}@font-face{font-family:Siemreap;src:url(/static/media/KhmerOSsiemreap.c7829629429e92a9e769.ttf)}@font-face{font-family:Bayon;src:url(/static/media/Bayon.dd64516e1957739ea4f1.ttf)}@font-face{font-family:PublicSans;src:url(/static/media/PublicSansRegular.032d8a6070a79016bb4f.ttf)}@font-face{font-family:KantumruyBold;src:url(/static/media/KantumruyPro-Bold.8cd3012caf3ca9a1af6c.ttf)}.print-invoice-container{background-color:#fff;justify-content:center;padding:30px 30px 20px}.print-invoice-logo{margin-top:8px;width:62px!important}.print-invoice-title-kh{font-family:KhmerOsMuol!important}.print-invoice-title-en,.print-invoice-title-kh{font-size:8px!important;font-weight:100;text-align:center}.print-invoice-title-en{font-family:GothicBoldRegular!important}.print-invoice-tackteng{margin-top:6px;width:110px}.print-invoice-header-title-bold{font-weight:700!important}.print-invoice-header-title,.print-invoice-header-title-bold{font-family:Siemreap!important;font-size:8px!important}.print-invoice-header-center-title-kh{font-family:Bayon!important;font-size:10px!important;text-align:center;text-decoration:underline!important}.print-invoice-header-center-title{font-family:Baloopaaji!important;font-size:10px!important;font-weight:700!important;text-align:center}.print-invoice-table{border-collapse:collapse;margin-top:10px;width:100%}.print-invoice-table th{font-family:Siemreap!important;font-size:8px!important;padding:4px}.print-invoice-table1{border-collapse:collapse;margin-top:10px;width:100%}.print-invoice-table1 th{border-bottom:1px solid #fff;font-family:Siemreap!important;font-size:12px!important;padding:6px}.print-invoice-table td{font-size:8px!important;padding:4px}.print-invoice-table td,.print-invoice-table1 td{border-bottom:1px solid #f0efef;font-family:Siemreap!important}.print-invoice-table1 td{font-size:12px!important;padding:6px}.print-invoice-box-bottom{border:3px double #000;padding:5px}.print-invoice-footer-kh{font-family:Bayon!important;font-size:8px!important}.print-invoice-footer-en{font-family:Siemreap!important;font-size:8px!important}.result-header{margin-top:20px}.student-drop-out{background-color:#fff;border-radius:10px;padding:10px 20px 20px!important;width:100%}.logo-size{margin-top:14px!important;width:120px!important}.program-title{font-family:KhmerOsMuol!important;font-size:10px!important;margin-top:5px!important}.title-result{font-family:KhmerOsMuol!important;font-size:11px!important;font-weight:100!important;text-align:center}.title-result,.title-result-eng{letter-spacing:normal!important;margin-top:5px}.title-result-eng{font-size:9px!important;font-weight:700!important;text-align:center!important}.title-En,.title-result-eng{font-family:GothicBoldRegular!important}.title-En{font-size:10px!important;font-weight:100!important;line-height:180%!important;text-align:center}.tackteng-font{display:flex;justify-content:center}.image-tackteng{width:140px!important}.table-monthly-result-and-rank{border-collapse:collapse;width:100%}.table-monthly-result-and-rank-headear-text{background-color:#dcf0fc;border:1px solid #0f81c2!important;font-family:KhmerOsMuol!important;font-size:11px!important;font-weight:100!important;padding:4px 0 2px!important;text-align:center}.table-monthly-result-and-rank-body-text{border:1px solid #0f81c2!important;font-size:11px!important;padding:4px 0 2px 4px!important;text-align:center}.table-monthly-result-and-rank-footer-center{font-size:11px!important;padding-top:4px;text-align:center}.table-monthly-result-and-rank-footer-left{font-size:11px!important;padding-top:4px;text-align:left}.table-monthly-result-and-rank-footer{font-size:11px!important;padding-top:4px}.table-monthly-result{border-collapse:collapse;width:100%}.thead-monthly-result{text-align:center}.thead-monthly-result,.thead-monthly-result-txt-left{background-color:#60c5ff38;border:1px solid #0f81c2;font-family:KhmerOsMuol!important;font-size:11px;font-weight:100!important;padding:4px 0 2px!important}.thead-monthly-result-txt-left{text-align:left}.thead-monthly-result-eng{border:1px solid #0f81c2}.thead-monthly-result-eng,.thead-monthly-result-eng-footer{background-color:#60c5ff38;font-size:11px;text-align:center}.tbody-monthly-result,.tbody-monthly-result-eng{border:1px solid #0f81c2;font-size:11px;font-weight:100;padding:3px 0 1px 2px;text-align:center}.tbody-monthly-result-txt-name{border:1px solid #0f81c2;font-size:11px;font-weight:100;padding:4px 0 1px 2px;text-align:left}.table-footer{background-color:#60c5ff38}.table-footer,.table-footer-white-bg{font-size:11px!important;font-weight:100;text-align:center}.footer-agree{font-size:11px!important;text-align:center!important}.footer-agree-txt-normal,.footer-agree-txt-normal-right{font-family:Siemreap!important;font-size:11px!important;padding-bottom:2px}.footer-agree-txt-normal-right{text-align:right!important}.footer-bold{font-family:KhmerOsMuol!important;font-weight:100!important}.footer-bold,.footer-date{font-size:11px!important;padding-bottom:2px;text-align:center!important}.footer-date{font-family:Siemreap!important}.footer-name{font-family:KhmerOsMuol!important}.footer-eng,.footer-monthly-result-eng,.footer-name{font-size:11px!important;text-align:center}.footer-eng{font-family:Siemreap!important;font-weight:700!important}.field-name{background-color:#fff;border-radius:6px;font-family:KhmerOsMuol!important;font-size:11px!important;font-weight:100!important;.MuiOutlinedInput-input{margin-left:60px!important}.MuiOutlinedInput-input,.MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline,.css-1ua80n0-MuiInputBase-input-MuiOutlinedInput-input{font-family:KhmerOsMuol!important;font-size:11px!important;font-weight:100!important}.MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#fff!important;border-radius:6px}}.result-header{background-color:#fff;border-radius:10px;margin-bottom:20px;padding:20px!important;width:100%}.table-student-parents{border-collapse:collapse;width:100%}.table-student-parents tr th{border:1px solid #92cbf9;font-family:KhmerOsMuol!important;font-size:10px;font-weight:100!important;padding:3px 6px}.table-student-parents tr .body-student-drop-out{border:1px solid #92cbf9;font-size:10px;font-weight:100!important;padding:6px}.table-student-parents td{border:1px solid #92cbf9;font-size:12px;font-weight:100!important;padding:3px 6px;text-align:center}.table-student-parents th{background-color:#deeffd}.birthday-wrapper{align-items:center;display:inline-flex;gap:4px;position:relative}.cake-icon{animation:bounce 1s infinite;color:#ff4081;font-size:24px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.firework{animation:explode .6s ease-out infinite;background-color:gold;border-radius:50%;height:8px;transform-origin:center;width:8px}.firework.delay{animation-delay:.3s;background-color:cyan}@keyframes explode{0%{opacity:1;transform:scale(0)}80%{opacity:.7;transform:scale(2)}to{opacity:0;transform:scale(3)}}.logo-school-image{height:auto!important;margin-top:18px!important;width:152px!important}.number-certificate{font-family:Khmer OS Siemreap!important;font-size:11px!important}.national-certificate-En{font-family:GothicBoldRegular!important;font-size:14px!important;line-height:180%!important}.national-certificate-En,.national-certificate-kh{font-weight:100!important;text-align:center!important}.national-certificate-kh{font-family:Khmer OS Muol Light!important;font-size:15px!important;letter-spacing:normal!important}.tackteng-font-cert{display:flex!important;justify-content:center!important}.image-tackteng-cert{width:160px!important}.title-certificate{font-family:Khmer OS Muol Light!important;font-size:15px!important;font-weight:100!important;letter-spacing:normal!important;text-align:center!important}.body-certificate,.body-certificate-bold{font-family:Khmer OS Siemreap!important;font-size:15px!important}.body-certificate-bold{font-weight:700!important}.footer-certificate-name{font-family:Khmer OS Muol Light!important;font-size:15px!important;font-weight:100!important;margin-left:60px!important;margin-top:70px!important;text-align:center}.note-certificate-bold{font-family:Khmer OS Muol Light!important;font-size:14px!important}.note-certificate{font-family:Khmer OS Siemreap!important;font-size:14px!important}.page-footer-certificate{font-size:10px;text-align:center;width:100%}.page-footer-certificate p{margin:0}.page-footer-line-certificate{border:3px solid #0f81c2}.page-footer-text-certificate{color:blue;font-family:Khmer OS Siemreap;font-size:11px;text-align:left!important}.page-footer-text-certificate-en{color:blue;font-family:Century!important;font-size:11px;text-align:left!important}.footer-info-certificate{margin-bottom:10px!important}.btn-print-cert{background-color:#0f81c2!important;color:#fff!important}.body-cert-en-pro{font-family:Century!important;font-size:15px!important}.title-cert-att{font-size:22px!important}.body-cert-en-pro-bold,.title-cert-att{font-family:Century!important;font-weight:700!important}.body-cert-en-pro-bold{font-size:16px!important}.print-grade-result-container{position:relative}.print-grade-result-container,.print-grade-result-img{height:1117px!important;margin:0!important;padding:0!important;width:794px}.print-grade-result-body{position:absolute;top:35px;width:794px}.print-grade-result-header-kantumruy{color:#023147;font-family:KantumruyBold!important;font-weight:700!important;text-align:center}.print-grade-result-header-bayon{color:#023147;font-family:Bayon!important;text-align:center}.print-grade-result-footer-bayon-white{color:#fff;font-family:Khmer OS Siemreap,sans-serif!important;text-align:center;text-decoration:none!important}.print-grade-result-footer-khmoul-white{color:#fff;font-family:KhmerOsMuol!important}.print-grade-result-header-khmoul{color:#023147;font-family:KhmerOsMuol!important;text-align:center}.print-grade-result-font-siemreap{color:#023147;font-family:Siemreap!important;text-align:center}.print-grade-result-logo{margin-top:10px;width:170px}.print-grade-result-header{color:#023147;font-family:KhmerOsMuol!important;font-size:17px!important;text-align:center}.print-grade-result-header-en{color:#023147;font-family:GothicBoldRegular!important;font-size:17px!important;font-weight:100!important;line-height:180%!important;text-align:center}.print-grade-result-stu-image{border-top-left-radius:12px;border-top-right-radius:12px;height:132px;margin-left:38px;object-fit:cover;object-position:top;transform:translateY(5px);width:134px}.logo-student-parents-info{margin-top:15px!important;width:120px!important}.logo-student-drop-out-info{margin-top:20px!important;width:90px!important}.tackteng-student-parents-info{width:120px}.tackteng-student-drop-out-info{width:100px}.title-student-parents-info{text-align:center}.title-student-parents-info,.title-student-parents-info-bottom{font-family:KhmerOsMuol!important;font-size:9px!important;font-weight:100!important;letter-spacing:normal!important;margin-top:5px}.title-student-parents-info-eng-top{font-weight:700!important;text-align:center}.title-student-parents-info-eng,.title-student-parents-info-eng-top{font-size:9px!important;letter-spacing:normal!important}.title-student-drop-out-info{font-family:KhmerOsMuol!important;font-size:9.3px!important;font-weight:100!important;letter-spacing:normal!important;margin-top:5px;text-align:center}.title-student-drop-out-info-en{font-size:8.3px!important}.title-student-drop-out-info-en,.title-student-parents-info-en{font-family:GothicBoldRegular!important;font-weight:100!important;line-height:180%!important;text-align:center}.title-student-parents-info-en{font-size:9px!important}.table-student-post-telegram-text-en{font-family:GothicBoldRegular!important;font-size:10px!important;font-weight:100!important;line-height:180%!important;text-align:center}.title-student-comment{font-weight:100!important}.title-student-comment,.title-student-comment-bold{word-wrap:break-word;cursor:pointer;font-family:Siemreap!important;font-size:9px!important;height:100%!important;white-space:normal;width:100%}.title-student-comment-bold{font-weight:700!important}.print-reportAtt-A{color:red!important}.print-reportAtt-A,.print-reportAtt-P{font-size:8px!important;font-weight:700!important}.print-reportAtt-P{color:orange!important}.print-reportAtt-L{color:green!important}.print-reportAtt-C,.print-reportAtt-L{font-size:8px!important;font-weight:700!important}.print-reportAtt-C{color:blue!important}.table-student-post-telegram{border-collapse:collapse;width:100%}.table-student-post-telegram tr th{background-color:#deeffd;border:1px solid #92cbf9!important;font-size:11px!important;font-weight:100!important;padding:3px 4px}.table-student-post-telegram td{border:1px solid #92cbf9;font-size:11px!important;font-weight:100!important;padding:3px 0 2px 2px;text-align:center}.table-student-post-telegram-header-text-en{font-size:11px!important;font-weight:700!important;text-align:center!important}.table-student-post-telegram-header-text-moul{font-family:KhmerOsMuol!important;font-size:11px!important;font-weight:100!important;text-align:center!important}.table-student-post-telegram-text{font-family:Siemreap!important;font-size:11px!important;font-weight:100!important}.table-student-post-telegram-text-khmoul{font-family:KhmerOsMuol!important;font-size:11px!important;font-weight:100!important;text-align:center}.tbody-student-parents-phone{line-height:1.5em;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:normal}.start-date-student-parents-info{font-size:9px!important;font-weight:100!important}.report-teaching-time-view-print{border-collapse:collapse;width:100%}.report-teaching-time-view-print th{border:1px solid #c5cae9}.report-teaching-time{background-color:#fff;border-radius:10px;margin-top:20px;padding:25px!important;width:100%}.table-teaching-time-header{font-family:KhmerOsMuol!important}.table-teaching-time-header,.table-teaching-time-subheader{background-color:#e1f5fe;border:1px solid #c5cae9;font-size:8px!important;font-weight:100!important;padding:4px!important}.table-teaching-time-body,.table-teaching-time-subheader{font-family:Siemreap!important}.table-teaching-time-body{border:1px solid #c5cae9;font-size:8px!important;padding:4px!important;text-align:center}.table-teaching-time-body-div-container{padding:0!important}.table-teaching-time-body-div:first-child,.table-teaching-time-body-div:nth-child(2){border-bottom:1px solid #c5cae9;border-right:1px solid #c5cae9;font-family:Siemreap!important;font-size:8px!important;padding:4px!important;text-align:center}.table-teaching-time-body-div:not(:first-child):not(:nth-child(2)){border-bottom:none;border-right:1px solid #c5cae9;font-family:Siemreap!important;font-size:8px!important;padding:4px!important;text-align:center}.title-header-prt{text-align:left;width:400px}.print-test-result-date-footer{font-family:Siemreap!important;font-size:13px!important}.print-result-test-programme-manager{font-family:KhmerOsMuol!important;font-size:13px!important}.result-footer-prt{background-color:#9cdcff;font-weight:700;text-align:left}.table-study-report{border-collapse:collapse;width:100%}.logo-student-study-report{margin-top:20px!important;width:120px!important}.title-student-study-report-info-kh{font-family:KhmerOsMuol!important;font-size:15px!important;font-weight:100!important;letter-spacing:normal!important;margin-top:5px;text-align:center}.title-student-study-report-info-en{font-family:GothicBoldRegular!important;font-size:15px!important;font-weight:100!important;line-height:180%!important;text-align:center}.table-study-report-th{font-family:Pertili!important;font-size:14px!important;letter-spacing:1px}.table-study-report-th,.table-study-report-th-sub{background-color:#ddebf6;border:2px solid #9ac1e6;color:#000;font-weight:700!important;padding:0 4px}.table-study-report-th-sub{font-family:Century!important;font-size:13px!important;text-align:center}.table-study-report-td-left{font-family:Arials!important;padding:2px 12px!important}.table-study-report-td-left,.table-study-report-td-left-subject{border:2px solid #9ac1e6;font-family:Century!important;font-weight:700!important;font-weight:100!important;text-align:left}.table-study-report-td-left-subject{font-size:13px!important;padding:2px!important}.table-study-report-td-left-bg{background-color:#ddebf6;font-size:14px!important;font-weight:700!important;text-align:left}.table-study-report-td,.table-study-report-td-left-bg{border:2px solid #9ac1e6;font-family:Century!important;font-weight:100!important;padding:2px!important}.table-study-report-td{color:#000;font-size:13px!important;text-align:center}.table-study-report-td-red-bold{border:2px solid #9ac1e6;color:red;font-family:Century!important;font-size:13px!important;font-weight:700!important;padding:2px!important;text-align:center}.study-report-title-cell-blue{background-color:#ddebf6;color:#00f;text-align:left}.study-report-title-cell-black,.study-report-title-cell-blue{border:2px solid #9ac1e6;font-family:Pertili!important;font-size:14px!important;letter-spacing:1px}.study-report-title-cell-black{color:#000;font-weight:700;padding:2px!important;text-align:center}.study-report-title-cell-blue-bg{color:#00f;letter-spacing:1px}.study-report-title-cell-blue-bg,.study-report-title-cell-red-bg{background-color:#ddebf6;border:2px solid #9ac1e6;font-family:Pertili!important;font-size:14px!important;font-weight:700;padding:2px!important;text-align:center}.study-report-title-cell-red-bg{color:red}.study-report-title-cell-red{background-color:#ddebf6;border:2px solid #9ac1e6;color:red;font-family:Arials!important;font-size:14px!important;font-weight:700;padding:2px!important;text-align:center}.study-report-title-doc{color:#000;font-family:Pertili!important;font-size:15px!important;font-weight:bolder!important;letter-spacing:1px;text-align:center}.report-style{margin-top:10px;.cam-title-en{font-family:GothicBoldRegular!important;font-size:15px!important;font-weight:100!important;line-height:180%!important;text-align:center}.cam-title-kh{font-size:15px!important}.cam-title-kh,.report-title-kh{font-family:KhmerOsMoul!important}.report-title-kh{color:blue;font-size:30px!important;font-weight:100!important}.report-table-scroll-container{border:1px solid #c5cae9;margin-top:10px;max-height:700px;overflow-y:auto}.report-table{border:1px solid #c5cae9!important;border-collapse:collapse;border-spacing:0;width:100%}.report-table-th,.report-table-th-sticky{font-family:KhmerOsMuol!important;font-size:11px!important;font-weight:100!important;text-align:center}.report-table-th,.report-table-th-sticky,.report-table-th-sticky-en{background-color:#e1f5fe;border:1px solid #c5cae9!important;padding:4px!important}.report-table-th-sticky-en{font-family:GothicRegular;font-size:15px!important;font-weight:700!important;text-align:center!important}.report-table-th-sticky,.report-table-thead tr:first-child .report-table-th-sticky-en{box-shadow:inset 0 -1px 0 #c5cae9;padding:4px;position:-webkit-sticky;position:sticky;top:0;z-index:5}.report-table-thead tr:nth-child(2) .report-table-th-sticky-en{box-shadow:inset 0 -1px 0 #c5cae9;padding:4px;position:-webkit-sticky;position:sticky;top:30px;z-index:5}.table-book-body-field{border:1px solid #c5cae9;font-family:Siemreap}.table-book-body-field,.text-field-cost-unit{font-size:15px!important;padding:4px!important}.text-field-cost-unit{&.MuiTypography-root{font-family:Siemreap!important}}.head-text-cost-unit-bold{color:blue!important;font-family:Siemreap!important;font-size:15px!important;font-weight:700!important;padding:4px!important}.report-table-sub-th-i{background-color:#e1f5fe;color:blue;font-family:KhmerOsMoul!important;font-size:15px}.report-table-body-td-center,.report-table-sub-th-i{border:1px solid #c5cae9!important;padding:4px!important}.report-table-body-td-center{font-family:Siemreap!important;font-size:15px!important;text-align:center}.report-table-body-td-left{border:1px solid #c5cae9!important;font-family:Siemreap!important;font-size:15px!important;padding:4px!important}.report-table-tbody-td-total-total{align-items:"center";background-color:#e1f5fe;font-size:10px!important;text-align:center}.report-table-tbody-td-total-total,.report-table-tbody-td-total-unit{border:1px solid #c5cae9!important;bottom:0;color:red;font-family:Siemreap!important;font-weight:700;position:-webkit-sticky;position:sticky}.report-table-tbody-td-total-unit{background-color:#ff0;padding:4px;text-align:right}.report-table-tbody-td-total-cost{background-color:#ff0;border:1px solid #c5cae9!important;bottom:0;color:red;padding:4px;position:-webkit-sticky;position:sticky;.MuiTypography-root{font-family:Siemreap!important;font-weight:700!important}}}.layout-container{width:100%}.layout-container .navbar-container{left:0;position:fixed;width:300px;z-index:100}.layout-container .navbar-container-mobile{left:0;position:fixed;width:120px;z-index:100}.layout-container .left-side-container{height:90vh;margin-left:300px;width:100%}.layout-container .left-side-container .top-bar{background-color:#223458;border-bottom:1px solid #f3f2f2;position:fixed;width:85%;z-index:1000}.layout-container .left-side-container .top-bar .username-text{color:#fff;font-family:Century!important;font-size:14px;font-weight:700;text-align:left;text-transform:none}.layout-container .left-side-container .top-bar .email-text{color:#fff;font-family:Century!important;font-size:12px;text-align:left;text-transform:none}.layout-container .left-side-container .top-bar .icon-menu{color:#fff}.layout-container .left-side-container .supLeft-side-container{background-color:#ebedef;padding-bottom:20px;width:100%}.layout-container .left-side-container .supLeft-side-container .outlet-container{background-attachment:fixed;background-image:url(/static/media/angkor-picture.1908633d70ca19834163.png);background-position:80% 50%;background-repeat:no-repeat;background-size:80%;height:90vh;margin-top:62px;padding:20px}@media(min-width:1025px)and (max-width:1650px){.layout-container .left-side-container .supLeft-side-container .outlet-container{background-position:80% 18%;background-size:80%}}@media(min-width:769px)and (max-width:1024px){.layout-container .left-side-container .supLeft-side-container .outlet-container{background-position:120% 14%;background-size:90%}}@media(min-width:426px)and (max-width:768px){.layout-container .left-side-container .supLeft-side-container .outlet-container{background-position:120% 12%;background-size:90%}}@media(min-width:426px)and (max-width:600px){.layout-container .left-side-container .supLeft-side-container .outlet-container{background-position:50% 11%;background-size:140%}}.layout-container .left-side-container-mobile{height:90vh;margin-left:120px;width:100%}.layout-container .left-side-container-mobile .top-bar{background-color:#fff;border-bottom:1px solid #f3f2f2;position:fixed}.layout-container .left-side-container-mobile .supLeft-side-container{background-color:#ebedef;width:100%}.layout-container .left-side-container-mobile .supLeft-side-container .outlet-container{background-attachment:fixed;background-image:url(/static/media/angkor-picture.1908633d70ca19834163.png);background-position:80% 50%;background-repeat:no-repeat;background-size:80%;height:90vh;padding:20px}@media(min-width:1025px)and (max-width:1650px){.layout-container .left-side-container-mobile .supLeft-side-container .outlet-container{background-position:80% 18%;background-size:80%}}@media(min-width:769px)and (max-width:1024px){.layout-container .left-side-container-mobile .supLeft-side-container .outlet-container{background-position:120% 14%;background-size:90%}}@media(min-width:426px)and (max-width:768px){.layout-container .left-side-container-mobile .supLeft-side-container .outlet-container{background-position:120% 12%;background-size:90%}}@media(min-width:426px)and (max-width:600px){.layout-container .left-side-container-mobile .supLeft-side-container .outlet-container{background-position:50% 11%;background-size:140%}}.backdrop-style{background:linear-gradient(180deg,#fff 30%,#dde9f3)}.backdrop-style .background-image{background-position:50% 50%;background-repeat:no-repeat;background-size:80%;height:100%;left:0;opacity:.1;position:fixed;top:0;width:100%}.backdrop-style .system-title{color:#eef0f3;font-size:20px;font-weight:700;margin-bottom:20px;margin-top:10px}.backdrop-style .power-title{color:#eef0f3;font-weight:700}.menu-container{width:100%}.menu-container .logo-container{background-color:#fff;border-radius:50%;height:50px;margin:20px 5px 5px;width:50px}.menu-container .main-menu{background-color:#121d33;height:100vh;width:60px}.menu-container .main-menu .menu-list-item{cursor:pointer;height:60px;padding:0!important;width:60px}.menu-container .main-menu .menu-list-item .box-container{height:60px;width:100%}.menu-container .main-menu .menu-list-item .box-container .box-top{border-bottom-right-radius:40px;height:10px}.menu-container .main-menu .menu-list-item .box-container .box-bottom{border-top-right-radius:40px;height:10px}.menu-container .main-menu .menu-list-item .box-container .icon-container{height:40px;width:100%}.menu-container .main-menu .menu-list-item .box-container .icon-container .icon{color:#fff;font-size:18px}.menu-container .main-menu .menu-list-item-active{cursor:pointer;height:60px;padding:0!important;width:60px}.menu-container .main-menu .menu-list-item-active .box-container{background-color:#223458;height:60px;width:100%}.menu-container .main-menu .menu-list-item-active .box-container .box-top{background-color:#121d33;border-bottom-right-radius:40px;height:10px}.menu-container .main-menu .menu-list-item-active .box-container .box-bottom{background-color:#121d33;border-top-right-radius:40px;height:10px}.menu-container .main-menu .menu-list-item-active .box-container .icon-container{border-bottom-left-radius:40px;border-top-left-radius:40px;height:40px;width:100%}.menu-container .main-menu .menu-list-item-active .box-container .icon-container .icon{color:#fff;font-size:18px}.menu-container .sub-menu{background-color:#223458;padding:10px;width:100%}.menu-container .sub-menu .main-title{color:#fff;font-size:19px;font-weight:700;margin-top:25px;padding-left:20px}.menu-container .sub-menu .sub-menu-body{-ms-overflow-style:none;height:100%;max-height:100vh;overflow-y:auto;scrollbar-width:none}.menu-container .sub-menu .sub-menu-body .subMenu-list-item-active{background-color:#285295;border-radius:6px;cursor:pointer;height:38px;padding-left:10px;width:100%}.menu-container .sub-menu .sub-menu-body .subMenu-list-item-active .icon{color:#fff;font-size:18px}.menu-container .sub-menu .sub-menu-body .subMenu-list-item-active .list-item-text{color:#fff;font-family:Century,!important!important;font-size:14px;font-weight:700;padding-top:2px}.menu-container .sub-menu .sub-menu-body .subMenu-list-item{cursor:pointer;height:38px;padding-left:10px;width:100%}.menu-container .sub-menu .sub-menu-body .subMenu-list-item .icon{color:#fff;font-size:18px}.menu-container .sub-menu .sub-menu-body .subMenu-list-item .list-item-text{color:#fff;font-family:Century,!important!important;font-size:14px;font-weight:700;padding-top:2px}.menu-container .sub-menu .sub-menu-body .subMenu-list-item .expand-icon{background-color:#285295;border-radius:5px;height:21px;width:21px}.menu-container .sub-menu .subMenu-list-item-active{background-color:#285295;border-radius:6px;cursor:pointer;height:48px;padding-left:10px;width:100%}.menu-container .sub-menu .subMenu-list-item-active .icon{color:#fff;font-size:18px}.menu-container .sub-menu .subMenu-list-item-active .list-item-text{color:#fff;font-family:Century,!important!important;font-size:14px;font-weight:700;padding-top:2px}.menu-container .sub-menu .subMenu-list-item{cursor:pointer;height:48px;padding-left:10px;width:100%}.menu-container .sub-menu .subMenu-list-item .icon{color:#fff;font-size:18px}.menu-container .sub-menu .subMenu-list-item .list-item-text{color:#fff;font-family:Century,!important!important;font-size:14px;font-weight:700;padding-top:2px}.menu-container .sub-menu-mobile{background-color:#223458;padding:10px;width:100%}.menu-container .sub-menu-mobile .main-title{color:#fff;font-size:19px;font-weight:700;margin-top:25px;padding-left:20px}.menu-container .sub-menu-mobile .sub-menu-body{-ms-overflow-style:none;height:100%;max-height:100vh;overflow-y:auto;scrollbar-width:none}.menu-container .sub-menu-mobile .sub-menu-body .subMenu-list-item-active{border-radius:6px;cursor:pointer;height:38px;padding-left:10px;width:100%}.menu-container .sub-menu-mobile .sub-menu-body .subMenu-list-item-active .icon{color:#fff;font-size:18px}.menu-container .sub-menu-mobile .sub-menu-body .subMenu-list-item{cursor:pointer;height:38px;padding-left:10px;width:100%}.menu-container .sub-menu-mobile .sub-menu-body .subMenu-list-item .icon{color:#fff;font-size:18px}.menu-container .sub-menu-mobile .sub-menu-body .subMenu-list-item .expand-icon{background-color:#285295;border-radius:5px;height:21px;width:21px}.menu-container .sub-menu-mobile .subMenu-list-item-active{background-color:#285295;border-radius:6px;cursor:pointer;height:48px;padding-left:10px;width:100%}.menu-container .sub-menu-mobile .subMenu-list-item-active .icon{color:#fff;font-size:18px}.menu-container .sub-menu-mobile .subMenu-list-item{cursor:pointer;height:48px;padding-left:10px;width:100%}.menu-container .sub-menu-mobile .subMenu-list-item .icon{color:#fff;font-size:18px}.dialog-container .css-1qqsdnr-MuiAutocomplete-root .MuiAutocomplete-tag{background-color:#131870;border-radius:10px!important;color:#fff}.dialog-container .css-eem9g9-MuiButtonBase-root-MuiChip-root .MuiChip-deleteIcon{color:#fff!important}.dialog-container .MuiPaper-root{border-radius:10px!important}.dialog-container .dialog-title{color:#131870;font-size:16px;font-size:"Century" !important!important;font-weight:700!important}.dialog-container .close-icon{color:red}.dialog-container .avater-image{border-radius:10px;height:170px;object-fit:cover!important;width:150px}.dialog-container .student-takenap-image{height:auto;object-fit:cover!important;width:160px}.dialog-container .student-image{height:180px;width:180px}.dialog-container .certified-image{height:400px;object-fit:cover;width:auto}.dialog-container .announcement-image{height:300px;object-fit:cover!important;width:100%}.dialog-container .image-title-error{color:red;font-family:Siemreap!important;font-size:14px;text-align:center}.dialog-container .field-title{font-family:Siemreap,!important,Century!important;font-size:15px;margin-bottom:1px;min-height:24px!important}.dialog-container .view-field-title{background-color:#e8edf2;border-radius:4px;font-family:Siemreap,!important,Century!important;font-size:15px;padding:8px 12px}.dialog-container .icon-add{color:#131870}.dialog-container .viewpw-icon{cursor:pointer}.dialog-container .text-field{background-color:#fff;border-radius:6px;width:100%}.dialog-container .text-field .css-e2mtqw-MuiInputAdornment-root,.dialog-container .text-field .css-nu79wc-MuiInputAdornment-root{color:#000!important;font-family:Siemreap!important}.dialog-container .text-field .MuiOutlinedInput-input,.dialog-container .text-field .css-1ua80n0-MuiInputBase-input-MuiOutlinedInput-input{color:#000;font-family:Siemreap!important}.dialog-container .text-field .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-radius:6px;color:#000;font-family:Siemreap!important}.dialog-container .text-field .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-input{border-radius:6px!important;font-family:Siemreap!important}.dialog-container .text-field .MuiInputLabel-root.Mui-focused{border-radius:6px;font-family:Siemreap!important}.dialog-container .text-field-date{background-color:#fff;width:100%}.dialog-container .text-field-date .MuiOutlinedInput-root{border-radius:6px;font-family:Century!important}.dialog-container .text-field-date .MuiOutlinedInput-root .MuiOutlinedInput-input{font-family:Century!important;padding:8.5px 14px}.dialog-container .text-field-date .MuiInputLabel-root{font-family:Century!important}.dialog-container .btn-create{font-family:Century,!important!important;font-size:15px!important;font-weight:700!important;white-space:pre}.dialog-container .btn-create,.dialog-container .btn-create-kh{background-color:#131870!important;border-radius:5px;box-shadow:none;color:#fff;padding:8px 0}.dialog-container .btn-create-kh{font-family:Bayon!important}.dialog-container .btn-delete{box-shadow:none}.dialog-container .btn-delete,.dialog-container .btn-delete-kh{background-color:red!important;border-radius:5px;color:#fff;padding:8px 0}.dialog-container .btn-delete-kh{font-family:Bayon!important;font-weight:700!important}.dialog-container .btn-print{color:#fff}.dialog-container .btn-print,.dialog-container .btn-save{background-color:#131870!important;font-size:15px;font-weight:700;text-align:center}.dialog-container .btn-save{border-radius:10px;color:#fff!important;padding:6px 20px}.dialog-container .btn-save .icon-add{color:#fff}.dialog-container .tabs-container{bottom:0}.dialog-container .tabs-container .box-container .btn-tabs{border-bottom:2px solid #0000;color:gray}.dialog-container .tabs-container .box-container .active-btn-tabs,.dialog-container .tabs-container .box-container .btn-tabs{background:none;border-radius:0;font-family:Century,!important!important;font-size:14px;font-weight:700!important;padding:6px 16px;text-transform:uppercase}.dialog-container .tabs-container .box-container .active-btn-tabs{border-bottom:2px solid #131870;color:#131870}.dialog-container .btn-upload-image{border:1px dashed #90caf9;border-radius:10px;height:189px;width:100%}.dialog-container .btn-upload-image .exercise-image{border-radius:10px;height:110px;object-fit:cover;width:120px}.dialog-container .btn-upload-option-image{border:1px dashed #90caf9;border-radius:10px;height:208px;width:100%}.dialog-container .btn-upload-option-image .exercise-image{border-radius:10px;height:80px;object-fit:cover;width:60px}.dialog-container .btn-add-image-question{border:1px dashed #90caf9;border-radius:10px;height:240px;width:100%}.dialog-container .btn-add-image-question .exercise-image{border-radius:10px;height:110px;object-fit:cover;width:160px}.dialog-container .table{border-collapse:initial;border-spacing:0 6px;display:table;overflow-x:auto;white-space:nowrap;width:100%}.dialog-container .table .header-row{background-color:#fff;padding:10px 0}.dialog-container .table .header-row .border-title{border-bottom:1px solid #131870;margin-top:-10px!important;width:80%}.dialog-container .table .header-row .header-title-start{background-color:#fff;border:none;border-radius:5px 0 0 5px;color:#131870;font-family:Siemreap,!important,PublicSans!important;font-size:15px;padding:10px 10px 10px 20px}.dialog-container .table .header-row .header-title-start-kh{background-color:#fff;border:none;border-radius:5px 0 0 5px;color:#131870;font-family:Siemreap,!important!important;font-size:15px;padding:10px 10px 10px 20px}.dialog-container .table .header-row .header-title{background-color:#fff;border:none;color:#131870;font-family:Siemreap,!important,PublicSans!important;font-size:15px;padding:10px 10px 10px 20px}.dialog-container .table .header-row .header-title-kh{background-color:#fff;border:none;color:#131870;font-family:Siemreap!important;font-size:15px;padding:10px 10px 10px 20px}.dialog-container .table .header-row .header-title-end{font-family:Siemreap,!important,PublicSans!important}.dialog-container .table .header-row .header-title-end,.dialog-container .table .header-row .header-title-end-kh{background-color:#fff;border:none;border-radius:0 5px 5px 0;color:#131870;font-size:15px;padding:10px 20px 10px 0}.dialog-container .table .header-row .header-title-end-kh{font-family:Siemreap!important}.dialog-container .table .body{background-color:#fff;box-shadow:none}.dialog-container .table .body :hover{background-color:#f5f5f5;transition:background-color .3s!important}.dialog-container .table .body .body-row{cursor:pointer;height:50px}.dialog-container .table .body .body-row .body-cell-start{border:none;border-radius:5px 0 0 5px;font-family:Siemreap,!important,PublicSans!important;font-size:14px;padding:0 6px 0 20px}.dialog-container .table .body .body-row .body-cell{border:none;font-family:Siemreap,!important,PublicSans!important;font-size:14px;padding:0 6px 0 20px}.dialog-container .table .body .body-row .body-cell .student-name{font-family:Siemreap,!important,PublicSans!important;font-size:14px!important}.dialog-container .table .body .body-row .body-cell .present{color:#0200f6;font-size:15px;font-weight:bolder}.dialog-container .table .body .body-row .body-cell .absent{color:#fe0000;font-size:15px;font-weight:bolder}.dialog-container .table .body .body-row .body-cell .late{color:#03ad52;font-size:15px;font-weight:bolder}.dialog-container .table .body .body-row .body-cell .permission{color:#ffc000;font-size:15px;font-weight:bolder}.dialog-container .table .body .body-row .body-cell-end{border:none;border-radius:0 5px 5px 0;font-family:Siemreap,!important,PublicSans!important;font-size:14px;padding:6px 20px 6px 0}.dialog-container .table .body .body-row .body-cell-start-void{border:none;border-radius:6px 0 0 6px}.dialog-container .table .body .body-row .body-cell-start-void,.dialog-container .table .body .body-row .body-cell-void{background-color:rgba(255,36,42,.149)!important;font-family:Siemreap,!important,PublicSans!important;font-size:14px;padding:0 6px 0 20px}.dialog-container .table .body .body-row .body-cell-void{border:none}.dialog-container .table .body .body-row .body-cell-end-void{background-color:rgba(255,36,42,.149)!important;border:none;border-radius:0 6px 6px 0;font-family:Siemreap,!important,PublicSans!important;font-size:14px;padding:6px 20px 6px 0}.empty-container{background-color:#fff!important}.empty-container .text-title{color:#b6b5b5;font-family:Siemreap,!important,PublicSans!important;font-size:15px;font-weight:700;margin-top:10px;text-align:center}.empty-container .empty-image{height:auto;width:20%}.empty-container .text-des{color:gray;font-family:Siemreap,!important,PublicSans!important;font-size:14px;text-align:center}.icon-mash{color:#131870;width:100px}.cicle-maker{background-color:gray;border-radius:100%;height:300px;width:300px}.cicle-maker .typography{align-items:center;display:flex;font-weight:700;justify-content:center;margin-top:35%}.marsk{color:gray;font-size:30;font-weight:700}.back-text{color:#fff;font-weight:700}.btn-home{border:1px solid #131870;border-radius:5px;color:#131870;font-size:12px}.alert-message .snackbar-alert{border-radius:20px;margin-top:10px}.alert-message .snackbar-alert .alert-success,.alert-message .snackbar-alert .alert-success-kh{background-color:#00c9a7;border-radius:20px;color:#fff}.alert-message .snackbar-alert .alert-success-kh{font-family:Siemreap!important}.alert-message .snackbar-alert .alert-error,.alert-message .snackbar-alert .alert-error-kh{background-color:#ff6f91;border-radius:20px;color:#fff}.alert-message .snackbar-alert .alert-error-kh{font-family:Siemreap!important}.dashboard-page .page-slash-arrow{color:gray!important;font-size:14px;margin-top:2px}.dashboard-page .page-link-title{color:gray!important}.dashboard-page .page-link-title,.dashboard-page .page-link-title-active{cursor:pointer;font-family:Century,!important!important;font-size:"Century" !important!important;font-weight:700!important;text-decoration:none}.dashboard-page .page-link-title-active{color:#131870!important}.dashboard-page .page-title{color:#131870;font-family:Century,!important!important;font-size:"Century" !important!important;font-weight:700!important}.drawer-container{height:100%;padding:20px;width:500px}.drawer-container .close-icon{color:red}.drawer-container .drawer-title{color:#131870;font-size:18px;font-weight:700}.drawer-container .title{font-family:Siemreap!important;font-size:18px}.drawer-container .upload-image{height:120px;width:120px}.drawer-container .image-text{color:#131870;font-family:Siemreap!important;font-size:15px;text-align:center}.drawer-container .field-title{color:#131870;font-family:Siemreap!important;font-size:15px;font-weight:700;margin-bottom:5px}.drawer-container .text-field-test{background-color:#131870;background-color:#fff;border-radius:10px;color:#fff!important;font-family:Siemreap!important;width:100%}.drawer-container .text-field-test .css-1ua80n0-MuiInputBase-input-MuiOutlinedInput-input{font-family:Siemreap!important}.drawer-container .text-field-test .css-1ua80n0-MuiInputBase-input-MuiOutlinedInput-input .css-jedpe8-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input.MuiSelect-select{display:inline-flex!important}.drawer-container .text-field-test .MuiOutlinedInput-input{border-radius:10px;font-family:Siemreap!important}.drawer-container .text-field-test .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#fff;border-radius:10px;font-family:Siemreap!important}.drawer-container .text-field-test .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline :hover{border:#000!important}.drawer-container .text-field-test .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-input{border-radius:10px;color:#000;font-family:Siemreap!important}.drawer-container .text-field-test .MuiInputLabel-root.Mui-focused{border-radius:10px;color:#fff;font-family:Siemreap!important}.drawer-container .btn-create{background-color:#131870!important;border-radius:6px;color:#fff;font-family:Siemreap!important;font-size:15px;padding:8px 0;text-align:center;text-transform:none;width:100%}.drawer-container .icon-add{width:18px}.report-page .page-header{height:45px}.report-page .page-header .slash{background-color:#131870;height:45px;width:4px}.report-page .page-header .page-title{color:#131870;font-family:Siemreap!important;font-size:20px;font-weight:700;width:100%}.report-page .page-header .breadcrumbs-title{color:#000;font-family:Siemreap!important;font-size:15px}.report-page .text-field{background-color:#131870;background-color:#fff;border-radius:10px;color:#fff!important;width:100%}.report-page .text-field,.report-page .text-field .css-1ua80n0-MuiInputBase-input-MuiOutlinedInput-input{font-family:Siemreap!important}.report-page .text-field .MuiOutlinedInput-input{border-radius:10px;font-family:Siemreap!important}.report-page .text-field .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#fff;border-radius:10px;font-family:Siemreap!important}.report-page .text-field .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-input{border-radius:10px;color:#000;font-family:Siemreap!important}.report-page .text-field .MuiInputLabel-root.Mui-focused{border-radius:10px;color:#fff;font-family:Siemreap!important}.report-page .btn-print{background-color:#131870!important;border-radius:10px;color:#fff;padding:7px 20px}.report-page .container{margin-top:100px;width:100%}.report-page .container .text-field{background-color:#131870;background-color:#fff;border-radius:10px;color:#fff!important;font-family:Siemreap!important;width:100%}.report-page .container .text-field .css-1ua80n0-MuiInputBase-input-MuiOutlinedInput-input{font-family:Siemreap!important}.report-page .container .text-field .MuiOutlinedInput-input{border-radius:10px;font-family:Siemreap!important}.report-page .container .text-field .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#fff;border-radius:10px;font-family:Siemreap!important}.report-page .container .text-field .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-input{border-radius:10px;color:#000;font-family:Siemreap!important}.report-page .container .text-field .MuiInputLabel-root.Mui-focused{border-radius:10px;color:#fff;font-family:Siemreap!important}.report-page .print-container{background-color:#fff;border-radius:10px;margin-top:20px}.report-page .print-container .print-layout{padding:20px}.setting-page .slash{background-color:#131870;height:40px;width:4px}.setting-page .page-title{color:#131870;font-weight:700!important}.setting-page .breadcrumbs-title,.setting-page .page-title{font-family:Century,!important!important;font-size:16px!important}.setting-page .breadcrumbs-title{color:#000}.setting-page .page-slash-arrow{color:gray!important;font-size:14px;margin-top:2px}.setting-page .page-link-title{color:gray!important}.setting-page .page-link-title,.setting-page .page-link-title-active{cursor:pointer;font-family:Century,!important!important;font-size:16px!important;font-weight:700!important;text-decoration:none}.setting-page .page-link-title-active{color:#131870!important}.setting-page .setting-page-container{background-color:#fff;border-radius:10px;height:120px;padding:20px}.setting-page .setting-page-container .image{height:40px;width:40px}.setting-page .setting-page-container .page-title{color:#131870;font-family:Century,!important!important;font-size:17px;font-weight:700;margin:10px 0}.setting-page .setting-page-container .page-description{color:#131870;color:#191919;display:-webkit-box;font-family:Century,!important!important;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:pre-line;width:100%}.page-container{padding-bottom:10px!important}.page-container .slash{background-color:#131870;height:40px;width:4px}.page-container .page-slash-arrow{color:gray!important;font-size:14px;margin-top:2px}.page-container .page-link-title{color:gray!important}.page-container .page-link-title,.page-container .page-link-title-active{cursor:pointer;font-family:Century,!important!important;font-size:"Century" !important!important;font-weight:700!important;text-decoration:none}.page-container .page-link-title-active{color:#131870!important}.page-container .page-title{color:#131870;font-family:Century,!important!important;font-size:"Century" !important!important;font-weight:700!important}.page-container .slash-title{color:#131870;font-family:Siemreap,!important,Century!important;font-size:14px!important;font-weight:700}.page-container .body-exercise-container{background-color:#fff;border-radius:10px;margin-top:30px;padding:20px 40px}.page-container .body-exercise-container .text-exercise-title{color:#0f81c2}.page-container .body-exercise-container .field-menu{color:#0f81c2!important}.page-container .body-exercise-container .text-question-title{color:red;font-family:Century!important;font-size:14px!important;font-weight:700}.page-container .body-exercise-container .option-answer-text{font-family:Century!important;font-size:14px!important}.page-container .body-exercise-container .option-answer-number{font-family:Century!important;font-size:14px!important;font-weight:600}.page-container .body-exercise-container .box-quiz-field{border:1px solid #e2e8f0;border-radius:10px;padding:10px 20px 20px}.page-container .body-exercise-container .image-option-container{cursor:pointer!important}.page-container .body-exercise-container .image-container{cursor:pointer;overflow:hidden;padding-bottom:15px}.page-container .body-exercise-container .text-exercise-title{font-family:Century!important;font-weight:700}.page-container .body-exercise-container .exercise-direction-text,.page-container .body-exercise-container .paragraph-text{color:#0f81c2;font-family:Century!important;font-size:14px!important}.page-container .body-exercise-container .menu-text{background-color:#0f81c2;color:red!important}.page-container .tabs-containner{margin-top:25px}.page-container .tabs-containner .box-container{border-bottom:1px solid #cac9c9}.page-container .tabs-containner .box-container .btn-tabs{border-bottom:2px solid #0000;color:gray}.page-container .tabs-containner .box-container .active-btn-tabs,.page-container .tabs-containner .box-container .btn-tabs{background:none;border-radius:0;font-family:Century,!important!important;font-size:14px;font-weight:700!important;padding:6px 16px;text-transform:uppercase}.page-container .tabs-containner .box-container .active-btn-tabs{border-bottom:2px solid #131870;color:#131870}.page-container .select-date{align-items:center;background-color:#fff;border-radius:8px;display:flex;width:100%}.page-container .select-date .MuiOutlinedInput-input,.page-container .select-date .css-1ua80n0-MuiInputBase-input-MuiOutlinedInput-input{color:#131870}.page-container .select-date .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#fff;border-radius:6px}.page-container .select-date .MuiInputLabel-root.Mui-focused,.page-container .select-date .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-input{border-radius:6px;color:#131870}.page-container .inactive-tab{border-bottom:2px solid #0000;border-radius:0;color:#0009;font-family:Century!important;font-weight:700!important}.page-container .active-tab{border-bottom:2px solid #131870;border-radius:0;color:#131870;font-family:Century!important;font-weight:700}.page-container .announcement-card{background-color:#fff;border:1px solid #e2e0e0;border-radius:10px}.page-container .announcement-card .announcement-image-container{position:relative}.page-container .announcement-card .announcement-image-container .announcement-image{border-radius:10px;height:220px;object-fit:cover;width:100%}.page-container .announcement-card .announcement-title{-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;color:#131870;display:-webkit-box!important;font-family:Bayon!important;font-size:19px;overflow:hidden}.page-container .announcement-card .announcement-des{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;font-family:Siemreap!important;font-size:15px;overflow:hidden}.page-container .text-field-title{color:#131870;font-family:Siemreap,!important,Century!important;font-size:15px;font-weight:100!important;margin-bottom:4px;margin-top:8px;width:130px!important}.page-container .text-field{background-color:#fff;border-radius:6px;width:100%}.page-container .text-field .css-e2mtqw-MuiInputAdornment-root,.page-container .text-field .css-nu79wc-MuiInputAdornment-root{color:#000!important}.page-container .text-field .MuiOutlinedInput-input,.page-container .text-field .css-1ua80n0-MuiInputBase-input-MuiOutlinedInput-input{color:#000}.page-container .text-field .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#fff;border-radius:6px;color:#000}.page-container .text-field .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-input{border-radius:6px!important;color:#131870!important}.page-container .text-field .MuiInputLabel-root.Mui-focused{border-radius:6px;color:#131870}.page-container .text-field-teaching-time .MuiInputBase-input{border:1px solid #4f8d6f;border-radius:5px;padding:3px!important}.page-container .text-field-date{background-color:#fff;border-radius:6px;width:100%}.page-container .text-field-date .MuiOutlinedInput-root{border-radius:6px;font-family:Century!important}.page-container .text-field-date .MuiOutlinedInput-root .MuiOutlinedInput-input{font-family:Century!important;padding:8.5px 14px}.page-container .text-field-date .css-e2mtqw-MuiInputAdornment-root,.page-container .text-field-date .css-nu79wc-MuiInputAdornment-root{color:#000!important}.page-container .text-field-date .MuiOutlinedInput-input,.page-container .text-field-date .css-1ua80n0-MuiInputBase-input-MuiOutlinedInput-input{color:#000}.page-container .text-field-date .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#fff;border-radius:6px;color:#000}.page-container .text-field-date .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-input{border-radius:6px!important;color:#131870!important}.page-container .text-field-date .MuiInputLabel-root.Mui-focused{border-radius:6px;color:#131870}.page-container .btn-create{background-color:#131870!important;border-radius:6px;color:#fff;font-family:Century,!important!important;font-size:14px!important;font-weight:700!important;height:100%;padding:7px 20px}.page-container .btn-create .icon-add{height:18px;width:18px}.page-container .btn-delete{box-shadow:none}.page-container .btn-delete,.page-container .btn-delete-kh{background-color:red!important;border-radius:5px;color:#fff;padding:8px 0}.page-container .btn-delete-kh{font-family:Bayon!important;font-weight:700!important}.page-container .set-up-class-card{background-color:#e6f6ff;border:1px solid #d2d0d0;border-radius:10px}.page-container .set-up-class-card .setup-class-shift{background-color:#a64a9a;border-radius:4px!important;height:100%;margin-left:20px!important;text-transform:uppercase}.page-container .set-up-class-card .setup-class-shift .setup-class-shift-title{color:#fff!important;font-size:12px;font-weight:700!important;margin:1.5px 20px}.page-container .set-up-class-card .active-class-using-status{background-color:#25c210;border-radius:4px!important;color:#fff!important;font-size:14px;height:100%;margin-top:10px!important;padding:0 6px}.page-container .set-up-class-card .class-using-status{background-color:#c21010;border-radius:4px!important;color:#fff!important;font-size:14px;height:100%;margin-top:10px!important;padding:0 6px}.page-container .set-up-class-card .icon-more{color:#a64a9a}.page-container .set-up-class-card .img-class{height:100px;margin:20px 0}.page-container .set-up-class-card .section-card-bottom{background-color:#f7f7f7;border-radius:0 0 10px 10px;margin-top:0!important;padding:20px;width:100%}.page-container .set-up-class-card .section-card-bottom .chip-programme{background-color:#1988c3;border-radius:8px!important;color:#fff;font-family:Siemreap!important;font-size:14px}.page-container .set-up-class-card .section-card-bottom .section-shift-class{color:#15643c;font-family:Bayon!important;font-size:17px}.page-container .set-up-class-card .section-card-bottom .class-setup-number{color:red;font-family:Bayon!important;font-size:17px}.page-container .set-up-class-card .section-card-bottom .class-setup{color:#a64a9a;font-family:Bayon!important;font-size:17px}.page-container .set-up-class-card .section-card-bottom .class-setup-des{color:#0f81c2;font-family:Siemreap!important;font-size:15px}.page-container .set-up-class-card .section-card-bottom .class-setup-des-value{color:#0f81c2;font-family:Century!important;font-size:15px;font-weight:700!important}.page-container .set-up-class-card .section-card-bottom .section-shift{color:#131870;font-family:Siemreap!important;font-size:15px;padding:5px 0}.page-container .set-up-class-card .section-card-bottom .section-shift-value{color:#131870;font-family:Century!important;font-size:16px;font-weight:700}.page-container .section-shift-card{background-color:#fff;border:1px solid #d2d0d0;border-radius:10px;cursor:pointer}.page-container .section-shift-card .img-class{height:120px;margin:20px 0}.page-container .section-shift-card .img-cake{height:60px}.page-container .section-shift-card .bd-txt{color:#0f81c2;font-family:Siemreap!important;font-size:15px;font-weight:700}.page-container .section-shift-card .section-card-bottom{background-color:#f7f7f7;border-radius:0 0 10px 10px;margin-top:0!important;padding:20px;width:100%}.page-container .section-shift-card .section-card-bottom .chip-programme{background-color:#1988c3;border-radius:10px!important;color:#fff;font-family:Siemreap!important;font-size:15px;margin-top:10px}.page-container .section-shift-card .section-card-bottom .section-shift-class{font-family:Bayon!important;font-size:16px}.page-container .section-shift-card .section-card-bottom .class-setup{color:#a64a9a;font-family:Century!important;font-size:16px;font-weight:700}.page-container .section-shift-card .section-card-bottom .section-shift{color:#131870;font-family:Century!important;font-size:15px}.page-container .section-shift-card .section-card-bottom .section-shift-value{color:#131870;font-family:Century!important;font-size:15px;font-weight:700}.page-container .section-shift-card-onclick,.page-container :hover.section-shift-card{background-color:#fff;border:1px solid #0f81c2;border-radius:10px}.page-container .set-up-class-card-onclick{background-color:#e6f6ff;border:1px solid #0f81c2;border-radius:10px}.page-container .header-text{font-family:Siemreap,!important,Century!important;font-size:15px;padding:0 0 5px 5px}.page-container .total-student-card{background-color:#fff;border-radius:6px;font-family:Century,!important!important;font-weight:700!important;padding:8px 0;text-align:center}.page-container .body-container{border-radius:6px;margin-top:25px;width:100%}.page-container .body-container .header-text{font-family:Siemreap,!important,Century!important;font-size:15px;padding:0 0 5px 5px}.page-container .body-container .table{border-radius:6px;display:table;overflow-x:auto;overflow:hidden;white-space:nowrap;width:100%}@media(min-width:0px)and (max-width:376px){.page-container .body-container .table{width:310px!important}}@media(min-width:377px)and (max-width:425px){.page-container .body-container .table{width:370px!important}}@media(min-width:426px)and (max-width:600px){.page-container .body-container .table{width:476px!important}}.page-container .body-container .table .header-row{background-color:#fff;border-radius:6px 6px 0 0;padding:30px 0}.page-container .body-container .table .header-row .header-title-start{border:none;border-radius:6px 0 0 0;font-family:Century,!important!important;font-size:14px;font-weight:700;padding:15px 0 15px 30px}.page-container .body-container .table .header-row .header-title-start-score{background-color:#fff;border:none;border-radius:6px 0 0 6px;color:#131870;font-family:Century!important;font-size:15px;font-weight:700;padding:10px 10px 10px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.page-container .body-container .table .header-row .header-title{border:none;font-family:Century,!important!important;font-size:14px;font-weight:700;padding:14px 20px}.page-container .body-container .table .header-row .khmer-name{border:none;font-family:Siemreap!important;font-size:14px;font-weight:700;padding:14px 20px}.page-container .body-container .table .header-row .header-title-score{background-color:#fff;border:none;color:#131870;font-family:Century,!important!important;font-size:15px;font-weight:700!important;padding:5px 5px 5px 10px;position:-webkit-sticky;position:sticky;text-align:center;top:0;width:110px!important;z-index:100}.page-container .body-container .table .header-row .header-title-score .header-title-subject{font-weight:700!important;line-height:1.5em;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:normal;width:100px!important;width:100%}.page-container .body-container .table .header-row .header-title-score .header-title-score-title{color:#131870;font-family:Century,!important!important;font-size:14px;font-weight:700!important}.page-container .body-container .table .header-row .header-title-score .header-title-score-rank{color:red;font-family:Century,!important!important;font-size:14px;font-weight:700!important}.page-container .body-container .table .header-row .header-title-score-end{background-color:#fff;border:none;border-radius:0 6px 6px 0;color:#131870;font-family:Century,!important!important;font-size:15px;font-weight:700;padding:10px 10px 10px 0;position:-webkit-sticky;position:sticky;text-align:center;top:0;z-index:100}.page-container .body-container .table .header-row .header-title-end{border:none;border-radius:0 6px 0 0;font-family:Century,!important!important;font-size:14px;font-weight:700;padding:15px 30px 15px 15px}.page-container .body-container .table .header-row .header-sticky-left{background-color:#fff;left:0;position:-webkit-sticky;position:sticky}.page-container .body-container .table .header-row .header-sticky-right{background-color:#fff;position:-webkit-sticky;position:sticky;right:0}.page-container .body-container .table .body-row{background-color:#fff;cursor:pointer;height:56px}.page-container .body-container .table .body-row .body-cell-start{border:none;font-size:14px;padding:4px 0 4px 30px}.page-container .body-container .table .body-row .body-cell{border:none;font-size:14px;padding:4px 20px}.page-container .body-container .table .body-row .body-cell .teacher-name{color:#131870;font-size:14px;text-align:center}.page-container .body-container .table .body-row .body-cell .teacher-name-active{color:red;font-size:14px;text-align:center}.page-container .body-container .table .body-row .body-cell .customer-type{border-radius:18px;color:#fff;display:block;font-family:Century!important;font-size:12px;margin:0 auto;padding:3px 12px;text-align:center;white-space:nowrap;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.page-container .body-container .table .body-row .body-cell .active-icon{background-color:#09ff00;border-radius:50%;height:9px;margin-top:7px!important;width:9px}.page-container .body-container .table .body-row .body-cell .student-name{font-family:Siemreap,!important!important;font-size:15px!important}.page-container .body-container .table .body-row .body-cell .subject-name{font-size:14px;font-weight:700!important}.page-container .body-container .table .body-row .body-cell .not-active-icon{background-color:red;border-radius:50%;height:9px;margin-top:7px;width:9px}.page-container .body-container .table .body-row .body-cell .grade-score-cell{font-family:Siemreap!important;font-size:14px;font-weight:700!important}.page-container .body-container .table .body-row .body-cell .absent{color:red}.page-container .body-container .table .body-row .body-cell .come{color:#0200f6;font-size:15px;font-weight:bolder}.page-container .body-container .table .body-row .body-cell .absent{color:#fe0000;font-size:15px;font-weight:bolder}.page-container .body-container .table .body-row .body-cell .late{color:#03ad52;font-size:15px;font-weight:bolder}.page-container .body-container .table .body-row .body-cell .permission{color:#ffc000;font-size:15px;font-weight:bolder}.page-container .body-container .table .body-row .khmer-name{border:none;font-family:Siemreap!important;font-size:14px}.page-container .body-container .table .body-row .body-cell-end{border:none;font-size:14px;padding:6px 10px 6px 0}.page-container .body-container .table .body-row .body-cell-end .body-cell-print{background-color:#131870;border-radius:10px;color:#fff;font-size:"Siemreap"!important;text-transform:none}.page-container .body-container .table .body-row .cell-sticky-left{left:0;position:-webkit-sticky;position:sticky}.page-container .body-container .table .body-row .cell-sticky-right{position:-webkit-sticky;position:sticky;right:0;z-index:1}.page-container .body-container .table .onclick-student{background-color:#e0f0ff}.page-container .body-container .table .body-row:nth-child(odd){background-color:#f3f5f7}.page-container .body-cell-score-end{background-color:#fff;border:none;border-radius:0 6px 6px 0;font-size:15px;padding:6px 6px 6px 20px}.page-container .body-cell-score-end .icon-delete{color:red;font-size:28px}.page-container .body-cell-score{background-color:#fff;border:none;font-size:15px;padding:5px;text-align:center!important}.page-container .body-cell-score .student-name{font-family:Siemreap,!important!important;font-size:15px!important}.page-container .body-cell-score .text-field-score .MuiInputBase-input{border:1px solid #4f8d6f;border-radius:5px;padding:5px 3px!important;text-align:center!important}.page-container .body-cell-score .text-field-score .css-jvf6rl-MuiInputBase-root-MuiOutlinedInput-root{border:1px solid #4f8d6f;padding:3px!important}.page-container .body-cell-score .text-field-teaching-time .MuiInputBase-input{border:1px solid #4f8d6f;border-radius:5px;padding:3px!important}.page-container .body-cell-score .text-field-date .MuiInputBase-input{border-radius:5px;padding:5px 3px!important;text-align:center!important}.page-container .body-cell-score .text-field-date .css-jvf6rl-MuiInputBase-root-MuiOutlinedInput-root{border:1px solid #4f8d6f;margin:none!important;width:200px}.page-container .body-cell-score .btn-remove{background-color:red;border-radius:6px;color:#fff;font-family:Siemreap!important;font-size:12px;padding:4px 10px;text-transform:none!important}.page-container .body-cell-score-gray{background-color:#f3f5f7;border:none;font-size:15px;padding:5px;text-align:center!important}.page-container .body-cell-score-gray .student-name{font-family:Siemreap,!important!important;font-size:15px!important}.page-container .body-cell-score-gray .text-field-score .MuiInputBase-input{border:1px solid #4f8d6f;border-radius:5px;padding:5px 3px!important;text-align:center!important}.page-container .body-cell-score-gray .text-field-score .css-jvf6rl-MuiInputBase-root-MuiOutlinedInput-root{border:1px solid #4f8d6f;padding:3px!important}.page-container .body-cell-score-gray .text-field-teaching-time .MuiInputBase-input{border:1px solid #4f8d6f;border-radius:5px;padding:3px!important}.page-container .body-cell-score-gray .text-field-date .MuiInputBase-input{border-radius:5px;padding:5px 3px!important;text-align:center!important}.page-container .body-cell-score-gray .text-field-date .css-jvf6rl-MuiInputBase-root-MuiOutlinedInput-root{border:1px solid #4f8d6f;margin:none!important;width:200px}.page-container .body-cell-score-gray .btn-remove{background-color:red;border-radius:6px;color:#fff;font-family:Siemreap!important;font-size:12px;padding:4px 10px;text-transform:none!important}.page-container .body-cell-subject{border:none;color:#131870;font-family:Siemreap!important;font-size:15px;font-weight:700;padding:5px 5px 5px 10px;text-align:left}.page-container .body-cell-subject .text-field-score .MuiInputBase-input{border:1px solid #4f8d6f;border-radius:5px;padding:5px 3px!important;text-align:center!important}.page-container .body-cell-subject .text-field-score .css-jvf6rl-MuiInputBase-root-MuiOutlinedInput-root{border:1px solid #4f8d6f;padding:3px!important}.page-container .add-body-cell-score{color:#131870;font-weight:700;text-align:center}.page-container .test-result-detail{background-color:#fff;border-radius:10px;min-height:360px;padding:25px}.page-container .test-result-detail .group-class-name{color:#131870;font-family:Century,!important!important;font-size:16px}.page-container .test-result-detail .class-name{color:#131870;font-family:Century,!important!important;font-size:15px;font-weight:700}.page-container .test-result-detail .subject-box{background-color:#f5f9fc;border-radius:5px;margin-bottom:4px;padding-bottom:4px;padding-top:4px;width:100%}.page-container .test-result-detail .subject-box .subject{color:#757575;font-family:Century,!important!important;font-size:14px;width:100%}.page-container .test-result-detail .score{color:#131870;font-family:Century,!important!important;font-size:15px;font-weight:700}.page-container .test-result-detail .delete-btn{background-color:red}.page-container .test-result-detail .btn-result,.page-container .test-result-detail .delete-btn{color:red;color:#fff;font-family:Century,!important!important;font-size:14px;font-weight:700!important;padding:6px 0;width:110px}.page-container .test-result-detail .btn-result{background-color:#e0e0e0}.page-container .test-result-detail .btn-result-active{background-color:#131870;color:red;color:#fff;font-family:Century,!important!important;font-size:14px;font-weight:700!important;padding:6px 0;width:110px}.page-container .transportation-card{background-color:#fff;border:1px solid #e2e0e0;border-radius:10px;padding:10px}.page-container .transportation-card .transportation-bus-model{color:#131870;font-family:Century,!important!important;font-size:15px;font-weight:700!important}.page-container .transportation-card .transportation-seat,.page-container .transportation-card .transportation-value{color:#131870;font-family:Century,!important!important;font-size:14px}.page-container .transportation-card .transportation-value{font-weight:700}.page-container .building-page .buiding-container .title-text{color:#131870;font-family:Siemreap!important;font-size:15px;font-weight:700;text-transform:capitalize}.page-container .building-page .buiding-container .box-border{background-color:#131870;height:5px;width:100%}.page-container .building-page .buiding-container .field-room{cursor:pointer}.page-container .building-page .buiding-container .field-room .room-title{font-size:15px;font-weight:700}.page-container .building-page .buiding-container .field-room .classroom-title{color:#fff;font-size:14px;font-weight:700}.page-container .building-page .buiding-container .field-room .classroom-title-color{color:#131870;font-size:14px;font-weight:700}.page-container .building-page .buiding-container .field-room .classroom-total-student{font-size:14px}.page-container .building-page .buiding-container .field-room .time-container{margin-top:4px}.page-container .building-page .buiding-container .field-room .time-container .shift-text{color:#fff!important;font-size:13px!important;font-size:100!important}.page-container .building-page .buiding-container .field-room .time-container .shift-text-color{color:#131870!important;font-size:13px!important;font-size:100!important}.page-container .building-page .buiding-container .field-room .time-container .number-shift{color:#fff!important;font-size:13px!important;font-weight:700}.page-container .building-page .buiding-container .field-room .time-container .number-shift-color{color:#ea2877!important;font-size:13px!important;font-weight:700}.page-container .builing-container td,.page-container .builing-container th{border:2px solid #47e4fc;border-collapse:collapse}.page-container .builing-container td.building-header,.page-container .builing-container th{background-color:#305493;color:#fff;font-size:16px;padding:3px;text-align:center}.page-container .builing-container td.building-body{background-color:#fff;color:#000;font-size:14px;padding:3px;text-align:center}.page-container .builing-container td.building-body-gray,.page-container .builing-container td.building-body-gray-rotate{background-color:#dbdbdb;color:#000;font-size:14px;padding:3px;text-align:center}.page-container .builing-container td.building-body-yellow{background-color:#ffffa3;color:#000;font-size:14px;padding:3px;text-align:center}.page-container .builing-container table{border-collapse:collapse;width:100%}.page-container .builing-container .upside-down{display:inline-block;padding:3px;transform:rotate(270deg)}