.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}.char-daily{width:100%}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}@media print{.chart{margin-right:42px}.main-react-chart{margin-left:-20px}tfoot.report-footer-sch-fee-print{display:table-footer-group}div.footer-info-sch-fee-print,div.page-footer-sch-fee-print{display:none;height:40px}.page-footer-line-sch-fee-print{border:2px solid blue;margin-bottom:7px;width:86.5%}div.page-footer-text-sch-fee-print{color:blue;font-family:Khmer OS Siemreap;font-size:10px!important;text-align:center}table.report-container-sch-fee-print{border-spacing:0!important;page-break-after:always;width:100%!important}div.page-footer-sch-fee-print{bottom:0;font-size:10px;height:50px;margin-right:20px;opacity:.8;position:fixed;text-align:center;width:100%}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@font-face{font-family:KantumruyPro;src:url(/static/media/KantumruyPro-Regular.2f19bc7346f7ed35dc56.ttf)}@font-face{font-family:KhmerOsMoul;src:url(/static/media/KhmerOSmuollight.35fac32b6e1e0e1a8639.ttf)}@font-face{font-family:GothicBoldRegular;src:url(/static/media/GothicBoldRegular.4669e88ae36834cda916.ttf)}@font-face{font-family:KhmerOsSiemReap;src:url(/static/media/KhmerOSsiemreap.c7829629429e92a9e769.ttf)}@font-face{font-family:GothicRegular;src:url(/static/media/GOTHIC.b194aa2bd524e2c973f7.TTF)}.setup-report-container{font-family:Bayon!important;font-size:50px;font-weight:700;padding-top:20px;text-align:center}.logo-container{display:flex;flex-direction:column;justify-content:center}.logo-company{width:70px}.report-top-title{color:#000!important;font-family:Siemreap!important;font-size:12px!important;text-align:center!important}.report-container{padding:10px 20px;width:100%}.report-header-row{background-color:#0f80c2!important;border:none!important;border-radius:6px!important;padding:6px 20px!important}.report-header-title-start{border-radius:6px 0 0 6px!important;padding:8px 0 8px 20px!important}.report-header-title,.report-header-title-start{background-color:#0f80c2!important;border:none!important;color:#fff!important;font-family:Siemreap!important;font-size:12px!important}.report-header-title{padding:8px 0!important;text-align:left}.report-header-title-end{background-color:#0f80c2!important;border:none!important;border-radius:0 6px 6px 0!important;color:#fff!important;font-family:Siemreap!important;font-size:12px!important;padding:8px 20px 8px 0!important}.report-body-cell-bottom{color:#000!important;font-weight:700!important}.report-body-cell-bottom,.report-body-cell-bottom-start{border:none!important;font-family:Siemreap!important;font-size:11px!important;padding:8px 0!important}.report-body-cell-bottom-start{color:#0f80c2!important}.report-body-cell-start{font-family:Siemreap!important;font-size:11px!important;padding:8px 0 8px 20px!important}.report-body-cell,.report-body-cell-end{font-family:Siemreap!important;font-size:11px!important;padding:8px 0!important}.report-body-row{padding:6px 20px!important}th{font-weight:400}div.page-footer-hr{bottom:0;font-size:10px;height:50px;opacity:.8;position:fixed;text-align:center;width:100%}div.page-footer-hr p{margin:0}.watermark{display:none;left:50%;opacity:.1;page-break-after:always;top:50vh;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:50vw;z-index:-9}table.report-container-hr{border-spacing:0!important;page-break-after:always;width:100%!important}thead.report-header-hr{display:table-header-group}tfoot.report-footer-hr{display:table-footer-group}tbody.report-content-hr{width:100%!important}div.footer-info-hr,div.page-footer-hr{display:none;height:40px}.page-footer-line-hr{border:2px solid blue;margin-bottom:7px}div.page-footer-text-hr{color:blue;font-family:Khmer OS Siemreap;text-align:center}.header-title-hr{background-color:#deeffd;border:.2px solid #92cbf9!important;font-family:Khmer OS Muol Light;font-size:10px!important;font-weight:100!important;letter-spacing:normal!important;padding:4px;text-align:center}.logo-school-image{height:auto!important;margin-top:18px!important;width:125px!important}.number-certificate{font-family:Khmer OS Siemreap!important;font-size:14px!important}.national-certificate-En{font-family:GothicBoldRegular!important;line-height:180%!important}.national-certificate-En,.national-certificate-kh{font-size:14px!important;font-weight:100!important;text-align:center!important}.national-certificate-kh{font-family:Khmer OS Muol Light!important;letter-spacing:normal!important}.tackteng-font-cert{display:flex!important;justify-content:center!important}.image-tackteng-cert{width:140px!important}.title-certificate{font-family:Khmer OS Muol Light!important;font-size:16px!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:16px!important}.body-certificate-bold{font-weight:700!important}.footer-certificate-name{font-family:Khmer OS Muol Light!important;font-size:16px!important;font-weight:100!important;margin-left:60px!important;margin-top:60px!important;text-align:center}.note-certificate-bold{font-family:Khmer OS Muol Light!important;font-size:13px!important}.note-certificate{font-family:Khmer OS Siemreap!important;font-size:13px!important}.page-footer-certificate{font-size:10px;text-align:center;width:100%}.page-footer-certificate p{margin:0}.page-footer-line-certificate{border:2px solid #000;margin-bottom:7px}.page-footer-text-certificate{color:#000;font-family:Khmer OS Siemreap;text-align:center}.footer-info-certificate{margin-bottom:10px!important}.btn-print-cert{background-color:#0f81c2!important;color:#fff!important}.result-header{background-color:#fff;border-radius:10px;margin-top:20px;padding:15px!important;width:100%}.logo-size{margin-top:18px!important;width:130px!important}.program-title{font-family:KhmerOsMuol!important;font-size:12px!important;margin-top:5px!important}.title-result{font-family:KhmerOsMuol!important;letter-spacing:normal!important;margin-top:5px}.title-En,.title-result{font-size:13px!important;font-weight:100!important;text-align:center}.title-En{font-family:GothicBoldRegular!important;line-height:180%!important}.tackteng-font{display:flex;justify-content:center}.image-tackteng{width:200px}.table-monthly-result{border-collapse:collapse;width:100%}.thead-monthly-result{background-color:#60c5ff38;font-family:KhmerOsMuol!important;font-weight:100!important}.tbody-monthly-result,.thead-monthly-result{border:1px solid #0f81c2;font-size:12px;text-align:center}.tbody-monthly-result{font-family:Siemreap!important}.table-footer{background-color:#60c5ff38}.table-footer,.table-footer-white-bg{font-family:Siemreap!important;font-size:11px!important;font-weight:100;text-align:center}.footer-agree{font-family:Siemreap!important;font-size:13px!important;text-align:center!important}.footer-bold{font-family:KhmerOsMuol!important;font-weight:100!important}.footer-bold,.footer-date{font-size:12px!important;text-align:center!important}.footer-date{font-family:Siemreap!important}.footer-name{margin-left:60px!important;margin-top:60px!important;text-align:center}.field-name,.footer-name{font-family:KhmerOsMuol!important;font-size:12px!important;font-weight:100!important}.field-name{background-color:#fff;border-radius:6px;.MuiOutlinedInput-input{margin-left:60px!important}.MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#fff!important;border-radius:6px}}.body-cert-en-pro{font-family:Century!important;font-size:16px!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}tfoot.report-footer-sch-fee{display:table-footer-group}div.footer-info-sch-fee,div.page-footer-sch-fee{display:none;height:40px}.page-footer-line-sch-fee{border:2px solid blue;margin-bottom:7px;width:86.5%}div.page-footer-text-sch-fee{color:blue;font-family:Khmer OS Siemreap;font-size:10px!important;text-align:center}table.report-container-sch-fee{border-spacing:0!important;page-break-after:always;width:100%!important}div.page-footer-sch-fee{bottom:0;font-size:10px;height:50px;margin-right:20px;opacity:.8;position:fixed;text-align:center;width:100%}.table-student-parents td{border:1px solid #92cbf9;font-family:Siemreap!important;font-size:9px;font-weight:100!important;text-align:center}.table-student-parents th{background-color:#deeffd}.start-date-student-parents-info{font-family:Siemreap!important;font-size:10px!important;font-weight:100!important}.css-1ao8z1n-MuiFormHelperText-root{color:red!important}@media print{@page{margin:6mm}.report-table-scroll-container{border:none!important;max-height:none!important;overflow:visible!important;.report-table-th-sticky-en{box-shadow:none!important;position:static!important}}.report-table-tbody-td-total-cost,.report-table-tbody-td-total-total,.report-table-tbody-td-total-unit{position:static!important}}.cam-titel-en{font-family:GothicBoldRegular!important;font-size:10px!important;font-weight:100!important;line-height:180%!important}.academicyear-title-kh,.cam-titel-kh{font-family:KhmerOsMoul!important;font-size:10px!important}.academicyear-title-kh{font-weight:700}.academicyear-title-en{font-family:GothicBoldRegular!important;font-size:10px!important}.table-view-print{border:1px solid #c5cae9;border-collapse:collapse;width:100%}.table-student-book-head-first tr th{background-color:#fff}.first-table-head-text{font-family:KhmerOsSiemReap;font-size:10px;padding:4px!important}.head-text-cost-unit-bold,.table-text-header-bold{color:blue!important;font-weight:700!important}.head-text-cost-unit-bold,.table-text-header-bold,.text-field-cost-unit{font-family:KhmerOsSiemReap!important;font-size:10px!important;padding:4px!important}.table-student-book-head tr th{border:1px solid #c5cae9}.table-student-book-head-second{background-color:#e1f5fe}.table-student-book-head-second th{border:1px solid #bbdefb}.table-book-header-title-kh{font-family:KhmerOsMoul!important;font-size:10px;text-align:center!important}.table-book-header-title-en{font-family:KantumruyPro!important;font-size:10px;font-weight:700;text-align:center!important;text-transform:capitalize!important}.table-student-book-body tr td{border:1px solid #c5cae9;padding:4px!important}.table-book-body-field{font-size:10px!important}.table-book-body-field,.table-book-body-field-left{border:1px solid #c5cae9;color:#000;font-family:KhmerOsSiemReap;padding:4px!important}.table-book-body-field-left{font-size:15px!important;text-align:left!important}.student-book-date-kh{font-family:KhmerOsSiemReap!important;font-size:10px!important}.student-book-reciever{font-family:KhmerOsMoul!important;font-size:10px!important}.total{font-weight:700}.report-title-date,.report-title-kh{color:blue;font-family:KhmerOsMoul!important;font-size:15px!important}.table-uniform-head tr th{border:1px solid #c5cae9}.tb-uni-head tr th{background-color:#fff}.tb-uni-txt-head{background-color:#deeaf6;font-family:KhmerOsMoul;font-size:15px;padding:4px!important}.tb-uni-number-head{background-color:#deeaf6;font-family:GothicRegular!important;font-size:15px!important;font-weight:700;padding:2px}.tb-uni-txt-head-second{background-color:#deeaf6;font-family:KhmerOsSiemReap;font-size:10px;padding:2px}.uniform-table-title{font-family:KhmerOsMoul!important;font-size:15px!important}.tb-uni-body tr td{border:1px solid #c5cae9;padding:2px;text-align:center}.tb-uni-body-number-red,.tb-uni-body-txt{background-color:#f2f2f2;color:red;font-weight:700}.tb-uni-body-number-red{font-family:GothicRegular!important;font-size:10px}.tb-uni-body-number-blue{font-family:GothicRegular;font-weight:700}.tb-uni-body-number-blue,.tb-uni-body-txt-blue{background-color:#f2f2f2;color:#00f;font-size:10px}.tb-uni-body-txt-blue{font-family:KhmerOsSiemReap;padding-left:10px!important;text-align:left!important}.tb-uni-color-red{color:red;font-weight:700}.tb-uni-txt-blue{color:blue}.tb-uni-body-number,.tb-uni-txt-blue{font-family:GothicRegular;font-size:10px}.inventory-report-table-container{border-collapse:collapse;width:100%}.inventory-report-table-container th{background-color:#ddf0f8;border:1px solid #229fd9!important;font-family:Siemreap!important;font-size:11px;font-weight:700!important;padding:5px!important;text-align:center}.inventory-report-table-container td{border:1px solid #229fd9!important;font-family:Siemreap!important;font-size:10px;padding:4px!important}.report-style{.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,.report-title-kh{font-family:KhmerOsMoul!important;font-size:15px!important}.report-title-kh{color:blue}.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{font-family:KhmerOsMoul!important;text-align:center}.report-table-th,.report-table-th-sticky{background-color:#e1f5fe;border:1px solid #c5cae9!important;font-size:15px!important;padding:4px!important}.report-table-th-sticky{font-family:KhmerOsMoul}.report-table-th-sticky-en{background-color:#e1f5fe;border:1px solid #c5cae9!important;font-family:GothicRegular;font-size:15px!important;font-weight:700!important;padding:4px!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:KhmerOsSiemReap}.table-book-body-field,.text-field-cost-unit{font-size:15px!important;padding:4px!important}.text-field-cost-unit{&.MuiTypography-root{font-family:KhmerOsSiemReap!important}}.head-text-cost-unit-bold{color:blue!important;font-family:KhmerOsSiemReap!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:KhmerOsSiemReap;font-size:15px!important;text-align:center}.report-table-body-td-left{border:1px solid #c5cae9!important;font-family:KhmerOsSiemReap;font-size:15px!important;padding:4px!important}.report-table-tbody-td-total-total{background-color:#e1f5fe;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:KhmerOsSiemReap;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:KhmerOsSiemReap!important;font-weight:700!important}}}.main{background-color:#eef0f3;position:relative;width:100%}.outlet-container{background-attachment:fixed;background-image:url(/static/media/angkor-picture.1908633d70ca19834163.png);background-position:70% 22%;background-repeat:no-repeat;background-size:74%;height:90vh}@media(min-width:1025px)and (max-width:1650px){.outlet-container{background-position:60% 18%;background-size:80%}}@media(min-width:769px)and (max-width:1024px){.outlet-container{background-position:100% 14%;background-size:100%}}@media(min-width:426px)and (max-width:768px){.outlet-container{background-position:60% 12%;background-size:120%}}@media(min-width:426px)and (max-width:600px){.outlet-container{background-position:50% 11%;background-size:140%}}.inner{background-color:#eef0f3;display:table;height:100%;overflow-x:auto;position:fixed;white-space:nowrap;width:100%}@media(min-width:0px)and (max-width:376px){.inner{width:320px!important}}@media(min-width:377px)and (max-width:425px){.inner{width:480px!important}}@media(min-width:426px)and (max-width:600px){.inner{width:550px!important}}@media(min-width:426px)and (max-width:768px){.inner{width:768px!important}}.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}.drawer-menu .MuiDrawer-paper{background-color:#fff;box-shadow:1.95px 1.95px 2.6px rgba(19,105,233,.15)}.drawer-menu .image-container{border-radius:50%!important;height:175px;width:175px}.drawer-menu .image-container .logo{height:160%;width:160%}.drawer-menu .list-menu{padding:1px!important}.drawer-menu .list-menu .list-item-active{height:50px;width:100%}.drawer-menu .list-menu .list-item-active .list-item-button{height:100%}.drawer-menu .list-menu .list-item-active .list-item-button .list-item-icon{color:#2e3192;height:100%;justify-content:center}.drawer-menu .list-menu .list-item-active .list-item-button .list-item-icon .icon{color:#2e3192;font-weight:700!important;height:22px;margin-top:6px;width:22px}.drawer-menu .list-menu .list-item-active .list-item-button .list-item-text{color:#2e3192;font-family:KhmerOsSiemReap!important;font-size:16px;font-weight:700!important;padding-top:2px}.drawer-menu .list-menu .list-item-active .submenu-icon-active{color:#2e3192}.drawer-menu .list-menu .list-item{height:50px;width:100%}.drawer-menu .list-menu .list-item .list-item-button{height:100%}.drawer-menu .list-menu .list-item .list-item-button .list-item-icon{height:100%;justify-content:center}.drawer-menu .list-menu .list-item .list-item-button .list-item-icon .icon{height:22px;margin-top:6px;width:22px}.drawer-menu .list-menu .list-item .list-item-button .list-item-text{color:gray;font-family:KhmerOsSiemReap!important;font-size:16px;font-weight:700!important;padding-top:2px}.drawer-menu .list-menu .list-item .submenu-icon-active{color:#484949}.top-bar{background-color:#fff;padding:0 20px}.top-bar .icon-right{color:gray;height:26px;width:26px}.top-bar .user-name{color:gray;font-size:16px}.top-bar .link-icon{color:#2e3192;font-size:26px}.top-bar .btn-menu{height:35px;padding:0 10px 0 0}.top-bar .btn-menu .avatar-user{height:35px;width:35px}.top-bar .btn-menu .icon-menu{color:#2e3192}.top-bar .btn-menu .log-out-txt,.top-bar .btn-menu .username-text{color:#2e3192;font-family:KhmerOsSiemReap!important;font-size:15px;font-weight:700}.page-container .btn-save{background-color:#2e3192;border-radius:8px;color:#fff;font-family:KhmerOsSiemReap!important;font-size:15px;height:100%;padding:6px 20px}.page-container .btn-save:hover{background-color:#2e3192}.page-container .btn-save .icon-save{height:18px;margin-right:5px;width:18px}.page-container .card{background-color:#fff!important;border-radius:8px;height:195px;padding:5px 5px 12px 16px}.page-container .card .status{font-family:KhmerOsSiemReap!important;font-size:12.5px;font-weight:SemiBold}.page-container .card .box-status-green{background-color:#00d387;border-radius:50%}.page-container .card .box-status-red{background-color:#e53838;border-radius:50%}.page-container .card .box-status-yellow{background-color:#f8a60e;border-radius:50%}.page-container .card .card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#2e3192;display:-webkit-box;font-family:KhmerOsSiemReap!important;font-size:13px;font-weight:700;overflow:hidden}.page-container .card .icon-button{color:#707070;font-size:16px!important}.page-container .card .value-icon-button{color:#707070;font-family:KhmerOsSiemReap!important;font-size:12px!important}.page-container .card .card-discription{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#707070;display:-webkit-box;font-family:KhmerOsSiemReap!important;font-size:13px!important;height:40px;overflow:hidden}.page-container .page-header{height:40px;width:100%}.page-container .page-header .slash{background-color:#2e3192;height:36px;width:4px}.page-container .page-header .page-title{color:#2e3192;font-family:KhmerOsSiemReap!important;font-size:20px;font-weight:700!important;text-decoration:none}.page-container .page-header .breadcrumbs-title{color:#000;font-family:KhmerOsSiemReap!important;font-size:15px}.page-container .page-header .slash-title{color:#2e3192;font-family:KhmerOsSiemReap!important;font-size:20px;font-weight:700}.page-container .page-header .page-link-title{color:#2e3192;cursor:pointer;font-family:KhmerOsSiemReap!important;font-size:15px;text-decoration:none}.page-container .header-text{color:#2e3192;font-family:KhmerOsSiemReap!important;font-size:15px;margin-top:-5px;padding:0 0 5px 5px}.page-container .tab-val .active-tab{color:#2e3192}.page-container .tab-val .active-tab,.page-container .tab-val .nonactive-tab{font-family:KhmerOsSiemReap!important;font-size:20px;font-weight:700!important;text-decoration:none}.page-container .tab-val .nonactive-tab{color:#484949}.page-container .tab-val .css-1aquho2-MuiTabs-indicator{background-color:#2e3192}.page-container .search-field{background-color:#fff;border-radius:6px;width:100%}.page-container .search-field .MuiOutlinedInput-input,.page-container .search-field .MuiTypography-root,.page-container .search-field .css-hcqg9v-MuiButtonBase-root-MuiMenuItem-root{font-family:KhmerOsSiemReap,!important!important;font-size:15px!important}.page-container .search-field .css-e2mtqw-MuiInputAdornment-root,.page-container .search-field .css-nu79wc-MuiInputAdornment-root{border:none;color:#2e3192!important}.page-container .search-field .MuiOutlinedInput-input,.page-container .search-field .css-1ua80n0-MuiInputBase-input-MuiOutlinedInput-input{border:none;color:#2e3192;font-family:KhmerOsSiemReap!important}.page-container .search-field .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border:none;border-radius:6px;color:#2e3192;font-family:KhmerOsSiemReap!important}.page-container .search-field .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-input{border:none;border-radius:6px!important;color:#2e3192!important;font-family:KhmerOsSiemReap,!important!important}.page-container .search-field .MuiInputLabel-root.Mui-focused{border:none;border-radius:6px;color:#2e3192;font-family:KhmerOsSiemReap!important}.page-container .search-field .css-78trlr-MuiButtonBase-root-MuiIconButton-root{padding:4px!important}.page-container .search-field .MuiOutlinedInput-root{padding-right:10px!important}.page-container .search-field .css-nxo287-MuiInputBase-input-MuiOutlinedInput-input{padding:8.5px 14px}.page-container .filter-date{background-color:#229751}.page-container .field-title{color:#2e3192;font-family:KhmerOsSiemReap!important;font-size:15px}.page-container .btn-create{background-color:#2e3192!important;border-radius:10px;color:#fff;font-family:KhmerOsSiemReap!important;font-size:15px;margin-top:20px;padding:8px 30px}.page-container .btn-create .icon-add{height:18px;width:18px}.page-container .btn-status-purchase{background-color:#2e3192!important;color:#fff;font-family:KhmerOsSiemReap!important;font-size:9px;height:26px;width:64px}.page-container .btn-status-purchase .icon-add{height:12px;width:12px}.page-container .btn-status-void{background-color:#ff8204!important;color:#fff;font-family:KhmerOsSiemReap!important;font-size:9px;height:26px;width:64px}.page-container .body-container{border-radius:10px;margin-top:10px;padding:0 0 20px;width:100%}@media(min-width:0px)and (max-width:376px){.page-container .body-container{width:310px!important}}@media(min-width:377px)and (max-width:425px){.page-container .body-container{width:370px!important}}@media(min-width:426px)and (max-width:600px){.page-container .body-container{width:476px!important}}.page-container .body-container .table{border-collapse:initial;border-spacing:0 8px;display:table;overflow-x:auto;white-space:nowrap;width:100%}.page-container .body-container .table .header-row{background-color:#fff;padding:30px 0}.page-container .body-container .table .header-row .header-title-start{border:none;border-radius:6px 0 0 6px;color:#2e3192;font-family:KhmerOsSiemReap!important;font-size:15px;font-weight:700;padding:10px 5px 10px 20px}.page-container .body-container .table .header-row .header-title{border:none;color:#2e3192;font-family:KhmerOsSiemReap!important;font-size:15px;font-weight:700;padding:10px 5px}.page-container .body-container .table .header-row .header-title-end{border:none;border-radius:0 6px 6px 0;color:#2e3192;font-family:KhmerOsSiemReap!important;font-size:15px;font-weight:700;padding:10px 20px 10px 5px}.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{background-color:#fff;box-shadow:none}.page-container .body-container .table .body .onclick-student{background-color:#eff6fd}.page-container .body-container .table .body .body-row{cursor:pointer}.page-container .body-container .table .body .body-row .body-cell-start{border:none;border-radius:6px 0 0 6px;font-family:KhmerOsSiemReap!important;font-size:15px;padding:5px 5px 5px 20px}.page-container .body-container .table .body .body-row .body-cell{border:none;font-family:KhmerOsSiemReap!important;font-size:15px;padding:5px}.page-container .body-container .table .body .body-row .body-cell .member-name{font-family:KhmerOsSiemReap!important;font-size:15px}.page-container .body-container .table .body .body-row .body-cell .paid-invoice{color:#229751;font-family:KhmerOsSiemReap!important;font-size:15px;font-weight:500}.page-container .body-container .table .body .body-row .body-cell .unpaid-invoice{color:#e53838;font-family:KhmerOsSiemReap!important;font-size:15px;font-weight:500}.page-container .body-container .table .body .body-row .body-cell .btn-status-pending{background-color:orange!important;color:#fff;font-family:KhmerOsSiemReap!important;font-size:9px}.page-container .body-container .table .body .body-row .body-cell .btn-status-approve{background-color:green!important;color:#fff;font-family:KhmerOsSiemReap!important;font-size:9px}.page-container .body-container .table .body .body-row .body-cell .btn-status-reject{background-color:red!important;color:#fff;font-family:KhmerOsSiemReap!important;font-size:9px}.page-container .body-container .table .body .body-row .body-cell-end{border:none;border-radius:0 6px 6px 0;font-family:KhmerOsSiemReap!important;font-size:15px;padding:5px 20px 5px 5px}.page-container .body-container .table .body .body-row .body-cell-sticky-left{background-color:#fff;left:0;position:-webkit-sticky;position:sticky}.page-container .body-container .table .body .body-row .body-cell-sticky-right{background-color:#fff;position:-webkit-sticky;position:sticky;right:0}.empty-container .text-title{color:#b6b5b5;font-family:KhmerOsSiemReap!important;font-size:16px;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:KhmerOsSiemReap!important;font-size:15px;text-align:center}.dialog-container .MuiPaper-root{border-radius:10px!important}.dialog-container .dialog-title{color:#2e3192;font-family:KhmerOsSiemReap!important;font-size:20px;font-weight:700}.dialog-container .dialog-title-view{color:#2e3192}.dialog-container .dialog-title-view,.dialog-container .dialog-title-void{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;font-family:KhmerOsSiemReap!important;font-size:20px;font-weight:700;overflow:hidden}.dialog-container .dialog-title-void{color:#f75257}.dialog-container .delete-descript{font-family:KhmerOsSiemReap!important}.dialog-container .close-icon{color:red}.dialog-container .avater-image{height:140px;object-fit:cover!important;width:140px}.dialog-container .student-image{height:150px;width:150px}.dialog-container .image-title{text-align:center}.dialog-container .field-title,.dialog-container .image-title{color:#2e3192;font-family:KhmerOsSiemReap!important;font-size:15px}.dialog-container .field-title{margin-bottom:2px}.dialog-container .view-dialog-contanier .view-header{background-color:#f0f0ff;border-radius:5px;padding:5px}.dialog-container .view-dialog-contanier .field-title-list{color:#2e3192;font-family:KhmerOsSiemReap!important;font-size:16px}.dialog-container .view-dialog-contanier .field-title{color:#000;font-family:KhmerOsSiemReap!important;font-size:15px}.dialog-container .view-dialog-contanier .field-title-red{color:red;font-family:KhmerOsSiemReap!important;font-size:15px}.dialog-container .total-title{color:#2e3192;font-family:KhmerOsSiemReap!important;font-size:18px;font-weight:50px}.dialog-container .total-boz{background-color:#f9f6fd;border-radius:5px;padding:5px}.dialog-container .total-boz .total-boz-letter{color:#2e3192;font-family:KhmerOsSiemReap!important;font-size:18px;font-weight:700}.dialog-container .btn-add{border-radius:5px;height:32px}.dialog-container .btn-add,.dialog-container .btn-create{background-color:#2e3192!important;color:#fff;font-family:KhmerOsSiemReap!important;font-size:15px}.dialog-container .btn-create{border-radius:8px;margin-top:10px;padding:8px 0}.dialog-container .btn-status-app{background-color:green!important;color:#fff;font-family:KhmerOsSiemReap!important;font-size:9px}.dialog-container .btn-status-rej{background-color:red!important;color:#fff;font-family:KhmerOsSiemReap!important;font-size:9px}.dialog-container .btn-delete{background-color:#f75257!important}.dialog-container .btn-cancel,.dialog-container .btn-delete{border-radius:8px;color:#fff;font-family:KhmerOsSiemReap!important;font-weight:700;margin-top:10px;padding:8px 0}.dialog-container .btn-cancel{background-color:#e53838!important}.dialog-container .btn-approve{background-color:#00d387!important;border-radius:8px;color:#fff;font-family:KhmerOsSiemReap!important;font-weight:700;margin-top:10px;padding:8px 0}.dialog-container .btn-upload-user{border-radius:50%;height:160px;width:160px}.dialog-container .btn-upload-user .avater-image{border-radius:10%;height:160px;object-fit:cover;width:160px}.dialog-container .btn-upload-user .image-title{color:#2e3192;font-family:KhmerOsSiemReap!important;font-size:15px;text-align:center}.dialog-container .btn-upload-doc{height:120px;width:100px}.dialog-container .btn-upload{height:90px;width:100px}.dialog-container .image-list{height:90px;object-fit:cover;width:100px}.dialog-container .title-view{font-family:KhmerOsMoul!important;font-size:16px;text-align:center}.dialog-container .subtitle-view{font-family:KhmerOsSiemReap!important;font-size:16px;text-align:center}.dialog-container .body-view,.dialog-container .body-view-time{font-family:KhmerOsSiemReap!important;font-size:14px}.dialog-container .body-view-time{color:#2e3192}.dialog-container .App{text-align:center;width:100%}.dialog-container .App .App-header{align-items:center;background-color:#fff;color:hsla(0,0%,45%,.549);flex-direction:column;justify-content:center;min-height:65vh;width:100%}.dialog-container .MuiOutlinedInput-root{padding-right:10px!important}.dialog-container .css-78trlr-MuiButtonBase-root-MuiIconButton-root{padding:0}.dialog-container .css-nxo287-MuiInputBase-input-MuiOutlinedInput-input{padding:9px!important}.dialog-container .css-14e0a33-MuiFormHelperText-root{color:#d32f2f!important}.dollar-container{background-color:#ff8204!important;border-radius:8px;height:26px;width:26px}.dollar-container .dollar-icon{color:#fff;font-size:15px!important;margin-bottom:2px}.map-container{border-radius:6px;height:26px;width:26px}.map-container .map-icon{margin-top:2px;width:22px!important}.check-container{border:1px solid #ef6c00;border-radius:6px;height:26px;width:26px}.check-container .check-icon{color:#ef6c00;font-size:14px!important;margin-bottom:2px}.apprv-container{border:1px solid #4caf50;border-radius:6px;height:26px;width:26px}.apprv-container .apprv-icon{color:#4caf50;font-size:14px!important;margin-bottom:2px}.pendin-container{border:1px solid #2e3192;border-radius:6px;height:26px;width:26px}.pendin-container .pendin-icon{color:#2e3192;font-size:14px!important;margin-bottom:2px}.rejec-container{border:1px solid #2e3192;border-radius:6px;height:26px;width:26px}.rejec-container .rejec-icon{color:#2e3192;font-size:14px!important;margin-bottom:2px}.deliver-container{border:1px solid #9c27b0;border-radius:6px;height:26px;width:26px}.deliver-container .deliver-icon{color:#9c27b0;font-size:14px!important;margin-bottom:2px}.reciev-container{border:1px solid #2e3192;border-radius:6px;height:26px;width:26px}.reciev-container .reciev-icon{color:#2e3192;font-size:14px!important;margin-bottom:2px}.update-container{border:1px solid #2e3192;border-radius:6px;height:26px;width:26px}.update-container .update-icon{color:#2e3192;font-size:14px!important;margin-bottom:2px}.update-container .view-icon{color:#4caf50;font-size:14px!important;margin-bottom:2px}.update-container .receive-icon{color:orange;font-size:14px!important;margin-bottom:2px}.update-container .doc-icon{color:#fff;font-size:18px!important;margin-bottom:2px}.update-container .doc-icon:hover{background-color:#2e3192!important}.void-container{border:1px solid #ff8204;border-radius:6px;height:26px;width:26px}.void-container .void-icon{color:#ff8204;font-size:14px!important;margin-bottom:2px}.view-container{border-radius:6px;height:26px;width:26px}.view-container .view-icon{color:#2e3192;font-size:18px!important;justify-content:center}.view-icon{color:#95c097;font-size:26px!important;justify-content:center}.reset-container{border:1px solid #357a38;border-radius:6px;height:26px;width:26px}.reset-container .reset-icon{color:#357a38;font-size:13px!important;margin-bottom:2px}.reset-container .doc-icon{color:#fff;font-size:18px!important;margin-bottom:2px}.reset-container .doc-icon:hover{background-color:#357a38!important}.delete-container{background-color:#fff!important;border:1px solid #f75257;border-radius:6px;height:26px;width:26px}.delete-container .delete-icon{color:#f75257;font-size:16px!important;margin-bottom:2px}.approve-container{background-color:#fff!important;border:1px solid green;border-radius:6px;height:26px;width:26px}.approve-container .approve-icon{color:green;font-size:16px!important;margin-bottom:2px}.delete-icon{color:#f75257;font-size:26px!important}.btn-void{background-color:#f75257!important;border-radius:5px!important;color:#fff!important;font-size:13px;height:28px!important;padding:2px 10px!important}.btn-void,.update-title{font-family:KhmerOsSiemReap!important}.update-title{font-size:15px!important}.stu-crop-container .MuiPaper-root{border-radius:10px!important}.stu-crop-container .dialog-title{color:#2e3192;font-size:15px;font-weight:700}.stu-crop-container .close-icon{color:red}.stu-crop-container .avater-image{height:140px;width:140px}.stu-crop-container .dialog-content-stu-cropp{border-color:#333;height:400px;position:relative;width:auto}.login-container{background-image:url(/static/media/angkor-picture.1908633d70ca19834163.png);background-position:40% 50%;background-repeat:no-repeat;background-size:80%;height:100vh;width:100%}@media(min-width:1025px)and (max-width:1650px){.login-container{background-position:60% 18%;background-size:80%}}@media(min-width:769px)and (max-width:1024px){.login-container{background-position:100% 14%;background-size:100%}}@media(min-width:426px)and (max-width:768px){.login-container{background-position:60% 12%;background-size:120%}}@media(min-width:426px)and (max-width:600px){.login-container{background-position:50% 11%;background-size:140%}}.login-container .box-container{background-color:#fff;border-radius:8px;padding:20px 25px;width:350px}.login-container .box-container .login-subtitle{font-family:KhmerOsSiemReap!important;font-size:20px;font-weight:700}.login-container .box-container .login-subtitle1{font-family:KhmerOsSiemReap!important;font-size:15px;text-align:center}.login-container .box-container .box-login{display:flex;justify-content:center}.login-container .box-container .box-login .input-login{font-family:KhmerOsSiemReap!important;font-size:15px}.login-container .box-container .box-login .input-login .css-19qh8xo-MuiInputBase-input-MuiOutlinedInput-input{font-family:KhmerOsSiemReap!important}.login-container .box-container .box-login .forgot-pwd,.login-container .box-container .box-login .label-login{color:#2e3192;font-family:KhmerOsSiemReap!important;font-size:15px}.login-container .box-container .box-login .forgot-pwd{text-align:right;text-decoration:underline}.login-container .box-container .box-login .icon{color:#2e3192}.login-container .box-container .box-login .viewpw-icon{cursor:pointer}.login-container .box-container .forgot-password{color:#2e3192;font-size:12px}.login-container .box-container .btn-sign-in{background-color:#2e3192;color:#fff;font-family:KhmerOsSiemReap!important;font-size:15px;font-weight:700;margin-top:18px}.login-container .box-container .footer-copy-right{font-weight:700}.login-container .box-container .footer-copy-right,.login-container .box-container .footer-copy-right-left{color:#2e3192;font-family:KhmerOsSiemReap!important;font-size:12px!important;margin-top:40px;text-align:center}.icon-mash{color:#2e3192;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-family:KhmerOsSiemReap!important;font-weight:700}.btn-home{border:1px solid #2e3192;border-radius:5px;color:#2e3192;font-size:12px}.setting-page .page-header{height:40px}.setting-page .page-header .slash{background-color:#2e3192;height:40px;width:4px}.setting-page .page-header .page-title{color:#2e3192;font-family:KhmerOsSiemReap!important;font-size:20px;font-weight:700!important}.setting-page .page-header .breadcrumbs-title{color:#000;font-family:KhmerOsSiemReap!important;font-size:15px}.setting-page .page-header .page-link-title{color:#2e3192;cursor:pointer;font-family:KhmerOsSiemReap!important;font-size:15px;text-decoration:none}.setting-page .search-title{color:#0f81c2;font-family:KhmerOsSiemReap!important}.setting-page .header-text{color:#2e3192;font-family:KhmerOsSiemReap!important;font-size:15px;margin-top:-5px;padding:0 0 5px 5px}.setting-page .search-field{background-color:#fff;border-radius:6px;font-family:KhmerOsSiemReap!important;font-size:15px;width:100%}.setting-page .search-field .css-nu79wc-MuiInputAdornment-root{color:#2e3192!important}.setting-page .search-field .MuiOutlinedInput-input,.setting-page .search-field .css-1ua80n0-MuiInputBase-input-MuiOutlinedInput-input{color:#2e3192;font-family:KhmerOsSiemReap!important;font-weight:700}.setting-page .search-field .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#fff;border-radius:6px;color:#2e3192;font-family:KhmerOsSiemReap!important;font-weight:700}.setting-page .search-field .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-input{border-radius:6px!important;color:#2e3192!important;font-family:KhmerOsSiemReap,!important!important;font-weight:700!important}.setting-page .search-field .MuiInputLabel-root.Mui-focused{border-radius:6px;color:#2e3192;font-family:KhmerOsSiemReap!important;font-weight:700}.setting-page .search-field .supplier-detail-box{justify-content:space-between}.setting-page .btn-create{background-color:#2e3192!important;border-radius:10px;color:#fff;font-family:KhmerOsSiemReap!important;font-size:15px;height:100%;padding:8px 30px}.setting-page .btn-create .icon-add{height:18px;width:18px}.setting-page .btn-create .icon-save{height:18px;margin-right:15px;width:18px}.setting-page .setting-page-container{background-color:#fff;border-radius:10px;height:100px;padding:15px 20px}.setting-page .setting-page-container .image{color:red;height:40px;width:40px}.setting-page .setting-page-container .page-title{color:#2e3192;font-family:KhmerOsSiemReap!important;font-size:16px;font-weight:700;margin:5px 0}.setting-page .setting-page-container .page-description{color:#2e3192;color:#191919;display:-webkit-box;font-family:KhmerOsSiemReap!important;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:pre-line;width:100%}.setting-page .transportation-card{background-color:#fff;border:1px solid #e2e0e0;border-radius:10px;padding:10px}.setting-page .transportation-card .transportation-bus-model{color:#2e3192;font-family:KhmerOsSiemReap!important;font-size:20px}.setting-page .transportation-card .transportation-seat,.setting-page .transportation-card .transportation-value{color:#2e3192;font-family:KhmerOsSiemReap!important;font-size:15px}.setting-page .transportation-card .transportation-value{font-weight:700}.setting-page .announcement-card{background-color:#fff;border:1px solid #e2e0e0;border-radius:10px}.setting-page .announcement-card .announcement-image-container{position:relative}.setting-page .announcement-card .announcement-image-container .announcement-image{border-radius:10px;height:220px;object-fit:cover;width:100%}.setting-page .announcement-card .announcement-title{-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;color:#2e3192;display:-webkit-box!important;font-family:KhmerOsSiemReap!important;font-size:20px;overflow:hidden}.setting-page .announcement-card .announcement-des{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;font-family:KhmerOsSiemReap!important;font-size:15px;overflow:hidden}.crop-container .MuiPaper-root{border-radius:10px!important}.crop-container .dialog-title{color:#2e3192;font-size:15px;font-weight:700}.crop-container .close-icon{color:red}.crop-container .avater-image{height:140px;width:140px}.crop-container .dialog-content{background:#333;height:400px;position:relative;width:auto}.dashboard-page{margin-top:30px}.dashboard-page .dashboard-info-card{background-color:#fff;background-position:top 10px right 20px;background-repeat:no-repeat;background-size:48px;border-radius:14px;color:#fff;height:130px;padding:20px}.dashboard-page .dashboard-info-card .title{font-size:17px;font-weight:700}.dashboard-page .dashboard-info-card .text-value{font-size:24px;font-weight:700}.dashboard-page .dashboard-info-card .card-icon{width:60px}.dashboard-page .bg-green{background-color:#5ca33a!important}.dashboard-page .bg-red{background-color:#e1505d!important}.dashboard-page .bg-sky-blue{background-color:#2a9ada!important}.dashboard-page .bg-orange{background-color:#dfac2f!important}.forgotpassword-page{height:100vh;width:100%}.forgotpassword-page .text-field{background-color:#fff;border-radius:6px}.forgotpassword-page .text-field .css-1n4twyu-MuiInputBase-input-MuiOutlinedInput-input{color:#00008b!important}.forgotpassword-page .background-image{background-position:50% 50%;background-repeat:no-repeat;background-size:80%;height:100%;left:0;opacity:.2;position:fixed;top:0;width:100%}.forgotpassword-page .back-btn{height:10%}.forgotpassword-page .back-btn .text-back{display:flex;flex-direction:column;height:100%;justify-content:center}.forgotpassword-page .back-btn .text-back .title-back{color:#2e3192;text-transform:none}.forgotpassword-page .container{background-color:#fff;border-radius:8px;flex-direction:column;height:600px;margin:auto 0;position:relative;width:500px}.forgotpassword-page .container,.forgotpassword-page .container .box-logo,.forgotpassword-page .container .box-text{display:flex;justify-content:center}.forgotpassword-page .container .box-text .title{color:gray;font-weight:700}.forgotpassword-page .container .box-text .sub-title{color:#000}.forgotpassword-page .container .box-login{display:flex;justify-content:center}.forgotpassword-page .container .box-login .icon{color:#2e3192}.forgotpassword-page .container .box-login .btn-sign-in{background-color:#2e3192;color:#fff;font-size:18px;font-weight:700;text-transform:none}.alert-message .snackbar-alert{border-radius:20px;margin-top:10px}.alert-message .snackbar-alert .alert-success{background-color:#00c9a7;border-radius:20px;color:#fff;font-family:KhmerOsSiemReap!important}.alert-message .snackbar-alert .alert-error{background-color:#ff6f91;border-radius:20px;color:#fff;font-family:KhmerOsSiemReap!important}
/*# sourceMappingURL=main.43b7f061.css.map*/