.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}.layout-container{width:100%}.layout-container .navbar-container{left:0;position:fixed;width:310px;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:310px;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:Century!important;font-size:15px;margin-bottom:1px;min-height:24px!important}.dialog-container .field-title-kh{font-family:Siemreap!important;font-size:15px;margin-bottom:1px;min-height:24px!important}.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}