.App{text-align:center}@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)}.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:25px;width:360px}.login-container .box-container .login-subtitle{color:#5a6771;font-size:16px;font-weight:700}.login-container .box-container .box-login{display:flex;justify-content:center}.login-container .box-container .box-login .input-login{font-family:Siemreap!important;font-size:14.5px}.login-container .box-container .box-login .forgot-pwd,.login-container .box-container .box-login .label-login{color:#223d97;font-family:Siemreap!important;font-size:14.5px}.login-container .box-container .box-login .forgot-pwd{text-align:right;text-decoration:underline}.login-container .box-container .box-login .icon{color:#223d97}.login-container .box-container .box-login .viewpw-icon{cursor:pointer}.login-container .box-container .btn-sign-in{background-color:#223d97;color:#fff;font-size:15px;font-weight:700;margin-top:18px}.login-container .box-container .footer-copy-right{font-family:Siemreap,!important!important;font-size:12px!important;margin-top:40px;text-align:center}.layout-container{background-color:#223458;width:100%}.layout-container .navbar-container{height:100vh;position:fixed;z-index:1000}.layout-container .left-side-container{height:100vh;width:100%}.layout-container .left-side-container .topbar-container{background:#fff;left:10px;position:fixed;top:0;width:100%;z-index:999}.layout-container .left-side-container .topbar-container .top-bar{background-color:#fff}.layout-container .left-side-container .supLeft-side-container{background-color:#ebedef;height:100vh;padding-top:50px;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:76% 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 .supLeft-side-container .outlet-container{background-position:81% 18%;background-size:80%}}@media(min-width:769px)and (max-width:1024px){.layout-container .left-side-container .supLeft-side-container .outlet-container{background-position:150% 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%}}.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}.page-container .title-course{color:#636363;font-family:Siemreap,!important,PublicSans!important;font-size:16px}.page-container .btn-tab{border-bottom:2px solid #0000!important;color:gray!important}.page-container .btn-tab,.page-container .btn-tab-active{border-radius:0!important;font-family:Siemreap,!important,PublicSans!important;height:100%!important;padding:8px 16px 7px}.page-container .btn-tab-active{background-color:#d9e2ff;border-bottom:2px solid #223d97!important;color:#223d97!important}.page-container .tab-container{border-bottom:2px solid #dbdbdb}.page-container .tab-container .tab-item{border-bottom:2px solid #0000;color:#636363}.page-container .tab-container .tab-item,.page-container .tab-container .tab-item-active{border-radius:0;font-family:Siemreap,!important,PublicSans!important;font-size:16px;font-weight:700;padding-inline:24px;padding-bottom:8px;text-transform:none}.page-container .tab-container .tab-item-active{border-bottom:2px solid #223d97;color:#223d97}.page-container .tab-container .tab-item-kh{border-bottom:2px solid #0000;color:#636363}.page-container .tab-container .tab-item-active-kh,.page-container .tab-container .tab-item-kh{border-radius:0;font-family:Siemreap!important;font-size:16px;font-weight:700;padding-inline:24px;padding-bottom:8px;text-transform:none}.page-container .tab-container .tab-item-active-kh{border-bottom:2px solid #223d97;color:#223d97}.page-container .slash{background-color:#223d97;height:40px;width:4px}.page-container .page-title{color:#223d97;cursor:pointer;font-family:Siemreap,!important,PublicSans!important;font-size:18px;font-weight:700!important}.page-container .page-title-kh{color:#223d97;cursor:pointer;font-family:Bayon!important;font-size:18px}.page-container .slash-title{font-size:18px;font-weight:700;padding-bottom:5px}.page-container .search-head-title,.page-container .slash-title{color:#223d97;font-family:Siemreap,!important,PublicSans!important}.page-container .search-head-title{font-size:14.5px;padding:0 0 5px 5px}.page-container .select-date{align-items:center;background-color:#fff;border-radius:8px;display:flex;width:100%}.page-container .select-date .MuiOutlinedInput-input,.page-container .select-date .css-1ua80n0-MuiInputBase-input-MuiOutlinedInput-input{color:#223d97}.page-container .select-date .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#fff;border-radius:6px}.page-container .select-date .MuiInputLabel-root.Mui-focused,.page-container .select-date .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-input{border-radius:6px;color:#223d97}.page-container .inactive-tab{border-bottom:2px solid #0000;color:#0009}.page-container .active-tab,.page-container .inactive-tab{border-radius:0;font-family:Siemreap,!important,PublicSans!important;font-weight:700}.page-container .active-tab{border-bottom:2px solid #223d97;color:#223d97}.page-container .text-field-title{font-family:Siemreap,!important,PublicSans!important}.page-container .text-field-title,.page-container .text-field-title-kh{color:#223d97;font-size:15px;font-weight:100!important;margin-bottom:4px;margin-top:8px}.page-container .text-field-title-kh{font-family:Siemreap!important}.page-container .text-field{background-color:#fff;border-radius:6px;width:100%}.page-container .text-field .css-e2mtqw-MuiInputAdornment-root,.page-container .text-field .css-nu79wc-MuiInputAdornment-root{color:#223d97!important}.page-container .text-field .MuiOutlinedInput-input,.page-container .text-field .css-1ua80n0-MuiInputBase-input-MuiOutlinedInput-input{color:#223d97}.page-container .text-field .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#fff;border-radius:6px;color:#223d97}.page-container .text-field .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-input{border-radius:6px!important;color:#223d97!important}.page-container .text-field .MuiInputLabel-root.Mui-focused{border-radius:6px;color:#223d97}.page-container .btn-export{background-color:green!important;border-radius:10px;color:#fff;font-family:Siemreap!important;font-size:14.5px;height:100%;padding:7px 30px}.page-container .btn-export .icon-add{height:18px;width:18px}.page-container .btn-create{background-color:#223d97!important;border-radius:10px;color:#fff;font-family:Siemreap!important;font-size:14.5px;height:100%;padding:8px 30px}.page-container .btn-create .icon-add{height:18px;width:18px}.page-container .btn-delete{background-color:#e11e29!important;border-radius:10px;color:#fff;font-family:Siemreap!important;font-size:14.5px;height:100%;padding:8px 30px}.page-container .btn-delete .icon-add{height:18px;width:18px}.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 .field-title{color:#223d97;font-family:Siemreap,!important,PublicSans!important;font-size:14.5px;margin-bottom:2px;min-height:24px!important;padding:0 14px}.page-container .body-container .table{border-collapse:initial;border-spacing:0 6px;display:table;overflow-x:auto;white-space:nowrap;width:100%}.page-container .body-container .table .header-row{background-color:#fff;padding:10px 0}.page-container .body-container .table .header-row .border-title{border-bottom:1px solid #131870;margin-top:-10px!important;width:80%}.page-container .body-container .table .header-row .header-title-start{background-color:#fff;border:none;border-radius:5px 0 0 5px;color:#223d97;font-family:Siemreap,!important,PublicSans!important;font-size:15px;padding:10px 10px 10px 20px}.page-container .body-container .table .header-row .header-title-start-kh{background-color:#fff;border:none;border-radius:5px 0 0 5px;color:#223d97;font-family:Siemreap,!important!important;font-size:15px;padding:10px 10px 10px 20px}.page-container .body-container .table .header-row .header-title{background-color:#fff;border:none;color:#223d97;font-family:Siemreap,!important,PublicSans!important;font-size:15px;padding:10px 10px 10px 20px}.page-container .body-container .table .header-row .header-title-kh{background-color:#fff;border:none;color:#223d97;font-family:Siemreap!important;font-size:15px;padding:10px 10px 10px 20px}.page-container .body-container .table .header-row .header-title-end{background-color:#fff;border:none;border-radius:0 5px 5px 0;color:#223d97;font-family:Siemreap,!important,PublicSans!important;font-size:15px;padding:10px 20px 10px 0}.page-container .body-container .table .header-row .header-title-end-kh{background-color:#fff;border:none;border-radius:0 5px 5px 0;color:#223d97;font-family:Siemreap!important;font-size:15px;padding:10px 20px 10px 0}.page-container .body-container .table .body{background-color:#fff;box-shadow:none}.page-container .body-container .table .body .body-row{cursor:pointer;height:50px}.page-container .body-container .table .body .body-row .body-cell-start{border:none;border-radius:5px 0 0 5px;font-family:Siemreap,!important,PublicSans!important;font-size:14.5px;padding:0 6px 0 20px}.page-container .body-container .table .body .body-row .body-cell{border:none;font-family:Siemreap,!important,PublicSans!important;font-size:14.5px;padding:0 6px 0 20px}.page-container .body-container .table .body .body-row .body-cell-pre-line{border:none;font-family:Siemreap,!important,PublicSans!important;font-size:14.5px;line-height:normal;padding:10px 6px 10px 20px;white-space:pre-line}.page-container .body-container .table .body .body-row .body-cell-end{border:none;border-radius:0 5px 5px 0;font-family:Siemreap,!important,PublicSans!important;font-size:14.5px;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:14.5px;text-align:center}.dialog-container .css-1qqsdnr-MuiAutocomplete-root .MuiAutocomplete-tag{background-color:#223d97;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:#223d97;font-family:Bayon!important;font-size:16px}.dialog-container .close-icon{color:red}.dialog-container .avater-image{border-radius:10px;height:170px;object-fit:cover!important;width:150px}.dialog-container .field-title{font-family:PublicSans!important}.dialog-container .field-title,.dialog-container .field-title-kh{color:#223d97;font-size:14.5px;margin-bottom:2px;min-height:24px!important}.dialog-container .field-title-kh{font-family:Siemreap!important}.dialog-container .icon-add{color:#223d97}.dialog-container .viewpw-icon{cursor:pointer}.dialog-container .btn-export{background-color:green!important;border-radius:10px;color:#fff;font-family:Siemreap!important;font-size:14.5px;height:100%;padding:7px 30px}.dialog-container .btn-export .icon-add{height:18px;width:18px}.dialog-container .btn-create{white-space:pre}.dialog-container .btn-create,.dialog-container .btn-create-kh{background-color:#223d97!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:#e11e29!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:#223d97!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 .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:#223d97;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:#223d97;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:#223d97;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:#223d97;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:#223d97;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:14.5px;padding:0 6px 0 20px}.dialog-container .table .body .body-row .body-cell{border:none;font-family:Siemreap,!important,PublicSans!important;font-size:14.5px;padding:0 6px 0 20px}.dialog-container .table .body .body-row .body-cell .student-name{font-family:Siemreap,!important,PublicSans!important;font-size:14.5px!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:14.5px;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:14.5px;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:14.5px;padding:6px 20px 6px 0}.crop-container .MuiPaper-root{border-radius:10px!important}.crop-container .dialog-title{color:#223d97;font-size:14.5px;font-weight:700}.crop-container .close-icon{color:red}.crop-container .avater-image{height:140px;width:140px}.crop-container .dialog-content{background:#333;height:500px;position:relative;width:auto}.view-container{background-color:#223d97!important}.view-container .view-icon{font-size:15px!important;margin-bottom:2px}.view-container .view-icon:hover{background-color:#223d97!important}.add-container{background-color:green!important;border-radius:8px;height:24px;width:24px}.add-container .add-icon{color:#fff;font-size:14px!important;margin-bottom:3px}.add-container .add-icon:hover{background-color:green!important}.update-container{background-color:#ff8204!important;border-radius:8px;height:24px;width:24px}.update-container .update-icon{color:#fff;font-size:14px!important;margin-bottom:3px}.update-container .update-icon:hover{background-color:#ff8204!important}.view-container{background-color:green!important;border-radius:8px;height:24px;width:24px}.view-container .view-icon{color:#fff;font-size:14px!important;margin-bottom:3px}.view-container .view-icon:hover{background-color:green!important}.resignation-container{background-color:#e11e29!important;border-radius:8px;height:24px;width:24px}.resignation-container .resignation-icon{color:#fff;font-size:17px!important;margin-bottom:1px}.resignation-container .resignation-icon:hover{background-color:#e11e29!important}.payment-container{background-color:green!important;border-radius:8px;height:24px;width:24px}.payment-container .payment-icon{color:#fff;font-size:16px!important;margin-bottom:2px}.payment-container .payment-icon:hover{background-color:green!important}.void-container{background-color:#e11e29!important;border-radius:8px;height:24px;width:24px}.void-container .void-icon{color:#fff;font-size:14px!important;margin-bottom:3px}.delete-action-container,.void-container .void-icon:hover{background-color:#e11e29!important}.delete-action-container{border-radius:8px;height:24px;width:24px}.delete-action-container .delete-action-icon{color:#fff;font-size:14px!important;margin-bottom:4px}.delete-action-container .delete-action-icon:hover{background-color:#e11e29!important}.delete-container{height:24px;width:24px}.delete-container .delete-icon{color:#e11e29;margin-bottom:4px}.menu-container{background-color:#223458;height:100%;width:100%}.menu-container .logo-container{border-radius:50%;height:120px;margin:20px 5px 5px;width:120px}.menu-container .mobile-logo-container{border-radius:50%;height:50px;margin:5px;width:50px}.menu-container .main-title{color:#fff;font-size:19px;font-weight:700;margin-top:25px;padding-left:20px}.menu-container .menu-body{height:100%;max-height:100vh;overflow-y:auto;scrollbar-width:thin}.menu-container .menu-body .list-item-active{background-color:#285295;border-radius:10px;cursor:pointer;height:40px;padding-left:14px;width:100%}.menu-container .menu-body .list-item-active .icon{color:#fff;font-size:22px}.menu-container .menu-body .list-item-active .list-item-text{color:#fff;font-family:Century,!important,Bayon!important;font-size:14.5px;font-weight:700;padding-top:2px}.menu-container .menu-body .list-item{cursor:pointer;height:40px;padding-left:14px;width:100%}.menu-container .menu-body .list-item .icon{color:#fff;font-size:23px}.menu-container .menu-body .list-item .list-item-text{color:#fff;font-family:Century,!important,Bayon!important;font-size:14.5px;font-weight:700;padding-top:2px}.menu-container .menu-body .list-item .expand-icon{background-color:#285295;border-radius:5px;height:21px;width:21px}.menu-container .menu-body .mobile-list-item-active{align-items:center;background-color:#285295;cursor:pointer;height:44px;justify-content:center;width:100%}.menu-container .menu-body .mobile-list-item-active .icon{color:#fff;font-size:22px}.menu-container .menu-body .mobile-list-item{align-items:center;cursor:pointer;height:44px;justify-content:center;width:100%}.menu-container .menu-body .mobile-list-item .icon{color:#fff;font-size:22px}.menu-container .menu-body .mobile-list-item .expand-icon{background-color:#285295;border-radius:5px;height:21px;width:21px}.drawer-mandate-container{padding:18px;width:420px}.drawer-mandate-container .title{color:#223d97;font-weight:700}.drawer-mandate-container .box-manage{border-bottom:1px solid #0000;cursor:pointer}.drawer-mandate-container .box-manage .icon-manage{font-size:15px}.drawer-mandate-container .box-manage .manage{font-size:14px}.drawer-mandate-container .box-manage:hover{border-bottom:1px solid #223d97}.drawer-mandate-container .item-mandate{background-color:#f8f8f8;border:1px solid #0000;border-radius:4px;cursor:pointer;margin-block:6px;padding:12px;transition:background-color .3s ease}.drawer-mandate-container .item-mandate .mandate-name{color:#223d97}.drawer-mandate-container .item-mandate .mandate-date{color:gray;font-size:12px}.drawer-mandate-container .item-mandate .icon{color:green;display:none}.drawer-mandate-container .item-mandate:hover{background-color:#c9e9d2;border:1px solid green}.drawer-mandate-container .item-mandate:hover .icon{display:block}.drawer-mandate-container .item-mandate-active{background-color:#c9e9d2;border:1px solid green;border-radius:4px;cursor:pointer;margin-block:6px;padding:12px;transition:background-color .3s ease}.drawer-mandate-container .item-mandate-active .mandate-name{color:#223d97}.drawer-mandate-container .item-mandate-active .mandate-date{color:gray;font-size:12px}.drawer-mandate-container .item-mandate-active .icon{color:green;display:block}.setting-page .page-header{height:40px}.setting-page .page-header .slash{background-color:#223d97;height:40px;width:4px}.setting-page .page-header .page-title{color:#223d97;font-family:Siemreap!important;font-size:18px;font-weight:700!important}.setting-page .page-header .page-title-kh{color:#223d97;font-family:Bayon!important;font-size:18px}.setting-page .page-header .breadcrumbs-title{color:#000;font-family:Siemreap,!important,PublicSans!important;font-size:14.5px}.setting-page .page-header .page-link-title{color:#223d97;cursor:pointer;font-family:Siemreap,!important,PublicSans!important;font-size:14.5px;text-decoration:none}.setting-page .setting-page-container{background-color:#fff;border-radius:10px;height:120px;padding:20px}.setting-page .setting-page-container .image{height:40px;width:40px}.setting-page .setting-page-container .page-title{color:#223d97;font-family:Siemreap,!important,Bayon!important;font-size:17px;font-weight:700;margin:10px 0}.setting-page .setting-page-container .page-description{color:#223d97;color:#7c7c7c;display:-webkit-box;font-family:Siemreap!important;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:pre-line;width:100%}.icon-mash{color:#223d97;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 #223d97;border-radius:5px;color:#223d97;font-size:12px}.dashboard-page{padding-bottom:20px}.dashboard-page .slash{background-color:#223d97;height:45px;width:4px}.dashboard-page .color{color:#223d97;font-size:22px;font-weight:700}.dashboard-page .make{align-items:center;direction:row;justify-content:flex-start}.dashboard-page .left-icon{align-items:flex-end;direction:column;display:flex;justify-content:center}.dashboard-page .employee-overview-header{color:gray;font-size:18px;font-weight:700;font-weight:700!important;margin-bottom:15px}.dashboard-page .search-head-title{color:#223d97;font-size:14.5px;padding:0 0 5px 5px}.dashboard-page .search-field{background-color:#fff;border-radius:6px;width:100%}.dashboard-page .search-field .css-e2mtqw-MuiInputAdornment-root,.dashboard-page .search-field .css-nu79wc-MuiInputAdornment-root{color:#223d97!important;font-weight:700!important}.dashboard-page .search-field .MuiOutlinedInput-input,.dashboard-page .search-field .css-1ua80n0-MuiInputBase-input-MuiOutlinedInput-input{color:#223d97;font-family:Siemreap!important;font-weight:700}.dashboard-page .search-field .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#fff;border-radius:6px;color:#223d97;font-family:Siemreap!important;font-weight:700}.dashboard-page .search-field .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-input{border-radius:6px!important;color:#223d97!important;font-family:Siemreap,!important!important;font-weight:700!important}.dashboard-page .search-field .MuiInputLabel-root.Mui-focused{border-radius:6px;color:#223d97;font-family:Siemreap!important;font-weight:700}.dashboard-page .search-field .supplier-detail-box{justify-content:space-between}.card-container .stack-container-first{background-image:linear-gradient(90deg,#3947aa,#4b50b6,#5c5ac3,#6c64cf,#7c6edc);border-radius:20px;box-shadow:0 3px 12px #00000017;color:#fff;height:160px;padding:35px}.card-container .stack-container-first .icon-container{background-color:#fff;border-radius:50%;height:70px;width:70px}.card-container .stack-container-first .icon-container .front-icon{width:60%}.card-container .stack-container-first .text-number{font-family:14.5px;font-size:38px;font-weight:700}.card-container .stack-container-first .text-title{font-family:14.5px;font-size:18px;font-weight:700}.card-container .stack-container-first .text-des{font-family:14.5px;font-size:14px}.card-container .stack-container-second{background-image:linear-gradient(90deg,#32bad6,#4dc4d9,#63cedd,#78d7e1,#8be1e5);border-radius:20px;box-shadow:0 3px 12px #00000017;color:#fff;height:160px;padding:35px}.card-container .stack-container-second .icon-container{background-color:#fff;border-radius:50%;height:70px;width:70px}.card-container .stack-container-second .icon-container .front-icon{width:50%}.card-container .stack-container-second .text-number{font-family:14.5px;font-size:38px;font-weight:700}.card-container .stack-container-second .text-title{font-family:14.5px;font-size:18px;font-weight:700}.card-container .stack-container-second .text-des{font-family:14.5px;font-size:14px}.card-container .stack-container-third{background-image:linear-gradient(90deg,#5d47f0,#6a62f3,#7a7af4,#8c91f3,#a0a7f0);border-radius:20px;box-shadow:0 3px 12px #00000017;color:#fff;height:160px;padding:35px}.card-container .stack-container-third .icon-container{background-color:#fff;border-radius:50%;height:70px;width:70px}.card-container .stack-container-third .icon-container .front-icon{width:60%}.card-container .stack-container-third .text-number{font-family:14.5px;font-size:38px;font-weight:700}.card-container .stack-container-third .text-title{font-family:14.5px;font-size:18px;font-weight:700}.card-container .stack-container-third .text-des{font-family:14.5px;font-size:14px}.card-container .stack-container-fourth{background-image:linear-gradient(90deg,#f07a47,#f19251,#f1a861,#f1bd75,#f2d08c);border-radius:20px;box-shadow:0 3px 12px #00000017;color:#fff;height:160px;padding:35px}.card-container .stack-container-fourth .icon-container{background-color:#fff;border-radius:50%;height:70px;width:70px}.card-container .stack-container-fourth .icon-container .front-icon{width:60%}.card-container .stack-container-fourth .text-number{font-family:14.5px;font-size:38px;font-weight:700}.card-container .stack-container-fourth .text-title{font-family:14.5px;font-size:18px;font-weight:700}.card-container .stack-container-fourth .text-des{font-family:14.5px;font-size:14px}.card-container .stack-container-fifth{background-image:linear-gradient(90deg,#1acb76,#40d388,#5adb9a,#71e3ab,#87ebbb);border-radius:20px;box-shadow:0 3px 12px #00000017;color:#fff;height:160px;padding:35px}.card-container .stack-container-fifth .icon-container{background-color:#fff;border-radius:50%;height:70px;width:70px}.card-container .stack-container-fifth .icon-container .front-icon{width:60%}.card-container .stack-container-fifth .text-number{font-family:14.5px;font-size:38px;font-weight:700}.card-container .stack-container-fifth .text-title{font-family:14.5px;font-size:18px;font-weight:700}.card-container .stack-container-fifth .text-des{font-family:14.5px;font-size:14px}.chart-container{background-color:#fff;border-radius:20px;height:450px;padding:20px}.chart-container .chart-title{font-family:14.5px;font-size:16px;font-weight:700!important}.chart-container .chart-title-kh{font-family:Siemreap,!important,PublicSans!important;font-size:16px;font-weight:700!important}.chart-container .att-card-status{border-radius:12px;font-family:14.5px;font-size:14.5px;font-weight:700!important;padding:6px 0;text-align:center;width:100px}.chart-container .student-card{background-color:#f3f2f2;border-radius:15px;padding:8px 10px}.chart-container .student-card .student-name{font-family:14.5px;font-size:15px;font-weight:700!important}.chart-container .student-card .student-status{color:#f19251;font-family:14.5px;font-size:14px;font-weight:700!important}.chart-container .student-card .class-name{font-family:14.5px;font-size:14px;font-weight:700!important;text-align:right}.chart-container .btn-next{background-color:#4b50b6!important;border-radius:12px;color:#fff;font-family:14.5px;font-size:14.5px;font-weight:700!important;padding:6px 0;text-align:center;text-transform:none;width:100px}.date-container{background-color:#2c5fee;border-radius:20px;height:400px;padding:15px}.mandate-container .text-field{background-color:#fff;border-radius:6px;width:100%}.mandate-container .text-field .css-e2mtqw-MuiInputAdornment-root,.mandate-container .text-field .css-nu79wc-MuiInputAdornment-root{color:#223d97!important}.mandate-container .text-field .MuiOutlinedInput-input,.mandate-container .text-field .css-1ua80n0-MuiInputBase-input-MuiOutlinedInput-input{color:#223d97}.mandate-container .text-field .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#fff;border-radius:6px;color:#223d97}.mandate-container .text-field .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-input{border-radius:6px!important;color:#223d97!important}.mandate-container .text-field .MuiInputLabel-root.Mui-focused{border-radius:6px;color:#223d97}.mandate-container .btn-export{background-color:green!important;border-radius:10px;color:#fff;font-family:Siemreap!important;font-size:14.5px;height:100%;padding:7px 30px}.mandate-container .btn-export .icon-add{height:18px;width:18px}.mandate-container .btn-create{background-color:#223d97!important;border-radius:10px;color:#fff;font-family:Siemreap!important;font-size:14.5px;height:100%;padding:7px 30px}.mandate-container .btn-create .icon-add{height:18px;width:18px}.district{width:100%}.district .accordion{border-radius:5px;padding-right:0;width:100%}.district .accordion .accordion-summary{background-color:#fff!important;border-radius:5px;width:100%}.district .accordion .accordion-summary .row{width:100%}.district .accordion .accordion-summary .row .cell{font-size:14.5px}.district .accordion .css-11n396v-MuiAccordionDetails-root{padding-inline:24px 0!important}.district .accordion .accordion-details{background-color:#e4e4e4}.commune{width:100%}.commune .accordion{border-radius:5px;width:100%}.commune .accordion .accordion-summary{background-color:#fff!important;border-radius:5px}.commune .accordion .accordion-summary .row{width:100%}.commune .accordion .accordion-summary .row .cell{font-size:14.5px}.commune .accordion .accordion-details{background-color:#f0f0f0}.village{width:100%}.village .accordion{border-radius:5px;width:100%}.village .accordion .accordion-summary{background-color:#fff!important;border-radius:5px}.village .accordion .accordion-summary .row{width:100%}.village .accordion .accordion-summary .row .cell{font-size:14.5px}.party-card,.village .accordion .accordion-details{background-color:#fff}.party-card{border:1px solid #223d97;border-radius:8px;cursor:pointer;padding:20px 24px;position:relative}.party-card .party-name{color:#223d97;font-family:KhmerOsMuol!important;font-size:15px}.party-card .numbers-ballot{color:#223d97;font-family:Siemreap,!important,PublicSans!important;font-size:14px;white-space:pre}.party-card .numbers{align-items:center;border:1px solid #223d97;border-radius:50%;color:#223d97;display:flex;flex-direction:row;font-size:28px;font-weight:700;height:75px;justify-content:center;padding:10px;text-align:center;width:75px}.party-card .btn-update{display:none;position:absolute;right:0;top:0}.party-card .btn-update .icon{color:#223d97}.party-card:hover .btn-update{display:block!important}.work-group-card{background-color:#fff;border:1px solid #223d97;border-radius:8px;cursor:pointer;padding:20px 24px;position:relative}.work-group-card .work-group-name{color:#223d97;font-family:KhmerOsMuol!important;font-size:15px}.work-group-card .numbers-ballot{color:#223d97;font-family:Siemreap,!important,PublicSans!important;font-size:14px;white-space:pre}.work-group-card .numbers{align-items:center;border:1px solid #223d97;border-radius:50%;color:#223d97;display:flex;flex-direction:row;font-size:28px;font-weight:700;height:75px;justify-content:center;padding:10px;text-align:center;width:75px}.work-group-card .work-group-title{color:#223d97;font-family:Siemreap,!important,PublicSans!important;font-size:18px;font-weight:700}.work-group-card .btn-update{display:none;position:absolute;right:0;top:0}.work-group-card .btn-update .icon{color:#223d97}.work-group-card:hover .btn-update{display:block!important}.public-forum-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px 0 #0003,0 6px 20px 0 #00000030;cursor:pointer;position:relative}.public-forum-card .card-cover{background-color:#e9f6f7;border-radius:8px 8px 0 0;padding:25px 25px 20px}.public-forum-card .card-content{padding:0 25px 15px}.public-forum-card .icon{width:100px}.public-forum-card .numbers-ballot{color:#223d97;font-family:Siemreap,!important,PublicSans!important;font-size:14px;white-space:pre}.public-forum-card .numbers{align-items:center;border:1px solid #223d97;border-radius:50%;color:#223d97;display:flex;flex-direction:row;font-size:28px;font-weight:700;height:75px;justify-content:center;padding:10px;text-align:center;width:75px}.public-forum-card .title{color:#223d97;font-family:Siemreap,!important,PublicSans!important;font-size:18px;font-weight:700}.public-forum-card .btn-update{display:none;position:absolute;right:0;top:0}.public-forum-card .btn-update .icon{color:#223d97}.public-forum-card:hover .btn-update{display:block!important}.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}