.container-home{display:flex;flex-direction:row;justify-content:center;padding:10px}.container-home .main{background-color:#fff!important;display:flex;flex-direction:column;width:40%}@media(min-width:769px)and (max-width:1024px){.container-home .main{width:60%}}@media(min-width:426px)and (max-width:768px){.container-home .main{width:80%}}@media(min-width:377px)and (max-width:425px){.container-home .main{width:100%}}@media(min-width:0px)and (max-width:376px){.container-home .main{width:100%}}.container-home .main .head-title{font-size:30px;font-weight:700}.container-home .main .head-title,.container-home .main .sub-title{font-family:Kantumruy!important;text-align:center}.container-home .main .field-title,.container-home .main .sub-title-detail{font-family:Kantumruy!important;text-align:left}.container-home .main .field-title{margin-bottom:3px}.container-home .main .btn-register{background-color:#5138ee}.container-home .main .btn-back,.container-home .main .btn-register{margin-top:10px;width:100%;color:#fff;border-radius:10px;font-family:Kantumruy!important}.container-home .main .btn-back{background-color:#0d83c2}.container-home .main .date-picker{width:100%!important}.container-home .main .css-1ua80n0-MuiInputBase-input-MuiOutlinedInput-input{font-family:Kantumruy!important}.container-home .main .css-nxo287-MuiInputBase-input-MuiOutlinedInput-input{font-family:Kantumruy!important;padding:9px 14px!important}.container-home .main .MuiInputLabel-root.Mui-focused,.container-home .main .MuiOutlinedInput-input,.container-home .main .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline,.container-home .main .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-input{font-family:Kantumruy!important;border-radius:7px}.container-home .main .btn-submit{background-color:#5138ee!important;color:#fff;border-radius:5px;font-family:Kantumruy!important;padding:10px}@font-face{font-family:Bayon;src:url(/_next/static/media/Bayon.fa86e8e1.ttf)}@font-face{font-family:Century;src:url(/_next/static/media/Century.ea3aad02.ttf)}@font-face{font-family:Kantumruy;src:url(/_next/static/media/KantumruyPro-VariableFont_wght.95ddda85.ttf)}@font-face{font-family:KhmerOSmuollight;src:url(/_next/static/media/KhmerOSmuollight.cf30a589.ttf)}@font-face{font-family:KhmerOSsiemreap;src:url(/_next/static/media/KhmerOSsiemreap.eb30e424.ttf)}@font-face{font-family:GothicBoldRegular;src:url(/_next/static/media/GothicBoldRegular.4fba661c.ttf)}.simple-txt{text-align:center!important}.layout-page{background:#fff;width:100%;padding-top:15px}.footer{width:100%}.footer .footer-title{font-family:Kantumruy!important;text-align:center;color:#6862c2}.header .logo{width:120px}.loading-container{display:flex;flex-direction:row;justify-content:center;padding:10px}.loading-container .loading-margin{background-color:#fff!important;display:flex;flex-direction:column;width:40%}.loading-container .loading-margin .img-avatar{width:150px;height:150px}.success-container{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.success-container .card-container{align-self:center;background-color:#eee;padding:30px 15px;width:min(80%,450px);border-radius:10px}.success-container .card-container .logo{height:80px;width:80px}@media(min-width:377px)and (max-width:425px){.success-container .card-container .logo{height:60px;width:60px}}@media(min-width:0px)and (max-width:376px){.success-container .card-container .logo{height:60px;width:60px}}.success-container .card-container .title-card{font-size:18px;font-family:Kantumruy}@media(min-width:377px)and (max-width:425px){.success-container .card-container .title-card{font-size:14px}}@media(min-width:0px)and (max-width:376px){.success-container .card-container .title-card{font-size:14px}}.success-container .card-container .student-name{font-size:20px;font-family:Kantumruy;color:#36c566}.success-container .btn-down{color:#fff;background-color:#5138ee;padding:8px 10px}.success-container .btn-view-certificate{color:#fff;background-color:#0f81c2!important;padding:8px 10px}.success-container .certify-img-container .img{height:100%;width:100%}@media(min-width:769px)and (max-width:1024px){.success-container .certify-img-container .img{width:100%}}@media(min-width:426px)and (max-width:768px){.success-container .certify-img-container .img{width:98%}}@media(min-width:377px)and (max-width:425px){.success-container .certify-img-container .img{width:50%}}@media(min-width:0px)and (max-width:376px){.success-container .certify-img-container .img{width:50%}}.success-container .certify-img-container .btn-down{color:#fff;background-color:#5138ee;padding:8px 10px}.success-container .certify-img-container .simple-txt{font-family:KhmerOSsiemreap;letter-spacing:normal!important}@media(min-width:769px)and (max-width:1024px){.success-container .certify-img-container .simple-txt{font-size:14px}}@media(min-width:426px)and (max-width:768px){.success-container .certify-img-container .simple-txt{font-size:6px!important}}@media(min-width:377px)and (max-width:425px){.success-container .certify-img-container .simple-txt{font-size:6px!important}}@media(min-width:0px)and (max-width:376px){.success-container .certify-img-container .simple-txt{font-size:6px!important}}.success-container .certify-img-container .name-txt{font-family:KhmerOSmuollight;letter-spacing:normal!important}@media(min-width:769px)and (max-width:1024px){.success-container .certify-img-container .name-txt{font-size:16px}}@media(min-width:426px)and (max-width:768px){.success-container .certify-img-container .name-txt{font-size:6px!important}}@media(min-width:377px)and (max-width:425px){.success-container .certify-img-container .name-txt{font-size:8px!important}}@media(min-width:0px)and (max-width:376px){.success-container .certify-img-container .name-txt{font-size:8px!important}}.evaluation-container{display:flex;flex-direction:row;justify-content:center;padding:10px}.evaluation-container .main{background-color:#fff!important;display:flex;flex-direction:column;width:40%}@media(min-width:769px)and (max-width:1024px){.evaluation-container .main{width:60%}}@media(min-width:426px)and (max-width:768px){.evaluation-container .main{width:80%}}@media(min-width:377px)and (max-width:425px){.evaluation-container .main{width:100%}}@media(min-width:0px)and (max-width:376px){.evaluation-container .main{width:100%}}.evaluation-container .main .head-title,.evaluation-container .main .head-title-color{font-family:Kantumruy!important;text-align:center;font-size:30px;font-weight:700}.evaluation-container .main .head-title-color{color:#5138ee}.evaluation-container .main .sub-title{font-family:Kantumruy!important;text-align:center}.evaluation-container .main .field-title{font-family:Kantumruy!important;text-align:left}.evaluation-container .main .question-title{color:#5138ee}.evaluation-container .main .question-option,.evaluation-container .main .question-title{font-family:Kantumruy!important;font-size:16px}.evaluation-container .main .btn-register{margin-top:10px;width:100%;color:#fff;border-radius:10px;font-family:Kantumruy!important;background-color:#5138ee}.evaluation-container .main .date-picker{width:100%!important}.evaluation-container .main .css-1ua80n0-MuiInputBase-input-MuiOutlinedInput-input{font-family:Kantumruy!important}.evaluation-container .main .css-nxo287-MuiInputBase-input-MuiOutlinedInput-input{font-family:Kantumruy!important;padding:9px 14px!important}.evaluation-container .main .MuiInputLabel-root.Mui-focused,.evaluation-container .main .MuiOutlinedInput-input,.evaluation-container .main .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline,.evaluation-container .main .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-input{font-family:Kantumruy!important;border-radius:7px}.evaluation-container .main .btn-submit{background-color:#5138ee!important;color:#fff;border-radius:5px;font-family:Kantumruy!important;padding:10px}.certificate-container-style .img{object-fit:cover;width:1040px;height:720px}@media(min-width:769px)and (max-width:1024px){.certificate-container-style .img{object-fit:cover}}@media(min-width:426px)and (max-width:768px){.certificate-container-style .img{object-fit:cover}}@media(min-width:377px)and (max-width:425px){.certificate-container-style .img{object-fit:cover}}@media(min-width:0px)and (max-width:376px){.certificate-container-style .img{object-fit:cover}}.certificate-container-style .national-certificate-En{text-align:center!important;font-weight:100!important;font-family:GothicBoldRegular!important;font-size:23px!important;line-height:180%!important}.certificate-container-style .national-certificate-kh{letter-spacing:normal!important}.certificate-container-style .certificate-title-kh,.certificate-container-style .national-certificate-kh{text-align:center!important;font-weight:100!important;font-family:KhmerOSmuollight!important;font-size:23px!important}.certificate-container-style .certificate-title-kh{line-height:180%!important}.certificate-container-style .certificate-title{text-align:center!important;font-weight:700!important;font-family:Century!important;font-size:23px!important;line-height:180%!important}.certificate-container-style .simple-txt{font-family:KhmerOSsiemreap!important;letter-spacing:normal!important;font-size:17px!important;margin:0!important;text-align:center!important}.certificate-container-style .name-txt{font-family:KhmerOSmuollight!important;font-weight:100!important;letter-spacing:normal!important;font-size:17px!important}.certificate-container-style .name-title{font-family:KhmerOSsiemreap!important;font-weight:700!important;letter-spacing:normal!important;font-size:17px!important}.certificate-container-style .simple-txt-en{font-size:17px}.certificate-container-style .simple-txt-en,.certificate-container-style .simple-txt-en-view{font-family:Century Gothic;letter-spacing:normal!important;margin:0!important;text-align:center}.certificate-container-style .simple-txt-en-view{font-size:21px}.certificate-container-style .name-txt-en{font-family:Century Gothic;letter-spacing:normal!important;font-size:17px}.certificate-container-style .name-title-en{font-family:Century Gothic!important;font-weight:700!important;letter-spacing:normal!important;font-size:17px!important}.certificate-container-style-print{padding:0!important;margin:0!important}.certificate-container-style-print .simple-txt{font-family:KhmerOSsiemreap!important;letter-spacing:normal!important;font-size:27px!important;margin:0!important}.certificate-container-style-print .name-txt{font-family:KhmerOSmuollight;letter-spacing:normal!important;font-size:27px}.certificate-container-style-print .name-title{font-family:KhmerOSsiemreap!important;font-weight:700!important;letter-spacing:normal!important;font-size:27px!important}.certificate-container-style-print .simple-txt-en{margin:0!important;text-align:center}.certificate-container-style-print .name-txt-en,.certificate-container-style-print .simple-txt-en{font-family:Century Gothic;letter-spacing:normal!important;font-size:27px}.certificate-container-style-print .name-title-en{font-family:Century Gothic!important;font-weight:700!important;letter-spacing:normal!important;font-size:27px!important}.certificate-container-view-style .img{object-fit:cover;width:1040px;height:720px}@media(min-width:769px)and (max-width:1024px){.certificate-container-view-style .img{object-fit:cover}}@media(min-width:426px)and (max-width:768px){.certificate-container-view-style .img{object-fit:cover}}@media(min-width:377px)and (max-width:425px){.certificate-container-view-style .img{object-fit:cover}}@media(min-width:0px)and (max-width:376px){.certificate-container-view-style .img{object-fit:cover}}.certificate-container-view-style .simple-txt{font-family:KhmerOSsiemreap;letter-spacing:normal!important;font-size:20px;margin:0!important}.certificate-container-view-style .name-txt{font-family:KhmerOSmuollight;letter-spacing:normal!important;font-size:20px}.attendance-container{display:flex;flex-direction:column;justify-content:center;height:90vh}.attendance-container .title-card{font-size:26px;font-family:Kantumruy}.attendance-container .logo{height:100px;width:100px}@media(min-width:377px)and (max-width:425px){.attendance-container .logo{height:80px;width:80px}}.attendance-container .card-container{background-color:hsla(0,0%,96%,.643);padding:30px 0 40px;width:330px;border-radius:20px}@media(min-width:769px)and (max-width:1024px){.attendance-container .card-container{width:300px}}@media(min-width:426px)and (max-width:768px){.attendance-container .card-container{width:290px}}@media(min-width:377px)and (max-width:425px){.attendance-container .card-container{width:280px}}@media(min-width:0px)and (max-width:376px){.attendance-container .card-container{width:270px}}.attendance-container .card-container .success-title{font-size:26px;font-family:Kantumruy;color:student-name;color:#36c566}