@font-face{font-family:Bayon;src:url(/_next/static/media/Bayon.fa86e8e1.ttf)}@font-face{font-family:Kantumruy;src:url(/_next/static/media/KantumruyPro-VariableFont_wght.95ddda85.ttf)}.layout-page{background:#fff;width:100%;height:99vh;background-image:url(/_next/static/media/studentexam.f7a8c2c0.jpg);background-size:cover;background-position:50%}.layout-page:before{content:"";position:absolute;top:0;left:0;height:99vh;width:100%;background-color:rgba(104,92,141,.261);z-index:1}.layout-page>*{position:relative;z-index:1}.main::-webkit-scrollbar{display:none}.container-home{display:flex;flex-direction:row;justify-content:center;padding:10px}.container-home .main{background-color:hsla(0,0%,100%,.88)!important;padding:25px;border-radius:10px;display:flex;flex-direction:column;height:85vh;width:40%;overflow-y:auto;overflow-x:hidden;box-shadow:0 10px 15px rgba(0,0,0,.66)}@media(min-width:769px)and (max-width:1024px){.container-home .main{width:70%}}@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:25px;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{font-family:Kantumruy!important;text-align:left}.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}.student-container{display:flex;flex-direction:column;justify-content:center;height:90vh}.student-container .title-card{font-size:26px;font-family:Kantumruy}.student-container .logo{height:100px;width:100px}@media(min-width:377px)and (max-width:425px){.student-container .logo{height:90px;width:90px}}@media(min-width:0px)and (max-width:376px){.student-container .logo{height:80px;width:80px}}.student-container .btn-attandent{width:330px;font-family:Bayon;color:#fff;background-color:#5138ee!important;padding:10px;border-radius:10px}@media(min-width:769px)and (max-width:1024px){.student-container .btn-attandent{width:300px}}@media(min-width:426px)and (max-width:768px){.student-container .btn-attandent{width:290px}}@media(min-width:377px)and (max-width:425px){.student-container .btn-attandent{width:280px}}@media(min-width:0px)and (max-width:376px){.student-container .btn-attandent{width:270px}}.student-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){.student-container .card-container{width:300px}}@media(min-width:426px)and (max-width:768px){.student-container .card-container{width:290px}}@media(min-width:377px)and (max-width:425px){.student-container .card-container{width:280px}}@media(min-width:0px)and (max-width:376px){.student-container .card-container{width:270px}}.student-container .card-container .student-name{font-size:26px;font-family:Kantumruy;color:#5138ee}.student-container .card-container .student-email,.student-container .card-container .student-id{font-size:18px;font-family:Kantumruy}.footer{width:100%}.footer .footer-title{font-family:Kantumruy!important;text-align:center;color:#6862c2}.header .logo{width:120px}.success-container{display:flex;flex-direction:column;justify-content:center;height:90vh}.success-container .card-container{background-color:#fff;padding:30px 20px 40px;width:400px;border-radius:20px}@media(min-width:769px)and (max-width:1024px){.success-container .card-container{width:300px}}@media(min-width:426px)and (max-width:768px){.success-container .card-container{width:290px}}@media(min-width:377px)and (max-width:425px){.success-container .card-container{width:280px}}@media(min-width:0px)and (max-width:376px){.success-container .card-container{width:270px}}.success-container .card-container .logo{height:100px;width:100px}.success-container .card-container .title-card{font-size:20px;font-family:Kantumruy}.success-container .card-container .student-name{font-size:25px;font-family:Bayon;color:#36c566}.dialog-login .MuiPaper-root{border-radius:15px!important}.dialog-login .header{width:100%;display:flex;flex-direction:row;justify-content:center}.dialog-login .header .title-dialog{font-family:Kantumruy;font-size:27px}.dialog-login .body .field-title,.dialog-login .header .sub-title-dialog{font-family:Kantumruy;font-size:17px}.dialog-login .footer{width:100%;margin-top:15px;margin-bottom:10px}.dialog-login .footer .btn-login{background-color:#5138ee!important}.dialog-login .footer .btn-cancel,.dialog-login .footer .btn-login{color:#fff;font-family:Kantumruy;font-size:17px;padding:10px;border-radius:8px}.dialog-login .footer .btn-cancel{background-color:red!important}.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}