@font-face{font-family:BayonRegular;src:url(/static/media/Bayon.dd64516e1957739ea4f1.ttf)}@font-face{font-family:Kantumruy;src:url(/static/media/Kantumruy.0c8cb1d1d97fe8260e11.ttf)}@font-face{font-family:SiemReap;src:url(/static/media/KhmerOSsiemreap.c7829629429e92a9e769.ttf)}@font-face{font-family:Poppins;src:url(/static/media/POPPINS-REGULAR.4211496d0e075ffe7c2f.TTF)}@font-face{font-family:Gothic;src:url(/static/media/GothicBoldRegular.4669e88ae36834cda916.ttf)}.a{-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl}App{text-align:center}.App-logo{height:40vmin;pointer-events:none}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#555;cursor:pointer;width:12px}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.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)}}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}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:47px}.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;font-family:Khmer OS Muol Light;font-weight:100!important;padding:4px}.header-title-hr,.report-content-cell-center-hr{border:.2px solid #92cbf9!important;font-size:10px!important;letter-spacing:normal!important;text-align:center}.report-content-cell-center-hr,.report-content-cell-left-hr{font-family:Khmer OS Siemreap;padding:4px 6px}.report-content-cell-left-hr{border:.2px solid #92cbf9!important;font-size:10px!important;letter-spacing:normal!important;text-align:left}@media print{#chart{width:100%}@page{margin:0 3mm 2mm 3mm}.tfooter{background-color:#167a00!important;display:block}.watermark{counter-increment:page;position:fixed}.watermark,div.footer-info-hr,div.page-footer-hr{display:block}.container-auth{padding:10px 80px 0!important}.top-field{padding-top:10px}.top-field-second{padding-top:10px!important}}.grid-report{margin-top:20px}.logo-container{text-align:-webkit-center}.logo{display:flex;flex-direction:column;height:100%;justify-content:center;width:250px}.logo-size{margin:0 auto;width:50%!important}.company-text,.company-text-en{font-family:Khmer OS Muol Light!important;font-size:11px!important;text-align:center;text-transform:uppercase!important}.company-text-en{font-weight:700}.title-Report{font-family:Khmer OS Muol Light!important;font-weight:100!important;letter-spacing:normal!important}.title-En,.title-Report{font-size:12px!important;text-align:center}.title-En{font-family:Century Gothic!important;font-weight:700!important}.title-Report-auth{font-size:16px!important}.title-Report-auth,.title-Report-payroll{font-family:Khmer OS Muol Light!important;font-weight:100!important;letter-spacing:normal!important;text-align:center}.title-Report-payroll{font-size:18px!important}.sub-titlle-report{font-family:Khmer OS Muol Light!important;font-size:13px!important;font-weight:100!important;letter-spacing:normal!important;text-align:center}.sub-titlle-report-en{letter-spacing:normal!important}.sub-titlle-report-en,.title-En-auth{font-size:16px!important;font-weight:700!important;text-align:center}.title-En-auth{font-family:Century Gothic!important}.subtitle-body{display:-webkit-box;font-family:Khmer OS Siemreap!important;font-size:14px!important;letter-spacing:normal!important;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;white-space:pre-line}.container{display:block;margin:0 auto .5cm}.container-auth{padding:0 80px}.table-report{padding:10px}.table-report,.table-report-payroll{border-collapse:initial;border-spacing:0!important;display:table;overflow-x:auto;white-space:nowrap;width:100%}.header-title{background-color:#e1f5fe;border:.5px solid #d2dce5;font-family:Khmer OS Siemreap;font-size:12px;font-weight:700;letter-spacing:normal!important;padding:5px 10px}.header-title-normal{text-align:center}.header-title-normal,.header-title-normal-left{background-color:#e1f5fe;border:.5px solid #d2dce5;font-family:Khmer OS Siemreap;font-size:12px;letter-spacing:normal!important;padding:4px 6px}.header-title-normal-left{text-align:left}.header-title-bold{background-color:#e1f5fe;font-size:12px;font-weight:700;padding:4px 6px;text-align:center}.header-sub,.header-title-bold{border:.5px solid #d2dce5;font-family:Khmer OS Siemreap;letter-spacing:normal!important}.header-sub{background-color:#deeaf6;font-size:14px!important;padding:5px 10px}.body-text,.body-text-center{border:1px solid #d2dce5;font-family:Khmer OS Siemreap;font-size:12px!important;letter-spacing:normal!important;padding:5px 10px}.body-text-center{text-align:center}.body-text-normal{text-align:center}.body-text-normal,.body-text-normal-left{border:1px solid #d2dce5;font-family:Khmer OS Siemreap;font-size:12px!important;letter-spacing:normal!important;padding:5px 10px}.body-text-normal-left{text-align:left}.body-bottom-text{background-color:#deeaf6;border-bottom:1px solid #d2dce5;border-left:1px solid #d2dce5;color:red;font-family:Khmer OS Siemreap;font-size:12px!important;font-weight:700;letter-spacing:normal!important;padding:5px 10px}.table-text{font-weight:500;font-weight:100;letter-spacing:normal!important}.body-no,.table-text{border:.5px solid #d2dce5;font-family:Khmer OS Siemreap;font-size:14px!important;padding:5px 10px}.body-no{font-weight:500;font-weight:700;text-align:center}.table-under{background-color:#eb6161;border:.5px solid #d2dce5;color:#fff;font-family:Khmer OS Siemreap;font-size:14px!important;padding:5px 10px;text-align:center}.text-details{line-height:32px!important}.text-date,.text-details,.text-intro{font-size:13px!important}.text-date{font-weight:700!important}.font-detail{font-size:14px!important}.font-detail,.font-detail-con{font-family:Century Gothic!important;font-weight:700!important}.font-detail-con{font-size:16px!important}.card-container{border:2px solid red}.card-container,.card-container1{align-self:center;margin-top:20px;width:60%}.hiring-card-container{border:4px solid #167a00;width:900px}.hiring-image{object-fit:cover;width:100%}.roster-employee-title{font-family:Siemreap!important;font-size:12px;font-weight:700!important;text-align:center}.table-roster-employee{border-collapse:collapse;overflow:scroll;page-break-after:always;width:100%}.table-roster-employee tr th{border:1px solid #000;font-family:Siemreap!important;font-size:10px;padding-top:2px}.table-roster-employee td{border:1px solid #000;font-size:10px}.table-roster-employee td,.table-roster-employee-td-update{font-family:Siemreap!important;font-weight:100!important;margin:0!important;padding:0!important;text-align:center}.table-roster-employee-td-update{font-size:10px!important}div.roster-employee-page-footer{bottom:0;height:50px;opacity:.8;position:fixed;text-align:center;width:100%}thead.roster-employee-header{display:table-header-group}tfoot.roster-employee-footer{display:table-footer-group}div.roster-employee-footer-info,div.roster-employee-page-footer{display:none;height:50px}@media print{.table{border-collapse:collapse}.tfooter{background-color:#167a00!important;bottom:15px!important;display:block!important;position:absolute!important}.watermark{counter-increment:page;position:fixed}.watermark,div.roster-employee-footer-info,div.roster-employee-page-footer{display:block}}.page-footer-line-main{border-bottom:1px solid #000!important}.page-footer-text-main{color:#858af3;font-family:Siemreap!important;font-size:11px!important;font-weight:500;letter-spacing:normal!important;line-height:25px;text-align:center}.roster-table-container{max-height:590px;overflow-x:auto;position:relative;width:100%}.scrollable-table{border-collapse:collapse;width:100%}.scrollable-table td,.scrollable-table th{border:1px solid #2c3e50;border-collapse:collapse;white-space:nowrap}.fixed-header{background-color:#f5f5f5!important;top:0;z-index:2}.fixed-header,.fixed-left{position:-webkit-sticky;position:sticky}.fixed-left{background-color:#fff;border:1px solid #2c3e50;left:0;margin:0;padding:0;z-index:1}.fixed-header.fixed-left{z-index:3}@media(min-width:426px)and (max-width:600px){.page-container .seach-web{display:none}}@media(min-width:377px)and (max-width:425px){.page-container .seach-web{display:none}}@media(min-width:0px)and (max-width:376px){.page-container .seach-web{display:none}}.page-container .seach-web .text-field{background-color:#fff;border-radius:6px;font-family:Khmer OS Siemreap!important;width:100%}.page-container .seach-web .text-field .MuiAutocomplete-input{font-family:Khmer OS Siemreap;font-family:Khmer OS Siemreap!important}.page-container .seach-web .text-field .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#fff;border-radius:6px;font-family:Khmer OS Siemreap!important}.page-container .seach-web .text-field .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-input{border-radius:6px!important;font-family:Khmer OS Siemreap!important}.page-container .seach-web .box-container{align-items:center;background-color:#fff;border-radius:10px;display:flex;width:300px}.page-container .seach-web .box-container .text-field .MuiInputLabel-root,.page-container .seach-web .box-container .text-field .MuiOutlinedInput-input{color:#000!important}@media(min-width:426px)and (max-width:600px){.page-container .seach-web .box-container .text-field .css-1gywuxd-MuiInputBase-root-MuiOutlinedInput-root{width:150px}}.page-container .seach-web .box-container .text-field .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#fff}.page-container .seach-web .box-container .text-field :hover .MuiOutlinedInput-input{color:#fff}.page-container .seach-web .box-container .text-field :hover .MuiInputLabel-root{color:#000}.page-container .seach-web .box-container .text-field :hover .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#fff}.page-container .seach-web .box-container .text-field .MuiInputLabel-root.Mui-focused,.page-container .seach-web .box-container .text-field .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-input{color:#000}.page-container .seach-web .box-container .text-field .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#fff}.page-container .summery-title{color:#0f81c2;font-family:Poppins;font-size:16px}.page-container .summery-title-kh{color:#0f81c2;font-family:Khmer OS Siemreap;font-size:16px}.page-container .sumery-box{background-color:#fff;border-radius:5px;padding:8px;width:65px}.page-container .sumery-box .summery-txt{color:#0f81c2;font-family:Poppins;font-size:16px}.page-container .seach-mobile{display:none;margin-top:20px}@media(min-width:426px)and (max-width:600px){.page-container .seach-mobile{display:flex}}@media(min-width:377px)and (max-width:425px){.page-container .seach-mobile{display:flex}}@media(min-width:0px)and (max-width:376px){.page-container .seach-mobile{display:flex}}.page-container .seach-mobile .box-container{align-items:center;background-color:#fff;border-radius:10px;display:flex;width:100%}.page-container .seach-mobile .box-container .text-field .css-12tl3rr-MuiInputBase-input-MuiOutlinedInput-input{font-family:Khmer OS Siemreap!important}.page-container .seach-mobile .box-container .text-field .MuiInputLabel-root,.page-container .seach-mobile .box-container .text-field .MuiOutlinedInput-input{color:#000!important}@media(min-width:426px)and (max-width:600px){.page-container .seach-mobile .box-container .text-field .css-1gywuxd-MuiInputBase-root-MuiOutlinedInput-root{width:150px}}.page-container .seach-mobile .box-container .text-field .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#fff}.page-container .seach-mobile .box-container .text-field :hover .MuiOutlinedInput-input{color:#fff}.page-container .seach-mobile .box-container .text-field :hover .MuiInputLabel-root{color:#000}.page-container .seach-mobile .box-container .text-field :hover .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#fff}.page-container .seach-mobile .box-container .text-field .MuiInputLabel-root.Mui-focused,.page-container .seach-mobile .box-container .text-field .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-input{color:#000}.page-container .seach-mobile .box-container .text-field .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#fff}.page-container .slash{background-color:#0f81c2;height:45px;width:4px}@media(min-width:769px)and (max-width:1024px){.page-container .slash{height:40px}}@media(min-width:426px)and (max-width:600px){.page-container .slash{height:40px;margin:0;padding:0;width:2px}}.page-container .button-back-page{padding:0!important;width:30px!important}.page-container .page-title{color:#0f81c2;font-family:Khmer OS Siemreap;font-size:20px;font-weight:700}@media(min-width:769px)and (max-width:1024px){.page-container .page-title{font-size:20px}}@media(min-width:426px)and (max-width:600px){.page-container .page-title{font-size:16px}}.page-container .page-right-title-en{font-family:Poppins!important;font-size:15px}@media(min-width:769px)and (max-width:1024px){.page-container .page-right-title-en{font-size:15px}}@media(min-width:426px)and (max-width:600px){.page-container .page-right-title-en{font-size:16px}}.page-container .page-right-title-en-link{color:#0f81c2;font-family:Poppins!important;font-size:15px}.page-container .page-right-title-en-link :hover{cursor:pointer!important}@media(min-width:769px)and (max-width:1024px){.page-container .page-right-title-en-link{font-size:15px}}@media(min-width:426px)and (max-width:600px){.page-container .page-right-title-en-link{font-size:16px}}.page-container .page-title-en{color:#0f81c2;font-family:Poppins!important;font-size:20px;font-weight:700}@media(min-width:769px)and (max-width:1024px){.page-container .page-title-en{font-size:20px}}@media(min-width:426px)and (max-width:600px){.page-container .page-title-en{font-size:16px}}.page-container .page-right-title-kh{font-family:Khmer OS Muol Light!important;font-size:13px}@media(min-width:769px)and (max-width:1024px){.page-container .page-right-title-kh{font-size:13px}}@media(min-width:426px)and (max-width:600px){.page-container .page-right-title-kh{font-size:12px}}.page-container .page-right-title-kh-link{color:#0f81c2;font-family:Khmer OS Muol Light!important;font-size:13px}.page-container .page-right-title-kh-link :hover{cursor:pointer!important}@media(min-width:769px)and (max-width:1024px){.page-container .page-right-title-kh-link{font-size:13px}}@media(min-width:426px)and (max-width:600px){.page-container .page-right-title-kh-link{font-size:12px}}.page-container .page-title-kh{color:#0f81c2;font-family:Khmer OS Muol Light!important;font-size:20px}@media(min-width:769px)and (max-width:1024px){.page-container .page-title-kh{font-size:20px}}@media(min-width:426px)and (max-width:600px){.page-container .page-title-kh{font-size:16px}}.page-container .btn-create{font-family:Siemreap!important;font-size:16px}.page-container .header-text{color:#0f81c2;font-family:Siemreap!important;font-size:15px;margin-top:-5px;padding:0 0 5px 5px}.page-container .search-field{background-color:#fff;border-radius:6px;font-family:Siemreap,!important!important;font-size:15px;height:40px!important;justify-content:center!important}.page-container .box-search{align-items:center;background-color:#fff;border-radius:10px;display:flex;width:300px}@media(min-width:426px)and (max-width:768px){.page-container .box-search{display:none}}@media(min-width:426px)and (max-width:600px){.page-container .box-search{display:none}}@media(min-width:377px)and (max-width:425px){.page-container .box-search{display:none}}@media(min-width:0px)and (max-width:376px){.page-container .box-search{display:none}}.page-container .btn-hired{background-color:#0f81c2!important;color:#fff;padding:4px 20px}.page-container .btn-failed{background-color:#f84b4b!important;color:#fff;padding:4px 20px}.page-container .box-date,.page-container .box-exchange{align-items:center;background-color:#fff;border-radius:10px;display:flex}.page-container .mover-icon{display:none}@media(min-width:426px)and (max-width:768px){.page-container .mover-icon{display:block}}@media(min-width:426px)and (max-width:600px){.page-container .mover-icon{display:block}}@media(min-width:377px)and (max-width:425px){.page-container .mover-icon{display:block}}@media(min-width:0px)and (max-width:376px){.page-container .mover-icon{display:block}}.page-container .mover-icon .box-move{display:none}@media(min-width:426px)and (max-width:768px){.page-container .mover-icon .box-move{display:block}}@media(min-width:426px)and (max-width:600px){.page-container .mover-icon .box-move{display:block}}@media(min-width:377px)and (max-width:425px){.page-container .mover-icon .box-move{display:block}}@media(min-width:0px)and (max-width:376px){.page-container .mover-icon .box-move{display:block}}.page-container .filter-text-field .MuiInputLabel-root,.page-container .filter-text-field .MuiOutlinedInput-input{color:#000!important}.page-container .filter-text-field .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#fff}.page-container .filter-text-field :hover .MuiOutlinedInput-input{color:#fff}.page-container .filter-text-field :hover .MuiInputLabel-root{color:#000}.page-container .filter-text-field :hover .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#fff}.page-container .filter-text-field .MuiInputLabel-root.Mui-focused,.page-container .filter-text-field .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-input{color:#000}.page-container .filter-text-field .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#fff}.page-container .filter-text-field .MuiAutocomplete-inputRoot .MuiAutocomplete-input{width:100%!important}.page-container .container-textField{align-items:center;background-color:#fff;border-radius:10px;display:flex;width:300px}.page-container .container-textField .text-field .MuiInputLabel-root,.page-container .container-textField .text-field .MuiOutlinedInput-input{color:#000!important}@media(min-width:426px)and (max-width:600px){.page-container .container-textField .text-field .css-1gywuxd-MuiInputBase-root-MuiOutlinedInput-root{width:150px}}.page-container .container-textField .text-field .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#fff}.page-container .container-textField .text-field :hover .MuiOutlinedInput-input{color:#fff}.page-container .container-textField .text-field :hover .MuiInputLabel-root{color:#000}.page-container .container-textField .text-field :hover .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#fff}.page-container .container-textField .text-field .MuiInputLabel-root.Mui-focused,.page-container .container-textField .text-field .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-input{color:#000}.page-container .container-textField .text-field .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#fff}@media(min-width:426px)and (max-width:600px){.page-container .container-textField .text-field .css-1nv32ag-MuiButtonBase-root-MuiIconButton-root{display:none}}.page-container .btn-create{background-color:#0f81c2!important;border-radius:10px;color:#fff;padding:8px 30px}.page-container .btn-create .style-add-en{color:#fff;font-family:Poppins!important;font-size:15px;font-weight:700;text-transform:uppercase!important}.page-container .btn-create .style-add-kh{color:#fff;font-family:Khmer OS Siemreap!important;font-size:16px;font-weight:700;text-transform:none}.page-container .btn-create .icon-add{height:18px;width:18px}.page-container .btn-only-icon{background-color:#0f81c2!important;border-radius:10px;color:#fff;height:38px}.page-container .btn-only-icon .style-add-en{color:#fff;font-family:Poppins!important;font-size:15px;font-weight:700;text-transform:uppercase!important}.page-container .btn-only-icon .style-add-kh{color:#fff;font-family:Khmer OS Siemreap!important;font-size:16px;font-weight:700;text-transform:none}.page-container .btn-only-icon .icon-add{height:20px;width:20px}.page-container .btn-sent{background-color:#0f81c2!important;border-radius:5px;color:#fff;padding:5px 15px}.page-container .btn-sent .style-add-en{color:#fff;font-family:Poppins!important;font-size:13px;font-weight:700;text-transform:uppercase!important}.page-container .btn-sent .style-add-kh{color:#fff;font-family:Khmer OS Siemreap!important;font-size:13px;font-weight:700;text-transform:none}.page-container .btn-sent .icon-add{height:18px;width:18px}.page-container .att-status .slash{background-color:#0f81c2;height:28px;width:2.5px}.page-container .att-status .Present{background-color:#0f81c2!important;color:#fff!important;font-family:Poppins!important;font-size:11px;font-weight:700;padding:4px 8px!important;text-align:center!important;text-transform:uppercase!important}.page-container .att-status .Early,.page-container .att-status .Good{background-color:#0f81c2!important}.page-container .att-status .Early,.page-container .att-status .Good,.page-container .att-status .None{color:#fff!important;font-family:Poppins!important;font-size:11px;font-weight:700;padding:4px 7px!important;text-align:center!important;text-transform:uppercase!important}.page-container .att-status .None{background-color:gray!important}.page-container .att-status .Permission{background-color:blue!important}.page-container .att-status .Late,.page-container .att-status .Permission{color:#fff!important;font-family:Poppins!important;font-size:11px;font-weight:700;padding:4px 7px!important;text-align:center!important;text-transform:uppercase!important}.page-container .att-status .Late{background-color:red!important}.page-container .body-container{margin-top:20px}@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 6px;display:table;overflow-x:auto;white-space:nowrap;width:100%}.page-container .body-container .table .table-row{background-color:#fff;padding:10px 0}.page-container .body-container .table .table-row .header-title-start-en{border:none;border-radius:6px 0 0 6px!important;color:#0f81c2;font-family:Poppins;font-size:16px;font-weight:700;padding:10px 10px 10px 20px}.page-container .body-container .table .table-row .header-title-start-kh{border:none;border-radius:6px 6px 6px 6px!important;color:#0f81c2;font-family:Khmer OS Siemreap;font-size:16px;font-weight:700;padding:10px 10px 10px 20px}.page-container .body-container .table .table-row .header-title-en{border:none;color:#0f81c2;font-family:Poppins;font-size:16px;font-weight:700;padding:10px 10px 10px 20px}.page-container .body-container .table .table-row .header-title-kh{border:none;color:#0f81c2;font-family:Khmer OS Siemreap;font-size:16px;font-weight:700;padding:10px 10px 10px 20px}.page-container .body-container .table .table-row .header-action{border:none;padding:10px 10px 10px 20px}.page-container .body-container .table .table-row .header-action .presence-txt{color:#03ad52;font-family:Poppins;font-size:16px;font-weight:700}.page-container .body-container .table .table-row .header-action .presence-txt-kh{color:#03ad52;font-family:Khmer OS Siemreap;font-size:16px;font-weight:700}.page-container .body-container .table .table-row .header-action .late-txt{color:#f2790e;font-family:Poppins;font-size:16px;font-weight:700}.page-container .body-container .table .table-row .header-action .late-txt-kh{color:#f2790e;font-family:Khmer OS Siemreap;font-size:16px;font-weight:700}.page-container .body-container .table .table-row .header-action .absent-txt{color:#fe0000;font-family:Poppins;font-size:16px;font-weight:700}.page-container .body-container .table .table-row .header-action .absent-txt-kh{color:#fe0000;font-family:Khmer OS Siemreap;font-size:16px;font-weight:700}.page-container .body-container .table .table-row .header-title-end{border:none;border-radius:0 6px 6px 0;color:#0f81c2;font-family:Poppins;font-size:16px;padding:10px 10px 10px 0}.page-container .body-container .table .body{background-color:#fff;box-shadow:none}.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-size:15px;padding:6px 6px 6px 20px}.page-container .body-container .table .body .body-row .truncate-text{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-container .body-container .table .body .body-row .truncate-text-other-payroll{word-wrap:break-word;max-width:150px;white-space:normal;word-break:break-word}.page-container .body-container .table .body .body-row .truncate-text-wrapper{display:inline-block;font-family:Siemreap!important;font-size:15px;max-height:50px;max-width:200px;overflow:hidden;position:relative;transition:max-height .5s ease-in-out,opacity .3s ease}.page-container .body-container .table .body .body-row .truncate-text-wrapper.expanded{max-height:1000px;opacity:1}.page-container .body-container .table .body .body-row .truncate-text-wrapper.collapsed{max-height:50px;opacity:1}.page-container .body-container .table .body .body-row .see-more-link{color:#47a6ff;cursor:pointer;display:inline;font-family:Siemreap!important;font-size:15px;margin-left:5px;text-decoration:underline}.page-container .body-container .table .body .body-row .body-cell{border:none;font-family:Siemreap!important;font-size:15px;padding:6px 6px 6px 20px}.page-container .body-container .table .body .body-row .body-cell .type-other-payroll{border-radius:20px;font-size:12px;font-weight:700;height:100%;max-width:100%;padding:3px 6px!important;text-align:center!important}.page-container .body-container .table .body .body-row .body-cell .type-other-payroll.deduction{background-color:rgba(255,71,71,.1);border:1px solid #ff4747;color:#ff4747}.page-container .body-container .table .body .body-row .body-cell .type-other-payroll.allowance{background-color:rgba(71,166,255,.1);border:1px solid #47a6ff;color:#47a6ff}.page-container .body-container .table .body .body-row .body-cell .type-other-payroll.bonus{background-color:rgba(255,165,0,.1);border:1px solid orange;color:orange}.page-container .body-container .table .body .body-row .body-cell .type-other-payroll.overtime{background-color:rgba(67,160,71,.1);border:1px solid #43a047;color:#43a047}.page-container .body-container .table .body .body-row .body-cell .type-other-payroll.timeoff{background-color:rgba(147,67,172,.1);border:1px solid #9343ac;color:#9343ac}.page-container .body-container .table .body .body-row .body-cell .Approved,.page-container .body-container .table .body .body-row .body-cell .Done,.page-container .body-container .table .body .body-row .body-cell .Sent{border:1px solid #43a047;border-radius:5px!important;color:#43a047;font-size:11px!important;padding:3px 6px!important;text-align:center!important;text-transform:uppercase!important;width:80px!important}.page-container .body-container .table .body .body-row .body-cell .Canceled,.page-container .body-container .table .body .body-row .body-cell .Rejected{border:1px solid #fa2929;border-radius:5px!important;color:#fa2929;font-size:11px!important;padding:3px 6px!important;text-align:center!important;text-transform:uppercase!important;width:80px!important}.page-container .body-container .table .body .body-row .body-cell .Request-Type-Cancel{color:#fa2929;font-size:13px!important}.page-container .body-container .table .body .body-row .body-cell .Request-Type-Request{font-size:13px!important}.page-container .body-container .table .body .body-row .body-cell .Request-Type-Change{color:orange;font-size:13px!important}.page-container .body-container .table .body .body-row .body-cell .Expired{border:1px solid #fa2929;border-radius:5px!important;color:#fa2929;font-size:11px!important;padding:3px 6px!important;text-align:center!important;text-transform:uppercase!important;width:80px!important}.page-container .body-container .table .body .body-row .body-cell .HalfDay{background-color:#6c6c6c;border-radius:5px;color:#fff;font-size:11px;min-width:80px;padding:4px 6px;text-align:center;text-transform:uppercase}.page-container .body-container .table .body .body-row .body-cell .AllDay{background-color:#117d00;border-radius:5px;color:#fff;font-size:11px;padding:4px 0 2px;text-align:center;text-transform:uppercase;width:80px}.page-container .body-container .table .body .body-row .body-cell .Shift{border:1px solid #147bc9;border-radius:5px;color:#147bc9;font-size:11px;font-weight:700;padding:4px 6px 2px;text-align:center;text-transform:uppercase}.page-container .body-container .table .body .body-row .body-cell .body-name{font-family:Khmer OS Siemreap;font-size:15px}.page-container .body-container .table .body .body-row .body-cell .btn-resign{background-color:#f8dada;border-radius:6px;color:#fa2929;padding:4px 10px!important;text-transform:none}.page-container .body-container .table .body .body-row .body-cell .btn-suspend{background-color:#faf5ef;border-radius:6px;color:orange;padding:4px 10px!important;text-transform:none}.page-container .body-container .table .body .body-row .body-cell .Resign{background-color:#ffe9e9;color:#fa2929}.page-container .body-container .table .body .body-row .body-cell .Resign,.page-container .body-container .table .body .body-row .body-cell .Suspend{border-radius:5px!important;font-size:11px!important;padding:6px 6px 5px!important;text-align:center!important;text-transform:uppercase!important;width:80px!important}.page-container .body-container .table .body .body-row .body-cell .Suspend{background-color:#fff8e8;color:orange}.page-container .body-container .table .body .body-row .body-cell .Working{background-color:#e7f3e6;border-radius:5px!important;color:green;font-size:11px!important;padding:6px 6px 5px!important;text-align:center!important;text-transform:uppercase!important;width:80px!important}.page-container .body-container .table .body .body-row .body-cell .status-attendance{color:#fff;font-size:8px;font-weight:700;height:18px;margin-left:8px;padding-top:2px;text-transform:uppercase}.page-container .body-container .table .body .body-row .body-cell .field-label-shift{font-family:Siemreap!important;font-size:15px}.page-container .body-container .table .body .body-row .body-cell .field-permission{background-color:#43a047;color:#fff;font-family:Siemreap!important;font-size:11px;height:20px}.page-container .body-container .table .body .body-row .body-cell .no-hover:hover{background-color:inherit!important}.page-container .body-container .table .body .body-row .body-cell .attendance-text{border-radius:10px;color:#fff!important;font-size:11px;height:16px;padding:3px 5px 2px}.page-container .body-container .table .body .body-row .body-cell .field-presence{background-color:#0091ea;color:#fff;font-family:Siemreap!important;font-size:11px;height:20px}.page-container .body-container .table .body .body-row .body-cell .field-absence{background-color:#d50000;color:#fff;font-family:Siemreap!important;font-size:11px;height:20px}.page-container .body-container .table .body .body-row .body-cell .field-late{background-color:#f4511e;color:#fff;font-family:Siemreap!important;font-size:11px;height:20px}.page-container .body-container .table .body .body-row .body-cell-end{border:none;border-radius:0 6px 6px 0;font-size:15px;padding:6px 20px 6px 0}.page-container .body-container .table .body .body-row:hover{background-color:#e6eff8;transition:all .1s linear}.page-container .body-container .interview-card{background-color:#fff;border-radius:10px;padding:25px;width:100%}.page-container .body-container .interview-card .card-name{font-size:14px;font-weight:700!important}.page-container .body-container .interview-card .card-position{font-size:15.5px}.page-container .body-container .interview-card .card-profile{border-radius:10px;height:70px;object-fit:cover;width:70px}.page-container .body-container .interview-card .card-detail{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6c6c6c;display:-webkit-box;font-size:15px;overflow:hidden}.page-container .body-container .interview-card .card-title-en{color:#0f81c2;font-family:Poppins;font-size:14px}.page-container .body-container .interview-card .card-title-kh{color:#0f81c2;font-family:Khmer OS Siemreap;font-size:15px}.page-container .body-container .text-title-top{font-family:Khmer OS Muol Light;font-size:16px}.page-container .body-container .group-eval-container .eval-title{color:#0f81c2;font-family:Poppins,Khmer OS Siemreap;font-size:16px;font-weight:700}.page-container .body-container .group-eval-container .eval-title-kh{color:#0f81c2;font-family:Siemreap!important;font-size:16px;font-weight:700}.page-container .body-container .group-eval-container .eval-sub-title{font-family:Siemreap!important;font-size:13px}.page-container .late-container{background-color:#fff;border-radius:10px;padding:15px}.page-container .late-container .late-update-container{background-color:#0f81c2!important;border-radius:8px;height:26px;width:26px}.page-container .late-container .late-update-container .late-update-icon{background-color:#0f81c2!important;color:#fff;font-size:14px!important;margin-bottom:2px}.page-container .late-container .header-title-start-en{border:none;color:#0f81c2;font-family:Poppins;font-size:16px;font-weight:700}.page-container .late-container .header-title-start-kh{border:none;color:#0f81c2;font-family:Khmer OS Siemreap;font-size:16px;font-weight:700}.page-container .job-announce-container{margin-top:20px}.page-container .job-announce-container .announcement-card{border-radius:10px;width:100%}.page-container .job-announce-container .announcement-card:hover{box-shadow:0 3px 6px 0 rgba(0,0,0,.161)}.page-container .job-announce-container .img-announcement-container{border-radius:10px;display:flex;justify-content:center;padding:10px;width:100%}.page-container .job-announce-container .img-announcement{border-radius:10px 10px 0 0;height:250px;object-fit:cover;width:100%}.page-container .job-announce-container .announcement-truncate-text{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#6c6c6c;display:-webkit-box;font-size:15px;overflow:hidden}.page-container .job-announce-container .text-announcement-title{color:#0f81c2;font-family:Siemreap!important;font-size:18px;font-weight:700}.page-container .job-announce-container .title-date{color:#000;font-family:Siemreap!important;font-size:15px;font-weight:700}.page-container .job-announce-container .icon-date{font-size:17px}.page-container .job-announce-container .card-btn{background-color:#fff;border-radius:10px;height:auto;padding:0 10px 10px;text-decoration:none;text-transform:none;width:100%}.page-container .job-announce-container .card-btn .img-container{display:flex;justify-content:center;padding:10px;width:100%}.page-container .job-announce-container .card-btn .img{height:auto;width:35%}.page-container .job-announce-container .card-btn .box-status{background-color:#fff}.page-container .job-announce-container .card-btn .box-status .status-text{border:1px solid green;border-radius:5px;color:green;font-family:Siemreap!important;font-size:12px;padding:2px 10px}.page-container .job-announce-container .card-btn .box-status .in-status-text{border:1px solid red;border-radius:5px;color:red;font-family:Siemreap!important;font-size:12px;margin:2px 10px;padding:2px 10px}.page-container .job-announce-container .card-btn .text-cont{padding:10px;text-align:left;width:100%}.page-container .job-announce-container .card-btn .text-cont .title{color:#0f81c2;font-family:Siemreap!important;font-size:15px}.page-container .job-announce-container .card-btn .text-cont .subtitle{color:#000;font-family:Siemreap!important;font-size:15px}.page-container .job-announce-container .anouncement-card:hover{border:1px solid #0f81c2}.page-container .tab-btn-celendar .active-btn{background-color:#0f81c2;color:#fff}.page-container .tab-btn-celendar .in-active-btn{background-color:#fff;color:gray}.page-container .tab-btn-document-tracking .active-btn{background-color:#0f81c2;color:#fff}.page-container .tab-btn-document-tracking .in-active-btn{background-color:#fff;color:gray}.page-container .card-box-detail{background-color:#fff;border-radius:5px;height:100%;padding:15px}.page-container .card-box-detail .card-status-container .status-icon{height:20px;width:20px}.page-container .card-box-detail .card-status-container .status-name{border-radius:5px!important;color:#fff;font-size:11px!important;padding:3px 6px!important;text-align:center!important;width:80px!important}.page-container .card-box-detail .card-status-container .option-icon{height:12px;width:12px}.page-container .card-box-detail .card-topic-container{height:140px;padding:5px}.page-container .card-box-detail .card-topic-container .card-topic{color:#0f81c2;font-family:Siemreap!important;font-size:14px;font-weight:700}.page-container .card-box-detail .card-topic-container .card-detail{color:gray;font-family:Siemreap!important;font-size:14px;font-weight:700}.page-container .card-box-detail .noted-detail .noted-icon{color:#0f81c2;height:22px;width:22px}.page-container .card-box-detail .noted-detail .noted-txt{color:#0f81c2;font-family:Siemreap!important;font-size:14px;margin-top:2px}.page-container .card-box-detail .location-detail .noted-icon{color:red;height:22px;width:22px}.page-container .card-box-detail .location-detail .noted-txt{color:red;font-family:Siemreap!important;font-size:14px;margin-top:2px}.page-container .css-13xfq8m-MuiTabPanel-root{padding:0}.page-container .card-view-tab .tab-txt{font-family:Poppins;font-size:16px;font-weight:700;padding:0 10px;text-transform:none}.page-container .card-view-tab .tab-txt-kh{font-family:Siemreap,!important!important;font-size:16px;font-weight:700;padding:0 10px;text-transform:none}.page-container .emp-scrollable-table-container{overflow-x:auto}.page-container .emp-scrollable-table-container table{white-space:nowrap}.page-container .emp-scrollable-table-container::-webkit-scrollbar{height:8px}.page-container .emp-scrollable-table-container::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.page-container .emp-scrollable-table-container::-webkit-scrollbar-thumb:hover{background:#555}.empty-container{padding:100px 0;width:100%}.empty-container .empty-image{max-height:90px;opacity:.8;width:90px}.empty-container .text-title{color:#b6b5b5;font-family:Khmer OS Siemreap;font-size:16px;font-weight:700;margin-top:10px;text-align:center}.empty-container .text-des{color:#b6b5b5;font-family:Khmer OS Siemreap;font-size:15px;text-align:center!important}.table-body{background-color:#fff;border-radius:12px}.table-body .body-row,.table-body .body-title,.table-body .css-kmthqb-MuiTableCell-root{border-color:#fff!important}.PopOver-MuiPaper-root-Customize-style{display:none}.dialog-container .css-3e39lh-MuiGrid-root>.MuiGrid-item{padding-top:25px}.dialog-container .bg-title-box{background-color:#0f81c2;border-radius:5px;color:#fff;padding:5px;text-align:center}.dialog-container .dialog-title-en{color:#0f81c2;font-family:Poppins;font-size:20px;font-weight:700}.dialog-container .option-box{background-color:#f0f3f6;border-radius:5px;padding:14px;width:100%}.dialog-container .option-box .option-point{color:#327ac2;font-family:Poppins;font-size:11px;font-weight:600}.dialog-container .btn-create{font-family:Poppins}.dialog-container .btn-create,.dialog-container .btn-create-kh{background-color:#0f81c2!important;border-radius:5px;box-shadow:none;color:#fff;font-size:15px;font-weight:700;margin:0 17px 16px;text-transform:none}.dialog-container .btn-create-kh{font-family:Khmer OS Siemreap;padding:8px 0}.dialog-container .btn-reset{font-family:Poppins}.dialog-container .btn-reset,.dialog-container .btn-reset-kh{background-color:red!important;border-radius:5px;box-shadow:none;color:#fff;font-size:15px;font-weight:700;margin:0 17px 16px;padding:8px 0;text-transform:none}.dialog-container .btn-reset-kh{border:none;font-family:Khmer OS Siemreap}.dialog-container .dialog-title-kh{color:#0f81c2;font-family:Khmer OS Siemreap;font-size:20px;font-weight:700}.dialog-container .avater-image{height:185px;width:160px}.dialog-container .avater-image-user{height:160px;object-fit:cover!important;width:160px}.dialog-container .employee-image{border-radius:10px;height:180px;width:180px}.dialog-container .image-ref-doc{border-radius:10px 10px 0 0;height:180px;object-fit:cover!important;width:180px}.dialog-container .image-ref-doc-view{border-radius:10px;height:180px;object-fit:cover!important;width:180px}.dialog-container .employee-image-announcement{border-radius:10px;height:250px;object-fit:cover!important;width:500px}.dialog-container .remove-image{background-color:#f84b4b;border-radius:0 0 3px 3px;color:#fff;cursor:pointer;font-family:Siemreap!important;font-size:15px;padding:5px;text-align:center}.dialog-container .bg-title-en{font-family:Poppins;font-size:15px;font-weight:700;margin-bottom:3px}.dialog-container .bg-title-kh{font-family:Khmer OS Siemreap;font-size:15px;font-weight:700;margin-bottom:3px}.dialog-container .field-title-en{color:#0f81c2;font-family:Poppins;font-size:15px;margin-bottom:3px}.dialog-container .field-title-normal{font-family:Khmer OS Siemreap;font-size:15px;font-weight:700;margin-bottom:3px}.dialog-container .field-title-kh{color:#0f81c2;font-family:Khmer OS Siemreap;font-size:15px;margin-bottom:3px;margin-top:3px}.dialog-container .field-title-kh .css-19qh8xo-MuiInputBase-input-MuiOutlinedInput-input{font-family:Khmer OS Siemreap}.dialog-container .date-picker-field{background-color:#fff;border-radius:6px;font-family:Siemreap,!important!important;font-size:15px;justify-content:center!important;padding:0;width:100%!important}.dialog-container .date-picker-field .MuiOutlinedInput-root .css-1uvydh2,.dialog-container .date-picker-field .MuiOutlinedInput-root .css-nxo287-MuiInputBase-input-MuiOutlinedInput-input{padding:8.5px 14px!important}.dialog-container .field-title-en-break{font-family:Poppins;font-size:13px;font-weight:700}.dialog-container .field-title-kh-break{font-family:Khmer OS Siemreap;font-size:13px;font-weight:700}.dialog-container .field-logout-title-en{color:#0f81c2;font-family:Poppins;font-size:20px;font-weight:700;text-align:center}.dialog-container .field-logout-title-kh{color:#0f81c2;font-family:Khmer OS Siemreap;font-size:20px;font-weight:700;text-align:center}.dialog-container .field-logout-des-en{color:#0f81c2;font-family:Poppins;font-size:15px;font-weight:700;text-align:center}.dialog-container .field-logout-des-kh{color:#0f81c2;font-family:Khmer OS Siemreap;font-size:15px;font-weight:700;text-align:center}.dialog-container .field-header{color:#177a02;font-family:Century Gothic;font-size:17px;font-weight:700;margin-bottom:3px}.dialog-container .field-title-name{color:#0f81c2;font-family:Poppins;font-size:16px;font-weight:700}.dialog-container .btn-reset-create{background-color:red!important;border-radius:5px;box-shadow:none;color:#fff;font-family:Poppins;font-weight:700;margin-top:10px;padding:8px 0}.dialog-container .btn-reset-create .style-reset-en{color:#fff;font-family:Poppins;font-size:15px;font-weight:700;text-transform:none}.dialog-container .btn-reset-create .style-reset-kh{color:#fff;font-family:Khmer OS Siemreap;font-size:15px;font-weight:700;text-transform:none}.dialog-container .btn-delete{background-color:#f84b4b!important;border-radius:5px;color:#fff;font-family:Poppins;font-weight:700;margin-top:10px;padding:8px 0}.dialog-container .btn-print{background-color:#0f81c2!important;color:#fff;font-size:16px;text-align:center}.dialog-container .MuiPaper-root{border-radius:12px!important}.dialog-container .MuiPaper-root .css-1n4twyu-MuiInputBase-input-MuiOutlinedInput-input{font-family:Khmer OS Siemreap}.dialog-container .close-icon{color:red;cursor:pointer}.dialog-container .title-en{color:#0f81c2;font-family:Poppins;font-weight:700}.dialog-container .title-kh{color:#0f81c2;font-family:Khmer OS Siemreap;font-weight:700}.dialog-container .field-text-en{font-family:Poppins;font-size:16px}.dialog-container .field-text-kh{font-family:Khmer OS Siemreap;font-size:16px}.dialog-container .body-title{color:#0f81c2}.dialog-container .import-image{cursor:pointer;height:180px;width:180px}.dialog-container .profile-title-en{color:#0f81c2;font-family:Poppins;font-size:16px;font-weight:700;text-align:center}.dialog-container .profile-title-kh{color:#0f81c2;font-family:Khmer OS Siemreap;font-size:16px;font-weight:700;text-align:center}.dialog-container .header-info-pre-detail{background-color:#ddf0fe;border-radius:4px;padding:9px 12px 7px}.dialog-container .header-info-pre-detail .header-info-pre-detail{color:#147bc9;font-family:Poppins;font-size:15px;font-weight:700;width:50%}.dialog-container .header-info-pre-detail .header-info-text-khmer-pre-detail{color:#147bc9;font-family:Khmer OS Siemreap;font-size:15px;font-weight:700}.dialog-container .header-info-pre-detail .header-info-text-edu-pre-detail{color:#147bc9;font-family:Poppins;font-size:15px;font-weight:700}.dialog-container .header-info-pre-detail .header-info-text-address-pre-detail{color:#147bc9;font-family:Poppins;font-size:15px;width:100%}.dialog-container .body-info-pre-detail{padding:15px}.dialog-container .body-info-pre-detail .body-info-text-pre-detail-en{color:#000;font-family:Poppins;font-size:15px;font-weight:500}.dialog-container .body-info-pre-detail .body-info-text-pre-detail-kh{color:#000;font-family:Khmer OS Siemreap;font-size:15px;font-weight:500}.dialog-container .body-info-pre-detail .body-info-text-khmer-pre-detail{color:#000;font-family:Khmer OS Siemreap;font-size:15px;font-weight:500;width:50%}.dialog-container .body-info-pre-detail .body-info-text-edu-pre-detail{color:#000;font-family:Poppins;font-size:15px;font-weight:500;width:33%}.dialog-container .body-info-pre-detail .body-info-text-address-pre-detail{color:#000;font-family:Poppins;font-size:15px;font-weight:500;width:100%}.dialog-container .body-delete-en,.dialog-container .confirm-val-title{color:#f84b4b;font-family:Poppins;font-weight:700}.dialog-container .body-delete-kh{color:#f84b4b;font-family:Khmer OS Siemreap;font-weight:700}.dialog-container .btn-delete-en{font-family:Poppins!important}.dialog-container .btn-delete-en,.dialog-container .btn-delete-kh{background-color:#f84b4b!important;border:none;border-radius:4px;color:#fff;font-weight:700;margin:0 18px 20px!important;padding:8px 0}.dialog-container .btn-delete-kh,.dialog-container .btn-not-delete{font-family:Khmer OS Siemreap!important}.dialog-container .btn-not-delete{border:1px solid #0f81c2;border-radius:4px;color:#0f81c2;margin:0 18px 20px!important;padding:8px 0}.dialog-container .css-l3ln04-MuiAutocomplete-root .MuiAutocomplete-tag{background-color:#e1fcdc}.dialog-container .member-table .table{border-spacing:0 6px;display:table;overflow-x:auto;white-space:nowrap;width:100%}.dialog-container .member-table .table .table-row{background-color:#e8f4ff;padding:10px 0}.dialog-container .member-table .table .table-row .header-title-start-en{border:none;border-radius:6px 0 0 6px;color:#0f81c2;font-family:Poppins;font-size:16px;font-weight:700;padding:10px 10px 10px 20px}.dialog-container .member-table .table .table-row .header-title-start-kh{border:none;border-radius:6px 0 0 6px;color:#0f81c2;font-family:Khmer OS Siemreap;font-size:16px;font-weight:700;padding:10px 10px 10px 20px}.dialog-container .member-table .table .table-row .header-title-en{border:none;color:#0f81c2;font-family:Poppins;font-size:16px;font-weight:700;padding:10px 10px 10px 20px}.dialog-container .member-table .table .table-row .header-title-kh{border:none;color:#0f81c2;font-family:Khmer OS Siemreap;font-size:16px;font-weight:700;padding:10px 10px 10px 20px}.dialog-container .member-table .table .table-row .header-title-end{border:none;border-radius:0 6px 6px 0;color:#0f81c2;font-family:Poppins;font-size:16px;padding:10px 10px 10px 0}.dialog-container .member-table .table .body{background-color:#fff;box-shadow:none}.dialog-container .member-table .table .body .body-row{cursor:pointer}.dialog-container .member-table .table .body .body-row .body-cell,.dialog-container .member-table .table .body .body-row .body-cell-start{border:none;border-bottom:1px solid #0f81c2;font-size:15px;padding:6px 6px 6px 20px}.dialog-container .member-table .table .body .body-row .body-cell{font-family:Siemreap!important}.dialog-container .member-table .table .body .body-row .body-cell .body-name{font-family:Khmer OS Siemreap;font-size:15px}.dialog-container .member-table .table .body .body-row .body-cell .field-label-shift{font-family:Siemreap!important;font-size:15px}.dialog-container .member-table .table .body .body-row .body-cell .field-permission{background-color:#43a047;color:#fff;font-family:Siemreap!important;font-size:11px;height:20px}.dialog-container .member-table .table .body .body-row .body-cell .no-hover:hover{background-color:inherit!important}.dialog-container .member-table .table .body .body-row .body-cell .attendance-text{border-radius:10px;color:#fff!important;font-size:11px;height:16px;padding:3px 5px 2px}.dialog-container .member-table .table .body .body-row .body-cell .field-presence{background-color:#0091ea;color:#fff;font-family:Siemreap!important;font-size:11px;height:20px}.dialog-container .member-table .table .body .body-row .body-cell .field-absence{background-color:#d50000;color:#fff;font-family:Siemreap!important;font-size:11px;height:20px}.dialog-container .member-table .table .body .body-row .body-cell .field-late{background-color:#f4511e;color:#fff;font-family:Siemreap!important;font-size:11px;height:20px}.dialog-container .member-table .table .body .body-row .body-cell-end{border:none;border-bottom:1px solid #0f81c2;font-size:15px;padding:6px 20px 6px 0}.dialog-container .member-table .table .body .body-row:hover{background-color:#e6eff8;transition:all .1s linear}.dialog-container .overall-evaluation-print-container{width:100%}.dialog-container .body-certificate-info .big-title-header{color:#0f81c2;font-family:Khmer OS Muol Light;font-size:22px}.dialog-container .body-certificate-info .big-title-header-black{color:#000;font-family:Khmer OS Muol Light;font-size:22px}.dialog-container .body-certificate-info .recognizer-image{height:120px;object-fit:cover;width:200px}.dialog-container .body-certificate-info .title-header{color:#000;font-family:Khmer OS Siemreap;font-size:20px}.dialog-container .body-certificate-info .textarea-input{border:0!important}.dialog-container .body-certificate-info .textarea-input .css-1d3z3hw-MuiOutlinedInput-notchedOutline,.dialog-container .body-certificate-info .textarea-input .css-elwn7d-MuiInputBase-root-MuiOutlinedInput-root{border:none}.dialog-container .body-certificate-info .textarea-input .css-1sqnrkk-MuiInputBase-input-MuiOutlinedInput-input{font-family:Khmer OS Siemreap;font-size:20px;line-height:2;text-align:center}.dialog-container .body-certificate-info .input-field-name{border:0!important}.dialog-container .body-certificate-info .input-field-name .css-elwn7d-MuiInputBase-root-MuiOutlinedInput-root{border:none;padding:0}.dialog-container .body-certificate-info .input-field-name .css-1d3z3hw-MuiOutlinedInput-notchedOutline{border:none}.dialog-container .body-certificate-info .input-field-name .css-1sqnrkk-MuiInputBase-input-MuiOutlinedInput-input{font-family:Khmer OS Siemreap;font-size:16px;text-align:center}.dialog-container .img-style{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:3px;cursor:pointer;height:120px;margin:8px;width:120px}.crop-container .MuiPaper-root{border-radius:10px!important}.crop-container .dialog-title{color:#0f81c2;font-size:16px;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}.interviewee-container .interview-card{background-color:#fff;border-radius:10px;padding:25px;width:100%}.interviewee-container .interview-card .card-name{font-size:14px;font-weight:700!important}.interviewee-container .interview-card .card-position{font-size:15.5px}.interviewee-container .interview-card .card-profile{border-radius:10px;height:70px;object-fit:cover;width:70px}.interviewee-container .interview-card .card-detail{color:#6c6c6c;font-size:15px}.interviewee-container .interview-card .card-title-en{color:#545454;font-family:Poppins;font-size:14px;font-weight:700}.interviewee-container .interview-card .card-title-kh{color:#545454;font-family:Khmer OS Siemreap;font-size:15px;font-weight:700!important}.more-icon{color:#0f81c2!important}.update-icon{color:#0f81c2;font-size:20px!important}.delete-icon{color:#f84b4b;font-size:21px!important}.update-title{font-family:Poppins;font-size:16px!important}.update-container{background-color:#0f81c2!important;border-radius:8px;height:26px;width:26px}.update-container .update-icon{background-color:#0f81c2!important;color:#fff;font-size:14px!important;margin-bottom:2px}.reset-container{background-color:#607d8b!important;border-radius:8px;height:26px;width:26px}.reset-container .reset-icon{color:#fff;font-size:14px!important;margin-bottom:2px}.reset-container .reset-icon:hover{background-color:#607d8b!important}.status-container{background-color:#fff!important;border:1px solid #178be2;border-radius:8px;height:26px;width:26px}.status-container .status-icon{background-color:#fff!important;color:#178be2;font-size:15px!important;margin-bottom:2px}.view-container{border:1px solid #00a77c}.view-container .view-icon{color:#00a77c}.eval-container{background-color:#fff!important;border:1px solid #f2790e;border-radius:8px;height:26px;width:26px}.eval-container .eval-icon{background-color:#fff!important;color:#f2790e;font-size:15px!important;margin-bottom:2px}.view-container{background-color:#fff!important;border:1px solid green;border-radius:8px;height:26px;width:26px}.view-container .view-icon{background-color:#fff!important;color:green;font-size:15px!important;margin-bottom:2px}.update-salary-container{background-color:#fff!important;border:1px solid gray;border-radius:8px;height:26px;width:26px}.update-salary-container .update-salary-icon{background-color:#fff!important;color:gray;font-size:18px!important;margin-bottom:1px}.update-adding-salary-container{background-color:#fff!important;border:1px solid #0f81c2;border-radius:8px;height:26px;width:26px}.update-adding-salary-container .update-adding-salary-icon{background-color:#fff!important;color:#0f81c2;font-size:18px!important;margin-bottom:1px}.print-container{background-color:#fff!important;border:1px solid #178be2;border-radius:8px;height:26px;width:26px}.print-container .print-icon{background-color:#fff!important;color:#178be2;font-size:16px!important;margin-bottom:2px}.delete-container{background-color:#fff!important;border:1px solid #f84b4b;border-radius:8px;height:26px;width:26px}.delete-container .delete-icon{background-color:#fff!important;color:#f84b4b;font-size:15px!important;margin-bottom:2px}.drawer-menu .MuiDrawer-paper{background:linear-gradient(180deg,#fff 20%,#dde9f3);border:none;box-shadow:0 15px 15px rgba(42,173,254,.25)}.drawer-menu .css-1242z6g-MuiButtonBase-root-MuiIconButton-root{border-radius:10px!important}.drawer-menu .copyright-text{color:#0f81c2}.drawer-menu .list .list-item{margin:0}.drawer-menu .list .list-item .list-item-button{justify-content:normal;max-height:40px}.drawer-menu .list .list-item .list-item-button .list-item-icon{color:gray!important;justify-content:center;max-width:35px}.drawer-menu .list .list-item .list-item-button .list-item-text-kh{color:gray!important;font-family:Khmer OS Muol Light!important;font-size:14px;padding-top:2px}.drawer-menu .list .list-item .list-item-button .list-item-text-en{color:gray!important;font-family:Poppins!important;font-size:14px;font-weight:700!important;padding-top:2px}.drawer-menu .list .list-item-active{background-color:#e6eff8;border-radius:2px;margin:0;transition:all .5s}.drawer-menu .list .list-item-active .list-item-button{justify-content:normal;max-height:40px}.drawer-menu .list .list-item-active .list-item-button .list-item-icon{color:#0f81c2!important;justify-content:center;max-width:35px}.drawer-menu .list .list-item-active .list-item-button .list-item-text-kh{color:#0f81c2!important;font-family:Khmer OS Muol Light!important;font-size:14px;padding-top:2px}.drawer-menu .list .list-item-active .list-item-button .list-item-text-en{color:#0f81c2!important;font-family:Poppins;font-size:14px;font-weight:700!important;padding-top:2px}.css-d1xtw4{display:flex;justify-content:center!important}.top-bar .log-out-style .dialog-title-en{color:#0f81c2;font-family:Poppins;font-size:20px;font-weight:700}.top-bar .log-out-style .dialog-title-kh{color:#0f81c2;font-family:Khmer OS Siemreap;font-size:20px;font-weight:700}.top-bar .log-out-style .close-icon{color:red}.top-bar .log-out-style .field-title-en{font-family:Poppins}.top-bar .log-out-style .field-title-en,.top-bar .log-out-style .field-title-kh{color:#0f81c2;font-size:15px;font-weight:700;margin-bottom:3px;text-align:center}.top-bar .log-out-style .field-title-kh{font-family:Khmer OS Siemreap}.top-bar .log-out-style .btn-create{background-color:#0f81c2!important;border-radius:5px;box-shadow:none;color:#fff;font-family:Poppins;font-size:15px;font-weight:700;margin:0 17px 16px;padding:8px 4px;text-transform:none}.icon-menu-responsive .icon-menu,.icon-profile-top{color:#0f81c2}.backdrop-style{background:linear-gradient(180deg,#fff 20%,#dde9f3)}.backdrop-style .background-image{background-image:url(/static/media/backgroundImages.978fec0fce909059929c.png);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:#0f81c2;font-size:20px;font-weight:700;margin-bottom:20px;margin-top:10px}.backdrop-style .power-title{color:#0f81c2;font-weight:700}.layout-container{display:flex;flex-direction:row}.layout-container .outlet-container{background-image:url(/static/media/angkor-picture.1908633d70ca19834163.png);background-position:45% 20%;background-repeat:no-repeat;background-size:1200px;height:100vh}.shift-page .page-right-title-kh-link{color:#0f81c2;font-family:Khmer OS Muol Light!important;font-size:13px}.shift-page .page-right-title-kh-link :hover{cursor:pointer!important}@media(min-width:769px)and (max-width:1024px){.shift-page .page-right-title-kh-link{font-size:13px}}@media(min-width:426px)and (max-width:600px){.shift-page .page-right-title-kh-link{font-size:12px}}.shift-page .page-right-title-kh{font-family:Khmer OS Muol Light!important;font-size:13px}@media(min-width:769px)and (max-width:1024px){.shift-page .page-right-title-kh{font-size:13px}}@media(min-width:426px)and (max-width:600px){.shift-page .page-right-title-kh{font-size:12px}}.shift-page .page-right-title-en{font-family:Poppins!important;font-size:15px}@media(min-width:769px)and (max-width:1024px){.shift-page .page-right-title-en{font-size:15px}}@media(min-width:426px)and (max-width:600px){.shift-page .page-right-title-en{font-size:16px}}.shift-page .page-right-title-en-link{color:#0f81c2;font-family:Poppins!important;font-size:15px}.shift-page .page-right-title-en-link :hover{cursor:pointer!important}@media(min-width:769px)and (max-width:1024px){.shift-page .page-right-title-en-link{font-size:15px}}@media(min-width:426px)and (max-width:600px){.shift-page .page-right-title-en-link{font-size:16px}}.shift-page .page-title-en{color:#0f81c2;font-family:Poppins!important;font-size:20px;font-weight:700}@media(min-width:769px)and (max-width:1024px){.shift-page .page-title-en{font-size:20px}}@media(min-width:426px)and (max-width:600px){.shift-page .page-title-en{font-size:16px}}.shift-page .page-title-kh{color:#0f81c2;font-family:Khmer OS Muol Light!important;font-size:20px}@media(min-width:769px)and (max-width:1024px){.shift-page .page-title-kh{font-size:20px}}@media(min-width:426px)and (max-width:600px){.shift-page .page-title-kh{font-size:16px}}.shift-page .btn-create{background-color:#0f81c2!important;border-radius:10px;box-shadow:none;color:#fff;font-family:Poppins;font-weight:700;height:40px!important;margin-top:10px;padding:8px 4px;width:120px!important}.shift-page .btn-create .style-add-en{color:#fff;font-family:Poppins;font-size:15px;font-weight:700;text-transform:none}.shift-page .btn-create .style-add-kh{color:#fff;font-family:Khmer OS Siemreap!important;font-size:15px;font-weight:700;text-transform:none}.shift-page .search-field{background-color:#fff;border-radius:6px;font-family:Siemreap,!important!important;font-size:15px;width:100%}.shift-page .search-field .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline,.shift-page .search-field .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-input,.shift-page .search-field .css-19qh8xo-MuiInputBase-input-MuiOutlinedInput-input,.shift-page .search-field .css-1ua80n0-MuiInputBase-input-MuiOutlinedInput-input{border:none!important;font-family:Khmer OS Siemreap!important;font-size:15px!important}.shift-page .text-field .MuiOutlinedInput-input{color:#000!important;font-family:Khmer OS Siemreap!important}.shift-page .text-field .MuiInputLabel-root{color:#000!important}.shift-page .text-field .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#fff}.shift-page .text-field :hover .MuiOutlinedInput-input{color:#fff}.shift-page .text-field :hover .MuiInputLabel-root{color:#000}.shift-page .text-field :hover .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#fff}.shift-page .text-field .MuiInputLabel-root.Mui-focused,.shift-page .text-field .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-input{color:#000}.shift-page .text-field .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#fff}.shift-page .box-container{margin-top:30px;width:100%}.shift-page .box-container .button-status-en{font-family:Poppins}.shift-page .box-container .button-status-en,.shift-page .box-container .button-status-kh{border-radius:0;border-radius:8px;font-size:16px;padding:4px 20px;text-align:center;text-transform:none;width:100%}.shift-page .box-container .button-status-kh{font-family:Khmer OS Siemreap}.shift-page .container-textField{align-items:center;background-color:#fff;border-radius:10px;display:flex}@media(min-width:426px)and (max-width:600px){.shift-page .container-textField{width:100%}}@media(min-width:377px)and (max-width:425px){.shift-page .container-textField{width:100%}}@media(min-width:0px)and (max-width:376px){.shift-page .container-textField{width:100%}}.shift-page .slash{background-color:#0f81c2;height:45px;width:4px}.shift-page .color-en{color:#0f81c2;font-family:Poppins;font-size:20px;font-weight:700}.shift-page .color-kh{color:#0f81c2;font-family:Khmer OS Muol Light;font-size:20px}.shift-page .icons{align-items:center;color:#0f81c2;display:flex;height:auto;justify-content:center;width:1.2em}.shift-page .btn-add-mobile{background-color:#0f81c2!important;border-radius:10px;color:#fff;display:none;padding:10px 15px}@media(min-width:426px)and (max-width:600px){.shift-page .btn-add-mobile{display:flex}}@media(min-width:377px)and (max-width:425px){.shift-page .btn-add-mobile{display:flex}}@media(min-width:0px)and (max-width:376px){.shift-page .btn-add-mobile{display:flex}}.shift-page .btn-add-mobile .style-add{color:#fff;display:none;font-size:15px;font-weight:700}@media(min-width:426px)and (max-width:600px){.shift-page .btn-add-mobile .style-add{display:flex}}@media(min-width:377px)and (max-width:425px){.shift-page .btn-add-mobile .style-add{display:flex}}@media(min-width:0px)and (max-width:376px){.shift-page .btn-add-mobile .style-add{display:flex}}.shift-page .btn-add{background-color:#0f81c2!important;border-radius:10px;color:#fff;padding:10px 15px}@media(min-width:426px)and (max-width:600px){.shift-page .btn-add{display:none}}@media(min-width:377px)and (max-width:425px){.shift-page .btn-add{display:none}}@media(min-width:0px)and (max-width:376px){.shift-page .btn-add{display:none}}.shift-page .btn-add .style-add{color:#fff;font-size:15px;font-weight:700}.shift-page .container{margin-top:20px}@media(min-width:0px)and (max-width:376px){.shift-page .container{width:310px!important}}@media(min-width:377px)and (max-width:425px){.shift-page .container{width:370px!important}}@media(min-width:426px)and (max-width:600px){.shift-page .container{width:476px!important}}.shift-page .container .table{border-collapse:initial;border-spacing:0 8px;display:table;overflow-x:auto;white-space:nowrap;width:100%}.shift-page .container .table .header-row .header-title{border:none;color:#0f81c2;font-size:16px;font-weight:700;padding:10px}.shift-page .container .table .body{background-color:#fff!important;box-shadow:none}.shift-page .container .table .body :hover{background-color:#c8e9ff;cursor:pointer}.shift-page .container .table .body .body-row .body-title{border:none;font-size:15px;padding:10px}@media(min-width:426px)and (max-width:600px){.shift-page .container .table .body .body-row .body-title{font-size:14px}}.approve-dialog .MuiPaper-root{border-radius:12px!important;width:500px!important}.approve-dialog .required-text{color:red;font-size:"Poppins"}.approve-dialog .title-en{color:#0f81c2;font-family:Poppins;font-size:"Poppins";font-weight:700}.approve-dialog .title-kh{color:#0f81c2;font-family:Khmer OS Siemreap;font-size:"Poppins";font-weight:700}.approve-dialog .title-text-field-en{font-family:Poppins;font-size:16px}.approve-dialog .title-text-field-kh{font-family:Khmer OS Siemreap;font-size:16px}.approve-dialog .close-icon{color:red;cursor:pointer}.approve-dialog .header-title{color:#0f81c2;font-weight:700;margin-left:0}.approve-dialog .header-body{color:#0f81c2;font-size:15px;font-weight:700}.approve-dialog .header-title-lasname{color:#fff}.approve-dialog .action-button{padding:0 18px 16px;width:100%}.approve-dialog .action-button .btn-approve{background-color:#0f81c2;border-radius:5px;color:#fff;font-weight:700;padding:8px 40px;width:100%}.approve-dialog .action-button .btn-cancel{background-color:red!important;border-radius:5px;color:#fff;font-weight:700;padding:8px 40px;width:100%}.pending{margin-top:30px}.pending .pending-container{background-color:#fff;border-radius:10px;cursor:pointer;height:100%;text-align:left;transition:.3s;width:100%}.pending .pending-container:hover{background-color:#fff;box-shadow:0 20px 25px -5px hsla(0,0%,74%,.1),0 10px 10px -5px hsla(0,0%,65%,.04);-webkit-transform:translateY(-.2em);transform:translateY(-.2em);transition:.3s}.pending .pending-container .reason{background:#f5f5f5;border-radius:4px;color:#545454;font-family:Khmer OS Siemreap;font-size:15px;margin-top:14px;padding:12px;text-transform:none}.pending .pending-container .btn-pending{padding:14px;width:100%}.pending .pending-container .btn-pending .title,.pending .pending-container .btn-pending .title-kh{color:#909090;font-family:Khmer OS Siemreap;font-size:14px;text-transform:none}.pending .pending-container .btn-pending .value{color:#000!important;font-family:Khmer OS Siemreap;font-size:13px;text-transform:none}.pending .pending-container .btn-pending .time-of{color:#0f81c2!important;font-size:18px;font-weight:700;margin-top:10px;text-transform:none}.pending .pending-container .btn-pending .HalfDay{background-color:#6c6c6c;border-radius:5px;color:#fff;font-size:11px;min-width:80px;padding:4px 6px;text-align:center;text-transform:uppercase}.pending .pending-container .btn-pending .AllDay{background-color:#117d00;border-radius:5px;color:#fff;font-size:11px;padding:4px 0 2px;text-align:center;text-transform:uppercase;width:80px}.pending .pending-container .btn-pending .reason{background:#f5f5f5;border-radius:4px;color:#545454;font-family:Khmer OS Siemreap;font-size:15px;min-height:100px;padding:12px;text-transform:none}.pending .pending-container .btn-pending .status{background-color:#fff4e6;border:1px solid orange;border-radius:16px;color:orange!important;padding:3px 10px;text-transform:none}.pending .pending-container .btn-pending .status .box{background-color:orange;border-radius:50%;height:8px;width:8px}.pending .pending-container .btn-pending .status .text{font-family:Khmer OS Siemreap;font-size:12px;text-transform:none}.pending .pending-container .btn-pending .time-request{color:#000;font-family:Khmer OS Siemreap;font-size:11px;font-weight:700;text-transform:none}.pending .pending-container .btn-pending .name{color:#424242;font-family:Khmer OS Siemreap;font-size:15.5px;font-weight:700;text-align:left;text-transform:none}.pending .pending-container .btn-pending .date{color:#545454;font-family:Khmer OS Siemreap;font-size:11px;text-align:left;text-transform:none}.pending .pending-container .btn-pending .Shift{border:1px solid #147bc9;border-radius:5px;color:#147bc9;font-size:11px;font-weight:700;padding:4px 6px 2px;text-align:center;text-transform:uppercase}.report-page .box-date{align-items:center;background-color:#fff;border-radius:10px;display:flex;width:200px}@media(min-width:426px)and (max-width:768px){.report-page .box-date{display:none}}@media(min-width:426px)and (max-width:600px){.report-page .box-date{display:none}}@media(min-width:377px)and (max-width:425px){.report-page .box-date{display:none}}@media(min-width:0px)and (max-width:376px){.report-page .box-date{display:none}}.report-page .meeting-title-select{font-family:Khmer OS Siemreap!important}.report-page .box-meeting-title{align-items:center;background-color:#fff;border-radius:10px;display:flex;width:200px}@media(min-width:426px)and (max-width:768px){.report-page .box-meeting-title{display:none}}@media(min-width:426px)and (max-width:600px){.report-page .box-meeting-title{display:none}}@media(min-width:377px)and (max-width:425px){.report-page .box-meeting-title{display:none}}@media(min-width:0px)and (max-width:376px){.report-page .box-meeting-title{display:none}}.report-page .slash{background-color:#0f81c2;height:45px;width:4px}@media(min-width:769px)and (max-width:1024px){.report-page .slash{height:40px}}@media(min-width:426px)and (max-width:600px){.report-page .slash{height:40px;margin:0;padding:0;width:2px}}.report-page .page-right-title-en{font-family:Poppins!important;font-size:15px}@media(min-width:769px)and (max-width:1024px){.report-page .page-right-title-en{font-size:15px}}@media(min-width:426px)and (max-width:600px){.report-page .page-right-title-en{font-size:16px}}.report-page .page-right-title-en-link{color:#0f81c2;font-family:Poppins!important;font-size:15px}.report-page .page-right-title-en-link :hover{cursor:pointer!important}@media(min-width:769px)and (max-width:1024px){.report-page .page-right-title-en-link{font-size:15px}}@media(min-width:426px)and (max-width:600px){.report-page .page-right-title-en-link{font-size:16px}}.report-page .page-right-title-kh{font-family:Khmer OS Muol Light!important;font-size:13px}@media(min-width:769px)and (max-width:1024px){.report-page .page-right-title-kh{font-size:13px}}@media(min-width:426px)and (max-width:600px){.report-page .page-right-title-kh{font-size:12px}}.report-page .page-right-title-kh-link{color:#0f81c2;font-family:Khmer OS Muol Light!important;font-size:13px}.report-page .page-right-title-kh-link :hover{cursor:pointer!important}@media(min-width:769px)and (max-width:1024px){.report-page .page-right-title-kh-link{font-size:13px}}@media(min-width:426px)and (max-width:600px){.report-page .page-right-title-kh-link{font-size:12px}}.report-page .page-title-en{color:#0f81c2;font-family:Poppins!important;font-size:20px;font-weight:700}@media(min-width:769px)and (max-width:1024px){.report-page .page-title-en{font-size:20px}}@media(min-width:426px)and (max-width:600px){.report-page .page-title-en{font-size:16px}}.report-page .page-title-kh{color:#0f81c2;font-family:Khmer OS Muol Light!important;font-size:20px}@media(min-width:769px)and (max-width:1024px){.report-page .page-title-kh{font-size:20px}}@media(min-width:426px)and (max-width:600px){.report-page .page-title-kh{font-size:16px}}.report-page .color{color:#0f81c2;font-size:20px;font-weight:700}@media(min-width:769px)and (max-width:1024px){.report-page .color{font-size:20px}}@media(min-width:426px)and (max-width:600px){.report-page .color{font-size:16px}}.report-page .setting-page-container{background-color:#fff;border-radius:10px;cursor:pointer;height:110px;padding:20px}.report-page .setting-page-container .image{color:#0f81c2;height:40px;width:40px}.report-page .setting-page-container .page-title{color:#0f81c2;font-family:Khmer OS Siemreap;font-size:17px;font-weight:700}.report-page .setting-page-container .page-description{color:#191919;color:#0f81c2;display:-webkit-box;font-family:Khmer OS Siemreap;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:pre-line;width:100%}.report-page .text{display:none}@media(min-width:1025px)and (max-width:1440px){.report-page .text{display:block}}@media(min-width:769px)and (max-width:1024px){.report-page .text{display:block}}@media(min-width:1025px)and (max-width:1650px){.report-page .text{display:block}}.report-page .icons{color:#0f81c2}.report-page .mover-icon{display:none}@media(min-width:426px)and (max-width:768px){.report-page .mover-icon{display:block}}@media(min-width:426px)and (max-width:600px){.report-page .mover-icon{display:block}}@media(min-width:377px)and (max-width:425px){.report-page .mover-icon{display:block}}@media(min-width:0px)and (max-width:376px){.report-page .mover-icon{display:block}}.report-page .mover-icon .box-move{align-items:center;background-color:#fff;border-radius:10px;display:flex;display:none;width:170px}@media(min-width:426px)and (max-width:768px){.report-page .mover-icon .box-move{display:block}}@media(min-width:426px)and (max-width:600px){.report-page .mover-icon .box-move{display:block}}@media(min-width:377px)and (max-width:425px){.report-page .mover-icon .box-move{display:block}}@media(min-width:0px)and (max-width:376px){.report-page .mover-icon .box-move{display:block}}.report-page .MuiInputLabel-root,.report-page .MuiOutlinedInput-input{color:#000!important}.report-page .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#fff}.report-page :hover .MuiOutlinedInput-input{color:#fff}.report-page :hover .MuiInputLabel-root{color:#000}.report-page :hover .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#fff}.report-page .MuiInputLabel-root.Mui-focused,.report-page .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-input{color:#000}.report-page .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#fff}.report-page .btn-add{background-color:#0f81c2;border-radius:10px;color:#fff;padding:0 15px}.report-page .btn-add .style-add{color:#fff;font-size:16px;text-transform:none}.setting-page{padding-bottom:30px}.setting-page .slash{background-color:#0f81c2;height:45px;width:4px}@media(min-width:769px)and (max-width:1024px){.setting-page .slash{height:40px}}@media(min-width:426px)and (max-width:600px){.setting-page .slash{height:40px;margin:0;padding:0;width:2px}}.setting-page .page-right-title-en{font-family:Poppins!important;font-size:15px}@media(min-width:769px)and (max-width:1024px){.setting-page .page-right-title-en{font-size:15px}}@media(min-width:426px)and (max-width:600px){.setting-page .page-right-title-en{font-size:16px}}.setting-page .page-right-title-en-link{color:#0f81c2;font-family:Poppins!important;font-size:15px}.setting-page .page-right-title-en-link :hover{cursor:pointer!important}@media(min-width:769px)and (max-width:1024px){.setting-page .page-right-title-en-link{font-size:15px}}@media(min-width:426px)and (max-width:600px){.setting-page .page-right-title-en-link{font-size:16px}}.setting-page .page-right-title-kh{font-family:Khmer OS Muol Light!important;font-size:13px}@media(min-width:769px)and (max-width:1024px){.setting-page .page-right-title-kh{font-size:13px}}@media(min-width:426px)and (max-width:600px){.setting-page .page-right-title-kh{font-size:12px}}.setting-page .page-right-title-kh-link{color:#0f81c2;font-family:Khmer OS Muol Light!important;font-size:13px}.setting-page .page-right-title-kh-link :hover{cursor:pointer!important}@media(min-width:769px)and (max-width:1024px){.setting-page .page-right-title-kh-link{font-size:13px}}@media(min-width:426px)and (max-width:600px){.setting-page .page-right-title-kh-link{font-size:12px}}.setting-page .page-title-en{color:#0f81c2;font-family:Poppins;font-size:20px;font-weight:700}@media(min-width:769px)and (max-width:1024px){.setting-page .page-title-en{font-size:20px}}@media(min-width:426px)and (max-width:600px){.setting-page .page-title-en{font-size:16px}}.setting-page .page-title-kh{color:#0f81c2;font-family:Khmer OS Muol Light;font-size:20px}@media(min-width:769px)and (max-width:1024px){.setting-page .page-title-kh{font-size:20px}}@media(min-width:426px)and (max-width:600px){.setting-page .page-title-kh{font-size:16px}}.setting-page .main-setting-title-en{font-family:Poppins;font-weight:700;text-underline-offset:1}.setting-page .main-setting-title-kh{font-family:Khmer OS Siemreap;font-weight:700}.setting-page .btn-container{background-color:#fff!important;border-radius:8px;padding:20px!important;text-transform:none;width:100%}.setting-page .btn-container .box-item{background-color:#fff;border-radius:10px;height:70px;width:100%}.setting-page .btn-container .box-item .icon{color:#0f81c2;font-size:35px}.setting-page .btn-container .box-item .text-title-en{color:#0f81c2;font-family:Poppins;font-size:16px;font-weight:700;text-align:left}.setting-page .btn-container .box-item .text-title-kh{color:#0f81c2;font-family:Khmer OS Siemreap;font-size:16px;font-weight:700;text-align:left}.setting-page .btn-container .box-item .body-title-en{color:#000;font-family:Poppins;font-size:15px;text-align:left}.setting-page .btn-container .box-item .body-title-kh{color:#000;font-family:Khmer OS Siemreap;font-size:15px;text-align:left}.setting-page .btn-container .box-list{background-color:#fff;border-radius:10px;height:50px;width:100%}.setting-page .btn-container .box-list .icon{color:#0f81c2;font-size:35px}.setting-page .btn-container .box-list .text-title-en{color:#0f81c2;font-family:Poppins;font-size:16px;font-weight:700;text-align:left}.setting-page .btn-container .box-list .text-title-kh{color:#0f81c2;font-family:Khmer OS Siemreap;font-size:16px;font-weight:700;text-align:left}.setting-page .btn-container .box-list .body-title-en{color:#000;font-family:Poppins;font-size:15px;text-align:left}.setting-page .btn-container .box-list .body-title-kh{color:#000;font-family:Khmer OS Siemreap;font-size:15px;text-align:left}.exchange-rate{background-color:#fff;border-radius:10px;padding:20px}.exchange-rate .late-update-container{background-color:#0f81c2!important;border-radius:8px;height:26px;width:26px}.exchange-rate .late-update-container .late-update-icon{background-color:#0f81c2!important;color:#fff;font-size:14px!important;margin-bottom:2px}.exchange-rate .title-header-en{border:none;color:#0f81c2;font-family:Poppins;font-size:20px;font-weight:700}.exchange-rate .title-header-kh{border:none;color:#0f81c2;font-family:Khmer OS Siemreap;font-size:20px;font-weight:700}.exchange-rate .title-en{border:none;color:#00593f;font-family:Poppins;font-size:15px;font-weight:700}.exchange-rate .title-kh{border:none;color:#00593f;font-family:Khmer OS Siemreap;font-size:16px;font-weight:700}.exchange-rate .value-en{color:#0f81c2;font-family:Poppins;font-size:16px;font-weight:700}.exchange-rate .value-kh{color:#0f81c2;font-family:Khmer OS Siemreap;font-size:16px;font-weight:700}.page-not-founds{align-items:center;display:flex;justify-content:center;text-align:center}.page-not-founds .image-error{height:500px;width:500px}@media(min-width:769px)and (max-width:1024px){.page-not-founds .image-error{height:500px;width:500px}}@media(min-width:426px)and (max-width:768px){.page-not-founds .title{font-size:18px;text-align:center}.page-not-founds .image-error{height:450px;width:450px}.page-not-founds .paragraph{font-size:12px;text-align:center}}@media(min-width:426px)and (max-width:600px){.page-not-founds .image-error{height:400px;width:400px}}@media(min-width:426px)and (max-width:600px)and (min-width:377px)and (max-width:425px){.page-not-founds .title{font-size:10px}.page-not-founds .image-error{height:100px;width:100px}.page-not-founds .paragraph{font-size:10px}}@media(min-width:426px)and (max-width:600px)and (min-width:0px)and (max-width:376px){.page-not-founds .title{font-size:10px}.page-not-founds .image-error{height:100px;width:100px}.page-not-founds .paragraph{font-size:8px}}@media print{.container-print-evaluation{background-color:#fff;display:block!important;margin-top:5px;padding:25px;width:100%}.container-print-evaluation .logo-image{height:auto;margin-top:15px;width:160px}.container-print-evaluation .tackteng-font{display:flex;justify-content:center}.container-print-evaluation .tackteng-font .image-tackteng{width:140px}.container-print-evaluation .title-evaluation-print{font-family:Khmer OS Muol Light;font-size:15px!important;font-weight:100!important;letter-spacing:normal!important;text-align:center}.container-print-evaluation .title-En-evaluation-print{font-family:Gothic;font-size:13px;font-weight:700;text-align:center}.container-print-evaluation .evaluation-print{font-family:Gothic;font-size:15px;font-weight:700;text-align:center}.container-print-evaluation .header-title{font-family:Khmer OS Muol Light!important;font-size:16px}.container-print-evaluation .header-title-en{font-size:16px!important;line-height:180%!important;text-align:center}.container-print-evaluation .image-print-logo{height:130px;margin-top:25px;padding-left:15px;width:160px}.container-print-evaluation .imageSymbol{width:40%}.container-print-evaluation .doc-tittle{font-family:Poppins!important;font-size:16px;font-weight:700}.container-print-evaluation td,.container-print-evaluation th{border:1.5px solid #0f81c2;padding:0}.container-print-evaluation table{border-collapse:collapse}.container-print-evaluation .th-table{padding:10px}.container-print-evaluation .th-table .th-title-font,.container-print-evaluation .th-table .th-title-font-kh{font-size:14px}.container-print-evaluation .sub-table{background-color:#ebf5ff;text-align:center}.container-print-evaluation .sub-table .sub-tittle-performance-evaluation-print{font-family:Khmer OS Siemreap;font-size:14px;font-weight:700;padding:2px}.container-print-evaluation .title-table{background-color:#ebebeb;padding:5px}.container-print-evaluation .title-table .tittle{font-family:Khmer OS Siemreap;font-size:14px}.container-print-evaluation .sub-table-detail{padding:5px}.container-print-evaluation .sub-table-detail .sub-tittle-detail,.container-print-evaluation .sub-table-detail .sub-tittle-detail-medium,.container-print-evaluation .sub-table-detail .sub-tittle-detail-small{font-family:Khmer OS Siemreap;font-size:13px}.container-print-evaluation .sub-table-detail .sub-tittle-detail-bold-evaluation-print{font-family:Khmer OS Siemreap;font-size:12px;font-weight:700}.container-print-evaluation .sub-table-detail .icon-answer{font-size:18px}.footer-ruler{border:2px solid #0f81c2!important;border-radius:10px}.footer-container .footer-tittle{color:blue;font-family:SiemReap;font-size:13px}}.container-print-evaluation{background-color:#fff;display:block!important;margin-top:5px;padding:25px;width:100%}.container-print-evaluation .logo-image{height:auto;margin-top:15px;width:160px}.container-print-evaluation .tackteng-font{display:flex;justify-content:center}.container-print-evaluation .tackteng-font .image-tackteng{width:140px}.container-print-evaluation .title-evaluation-print{font-family:Khmer OS Muol Light;font-size:15px!important;font-weight:100!important;letter-spacing:normal!important;text-align:center}.container-print-evaluation .title-En-evaluation-print{font-family:Gothic;font-size:13px;font-weight:700;text-align:center}.container-print-evaluation .evaluation-print{font-family:Gothic;font-size:15px;font-weight:700;text-align:center}.container-print-evaluation .header-title{font-family:Khmer OS Muol Light!important;font-size:16px}.container-print-evaluation .header-title-en{font-size:16px!important;line-height:180%!important;text-align:center}.container-print-evaluation .image-print-logo{height:130px;margin-top:25px;padding-left:15px;width:160px}.container-print-evaluation .imageSymbol{width:40%}.container-print-evaluation .doc-tittle{font-family:Poppins!important;font-size:16px;font-weight:700}.container-print-evaluation td,.container-print-evaluation th{border:1.5px solid #0f81c2;padding:0}.container-print-evaluation table{border-collapse:collapse}.container-print-evaluation .th-table{padding:10px}.container-print-evaluation .th-table .th-title-font,.container-print-evaluation .th-table .th-title-font-kh{font-size:14px}.container-print-evaluation .sub-table{background-color:#ebf5ff;text-align:center}.container-print-evaluation .sub-table .sub-tittle-performance-evaluation-print{font-family:Khmer OS Siemreap;font-size:14px;font-weight:700;padding:2px}.container-print-evaluation .title-table{background-color:#ebebeb;padding:5px}.container-print-evaluation .title-table .tittle{font-family:Khmer OS Siemreap;font-size:14px}.container-print-evaluation .sub-table-detail{padding:5px}.container-print-evaluation .sub-table-detail .sub-tittle-detail,.container-print-evaluation .sub-table-detail .sub-tittle-detail-medium,.container-print-evaluation .sub-table-detail .sub-tittle-detail-small{font-family:Khmer OS Siemreap;font-size:13px}.container-print-evaluation .sub-table-detail .sub-tittle-detail-bold-evaluation-print{font-family:Khmer OS Siemreap;font-size:12px;font-weight:700}.container-print-evaluation .sub-table-detail .icon-answer{font-size:18px}.footer-ruler{border:2px solid #0f81c2!important;border-radius:10px}.footer-container .footer-tittle{color:blue;font-family:SiemReap;font-size:13px}.Approve{border:1px solid #43a047;border-radius:5px!important;color:#43a047}.Approve,.Pending{font-size:11px!important;padding:3px 6px!important;text-align:center!important;text-transform:uppercase!important;width:80px!important}.Pending{border:1px solid orange;border-radius:5px!important;color:orange}.Cancel,.Deny,.Reject{border:1px solid #fa2929;border-radius:5px!important;color:#fa2929}.Accept,.Cancel,.Deny,.Reject{font-size:11px!important;padding:3px 6px!important;text-align:center!important;text-transform:uppercase!important;width:80px!important}.Accept{border:1px solid rgba(2,127,29,.709);border-radius:5px!important;color:rgba(2,173,39,.709)}.Hired{border:1px solid rgba(18,0,138,.709);border-radius:5px!important;color:rgba(18,0,138,.709)}.Failed,.Hired{font-size:11px!important;padding:3px 6px!important;text-align:center!important;text-transform:uppercase!important;width:80px!important}.Failed{border:1px solid #fa2929;border-radius:5px!important;color:#fa2929}.daily-report-page .report-styles .container .table .header-title{font-family:Khmer OS Siemreap;font-weight:700}.new-dashboard-container .total-emp{background-color:#f38303;background-image:url(/static/media/bg-angkor.48f362aa1352dbd03369.png);background-position:30% 30%;background-repeat:no-repeat;background-size:100%;border-radius:10px;padding:15px}.new-dashboard-container .total-emp .title-card-dashbord{color:#fff;font-family:Poppins;font-size:16px;font-weight:700;letter-spacing:.5px}.new-dashboard-container .total-emp .title-card-dashbord-kh{color:#fff;font-family:Siemreap!important;font-size:16px;font-weight:700;letter-spacing:.5px}.new-dashboard-container .total-emp .view-txt{color:#fff;font-family:Poppins;font-size:12px;margin-top:3px}.new-dashboard-container .total-emp .arrow-detail-icon{color:#fff;font-size:12;margin-top:3px}.new-dashboard-container .total-emp .title-detail{color:#fff;font-family:Poppins;font-size:20px;font-weight:700}.new-dashboard-container .total-emp .icon-bg{background-color:#fff;border-radius:50%;height:48px;width:48px}.new-dashboard-container .total-emp .icon-bg .icon{color:#f38303;height:24px;width:24px}.new-dashboard-container .on-time-emp{background-color:#41b658;background-image:url(/static/media/top-bayon.4969b0d69dfb915e1d84.png);background-position:30% 30%;background-repeat:no-repeat;background-size:100%;border-radius:10px;padding:15px}.new-dashboard-container .on-time-emp .title-card-dashbord{color:#fff;font-family:Poppins;font-size:16px;font-weight:700;letter-spacing:.5px}.new-dashboard-container .on-time-emp .title-card-dashbord-kh{color:#fff;font-family:Siemreap!important;font-size:16px;font-weight:700;letter-spacing:.5px}.new-dashboard-container .on-time-emp .view-txt{color:#fff;font-family:Poppins;font-size:12px;margin-top:3px}.new-dashboard-container .on-time-emp .arrow-detail-icon{color:#fff;font-size:12;margin-top:3px}.new-dashboard-container .on-time-emp .title-detail{color:#fff;font-family:Poppins;font-size:20px;font-weight:700}.new-dashboard-container .on-time-emp .icon-bg{background-color:#fff;border-radius:50%;height:48px;width:48px}.new-dashboard-container .on-time-emp .icon-bg .icon{color:#41b658;height:24px;width:24px}.new-dashboard-container .late-emp{background-color:#fe5c4c;background-image:url(/static/media/preash-vichea-temple.72b51200246f83103dbc.png);background-position:30% 10%;background-repeat:no-repeat;background-size:100%;border-radius:10px;padding:15px}.new-dashboard-container .late-emp .title-card-dashbord{color:#fff;font-family:Poppins;font-size:16px;font-weight:700;letter-spacing:.5px}.new-dashboard-container .late-emp .title-card-dashbord-kh{color:#fff;font-family:Siemreap!important;font-size:16px;font-weight:700;letter-spacing:.5px}.new-dashboard-container .late-emp .view-txt{color:#fff;font-family:Poppins;font-size:12px;margin-top:3px}.new-dashboard-container .late-emp .arrow-detail-icon{color:#fff;font-size:12;margin-top:3px}.new-dashboard-container .late-emp .title-detail{color:#fff;font-family:Poppins;font-size:20px;font-weight:700}.new-dashboard-container .late-emp .icon-bg{background-color:#fff;border-radius:50%;height:48px;width:48px}.new-dashboard-container .late-emp .icon-bg .icon{color:#fe5c4c;height:24px;width:24px}.new-dashboard-container .permission-emp{background-color:#3a49da;background-image:url(/static/media/kompong-plok.cf261c7be775f76a5c0d.png);background-position:40% 50%;background-repeat:no-repeat;background-size:100%;border-radius:10px;padding:15px}.new-dashboard-container .permission-emp .title-card-dashbord{color:#fff;font-family:Poppins;font-size:16px;font-weight:700;letter-spacing:.5px}.new-dashboard-container .permission-emp .title-card-dashbord-kh{color:#fff;font-family:Siemreap!important;font-size:16px;font-weight:700;letter-spacing:.5px}.new-dashboard-container .permission-emp .view-txt{color:#fff;font-family:Poppins;font-size:12px;margin-top:3px}.new-dashboard-container .permission-emp .arrow-detail-icon{color:#fff;font-size:12;margin-top:3px}.new-dashboard-container .permission-emp .title-detail{color:#fff;font-family:Poppins;font-size:20px;font-weight:700}.new-dashboard-container .permission-emp .icon-bg{background-color:#fff;border-radius:50%;height:48px;width:48px}.new-dashboard-container .permission-emp .icon-bg .icon{color:#3a49da;height:24px;width:24px}.new-dashboard-container .absence-emp{background-color:#0176d3;background-image:url(/static/media/brige.7f6aaff823beb71c9a3e.png);background-position:30% 30%;background-repeat:no-repeat;background-size:100%;border-radius:10px;padding:15px}.new-dashboard-container .absence-emp .title-card-dashbord{color:#fff;font-family:Poppins;font-size:16px;font-weight:700;letter-spacing:.5px}.new-dashboard-container .absence-emp .title-card-dashbord-kh{color:#fff;font-family:Siemreap!important;font-size:16px;font-weight:700;letter-spacing:.5px}.new-dashboard-container .absence-emp .view-txt{color:#fff;font-family:Poppins;font-size:12px;margin-top:3px}.new-dashboard-container .absence-emp .arrow-detail-icon{color:#fff;font-size:12;margin-top:3px}.new-dashboard-container .absence-emp .title-detail{color:#fff;font-family:Poppins;font-size:20px;font-weight:700}.new-dashboard-container .absence-emp .icon-bg{background-color:#fff;border-radius:50%;height:48px;width:48px}.new-dashboard-container .absence-emp .icon-bg .icon{color:#0176d3;height:24px;width:24px}.new-dashboard-container .resign-emp{background-color:#06a59a;background-image:url(/static/media/bakeng-temple.bb67493bbf1bc49534bd.png);background-position:30% 30%;background-repeat:no-repeat;background-size:100%;border-radius:10px;padding:15px}.new-dashboard-container .resign-emp .title-card-dashbord{color:#fff;font-family:Poppins;font-size:16px;font-weight:700;letter-spacing:.5px}.new-dashboard-container .resign-emp .title-card-dashbord-kh{color:#fff;font-family:Siemreap!important;font-size:16px;font-weight:700;letter-spacing:.5px}.new-dashboard-container .resign-emp .view-txt{color:#fff;font-family:Poppins;font-size:12px;margin-top:3px}.new-dashboard-container .resign-emp .arrow-detail-icon{color:#fff;font-size:12;margin-top:3px}.new-dashboard-container .resign-emp .title-detail{color:#fff;font-family:Poppins;font-size:20px;font-weight:700}.new-dashboard-container .resign-emp .icon-bg{background-color:#fff;border-radius:50%;height:48px;width:48px}.new-dashboard-container .resign-emp .icon-bg .icon{color:#06a59a;height:24px;width:24px}.new-schedule-container .schedule-title{color:#0f81c2;font-family:Poppins;font-size:18px;margin-left:5px}.new-schedule-container .schedule-title-kh{color:#0f81c2;font-family:Khmer OS Siemreap;font-size:18px;margin-left:5px}.new-schedule-container .events-title{color:#0f81c2;font-family:Poppins;font-size:18px}.new-schedule-container .date-title{color:#0f81c2;font-family:Poppins;font-size:16px;font-weight:700}.new-schedule-container .btn-arrow{align-items:center;background-color:#dff3ff!important;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;width:32px}.new-schedule-container .btn-arrow .arrow{color:#0f81c2;font-size:16px;margin:0;padding-left:3px}.new-schedule-container .btn-arrow:hover{background-color:rgba(0,0,0,.1)}.new-schedule-container .event-day{color:#0f81c2;font-family:Poppins;font-size:40px;font-weight:700}.new-schedule-container .event-month{color:#7a7a7b;font-family:Poppins;font-size:12px}.new-schedule-container .event-topic{color:#0f81c2;font-family:Poppins;font-size:12px}.new-schedule-container .event-detail{color:#7a7a7b;font-family:Khmer OS Siemreap;font-size:14px}.new-schedule-container .event-status-small{color:#0f81c2;font-family:Khmer OS Siemreap;font-size:10px}.requestleavenew{background-color:#fff!important;border-radius:12px;height:450px;padding:25px!important}.requestleavenew .title-en,.requestleavenew .title-kh{font-family:Khmer OS Siemreap;font-size:20;font-weight:700}.requestleavenew .table-head{background-color:#057510;border-radius:8px!important;color:#fff;font-weight:700;padding:9px 16px}.requestleavenew .table-head .head-title-kh{font-family:Khmer OS Siemreap;font-size:14px;font-weight:700}.requestleavenew .table-head .head-title-en{font-family:Poppins;font-size:14px;font-weight:700}.requestleavenew ::-webkit-scrollbar{width:3px}.requestleavenew ::-webkit-scrollbar-track{border-radius:10px;box-shadow:inset 0 0 5px #fff}.requestleavenew ::-webkit-scrollbar-thumb{background:gray;border-radius:10px}.requestleavenew .table-row{border-radius:8px!important;cursor:pointer;padding:6px 16px}.requestleavenew .table-row .pending{border:1px solid orange;border-radius:5px;color:orange;font-size:11px;height:100%;padding:3px 6px!important;text-align:center!important;text-transform:uppercase;width:80px}.requestleavenew .table-row .table-cell{align-items:center;display:flex;font-family:Siemreap!important;font-size:15px;height:100%}.requestleavenew .table-row:hover{background-color:#f2effb;transition:background-color .4s}.leaves-request-new .title-header{color:#0f81c2;font-family:Poppins;font-size:18px}.leaves-request-new .title-view-all{color:#0f81c2;font-family:Poppins;font-size:12px}.leaves-request-new .title-leaves{color:#5f5f5f;font-family:Poppins!important;font-size:16px!important;font-weight:700!important}.leaves-request-new .employee-name{color:#0f81c2;font-family:Poppins!important;font-size:14px!important;font-weight:700!important}.leaves-request-new .employee-name-kh{color:#0f81c2;font-family:Khmer OS Siemreap!important;font-size:14px!important;font-weight:700!important}.leaves-request-new .employee-positions{color:gray;font-family:Poppins!important;font-size:11px!important}.leaves-request-new .employee-positions-kh{color:gray;font-family:Khmer OS Siemreap!important;font-size:11px!important}.leaves-request-new .leave-date{color:#0f81c2;font-family:Poppins!important;font-size:12px!important;font-weight:700!important}.leaves-request-new .leave-status-Approve{color:#45c65a;font-family:Khmer OS Siemreap!important;font-size:12px!important;font-weight:700!important}.leaves-request-new .leave-status-Cancel,.leaves-request-new .leave-status-Refuse{color:red;font-family:Khmer OS Siemreap!important;font-size:14px!important;font-weight:700!important}.overviewinterviewnew .title-header{color:#0f81c2;font-family:Poppins;font-size:16px;font-weight:700}.overviewinterviewnew .title-header-kh{color:#0f81c2;font-family:Siemreap!important;font-size:16px;font-weight:700}.overviewinterviewnew .title-overview{color:#545454;font-family:Poppins!important;font-size:16px!important;font-weight:700!important}.overviewinterviewnew .list-overview{color:#a9a9a9;font-family:Poppins!important;font-size:14px!important;font-weight:700!important;letter-spacing:.5px!important}.date-time-show-container{background-color:#339add;border-radius:10px;height:100%;padding:16px 50px}.date-time-show-container .sunny-icon{color:#ffc400;font-size:100px}.date-time-show-container .location{color:#fff;font-family:Poppins;font-size:12px}.date-time-show-container .time-field{color:#fff;font-family:Poppins;font-size:18px}.date-time-show-container .pic{height:100px;width:75px}.employeeattencheckstatusnew{background:#fff;border-radius:10px!important;height:100%!important;padding:32px 25px!important}.employeeattencheckstatusnew .chart-title{color:#545454;font-family:Poppins;font-size:16px;font-weight:700;margin-left:2px}.employeeattencheckstatusnew .chart-title-kh{color:#545454;font-family:Khmer OS Siemreap;font-size:16px;font-weight:700;margin-left:2px}.employeeattencheckstatusnew .tb-title{font-family:Poppins;font-size:14px}.employeeattencheckstatusnew .tb-title-kh{font-family:Khmer OS Siemreap;font-size:14px}.employeeattencheckstatusnew .status-en{background-color:#ffdadf;border-radius:5px;padding:2px 6px}.employeeattencheckstatusnew .status-en .status-txt{color:red;font-family:Poppins;font-size:12px}.employeeattencheckstatusnew .status-en .status-txt-kh{color:red;font-family:Khmer OS Siemreap;font-size:12px}.employeeattencheckstatusnew .attence-status{background-color:#fff;color:#0f81c2}.employeeattencheckstatusnew .attence-status,.employeeattencheckstatusnew .attence-status-active{align-items:center;border:1px solid #0f81c2;border-radius:50%;cursor:pointer;display:flex;font-size:"18px";height:45px;justify-content:center;width:45px}.employeeattencheckstatusnew .attence-status-active{background-color:#0f81c2;color:#fff}.employeestatisticsbydepartmentnew{background-color:#fff!important;border-radius:10px!important;height:430px!important;padding:25px}.employeestatisticsbydepartmentnew .chart-title{color:#545454;font-family:Poppins;font-weight:700}.employeestatisticsbydepartmentnew .chart-title-kh{color:#545454;font-family:Khmer OS Siemreap;font-weight:700}.employeestatisticsbydepartmentnewchart{background-color:#fff!important;border-radius:10px!important;height:430px!important;padding:25px}.employeestatisticsbydepartmentnewchart .chart-title-new{color:#545454;font-family:Poppins;font-weight:700}.employeestatisticsbydepartmentnewchart .chart-title-kh-new{color:#545454;font-family:Khmer OS Siemreap;font-weight:700}.typeofcontractasapercentagenew{background:hsla(0,0%,100%,.705);border:4px solid #fff;border-radius:10px!important;height:100%!important;padding:25px 25px 25px 0!important}.typeofcontractasapercentagenew .chart-title{color:#545454;font-family:Poppins;font-weight:700;margin-left:25px}.typeofcontractasapercentagenew .chart-title-kh{color:#545454;font-family:Khmer OS Siemreap;font-weight:700;margin-left:25px}.employee-nearly-expired-contract-new{background-color:#fff!important;border-radius:12px;padding:25px!important}.employee-nearly-expired-contract-new .title-en,.employee-nearly-expired-contract-new .title-kh{color:#545454;font-family:Khmer OS Siemreap;font-weight:700}.employee-nearly-expired-contract-new .table-head{background-color:#545454;border-radius:10px!important;color:#fff;font-weight:700;padding:10px 16px}.employee-nearly-expired-contract-new .table-head .head-title-kh{font-family:Khmer OS Siemreap;font-size:15px;font-weight:700}.employee-nearly-expired-contract-new .table-head .head-title-en{font-family:Poppins;font-size:15px;font-weight:700}.employee-nearly-expired-contract-new .table-row{background-color:#f0f0f0;border-radius:10px!important;cursor:pointer;padding:7px 16px}.employee-nearly-expired-contract-new .table-row .table-cell{align-items:center;display:flex;font-family:Siemreap!important;font-size:15px;height:100%}.employee-nearly-expired-contract-new .table-row:hover{background-color:#ddf0fe;transition:background-color .5s}body{background-color:#f4f4f4;font-family:Arial,sans-serif;margin:0;padding:0}.app{margin-top:50px;text-align:center}.otp-container{display:flex;justify-content:center;margin:20px 0}.otp-input{border:1px solid #ccc;border-radius:4px;font-size:24px;height:40px;margin:0 5px;text-align:center;transition:border-color .3s;width:40px}.otp-input.invalid{border-color:red}.error-message{color:red;font-size:14px}.submit-btn{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s}.submit-btn:hover{background-color:#0056b3}.job-detail-containter .detail-card{overflow-y:auto;padding:20px;width:100%}.job-detail-containter .detail-card .title-txt{color:#0f81c2;font-family:Poppins;font-size:22px;font-weight:700}.job-detail-containter .detail-card .title-txt-kh{color:#0f81c2;font-family:Siemreap!important;font-size:22px;font-weight:700}.job-detail-containter .detail-card .menu-title{color:#0f81c2;font-family:Poppins;font-size:16px}.job-detail-containter .detail-card .item-txt{font-family:Siemreap!important;font-size:16px}.job-detail-containter .detail-card .divider-style{border:.5px solid #0f81c2}.icon-view{color:#daa520;font-size:24px!important}.candidate-container{background-color:#fff;border-radius:5px;padding:10px 15px}.candidate-container .field-title-en{color:#0f81c2;font-family:Poppins;font-size:15px;font-weight:700;margin-bottom:3px}.candidate-container .field-title-kh{color:#0f81c2;font-family:Khmer OS Siemreap;font-size:15px;font-weight:700;margin-bottom:3px}.big-container{background-color:#fff;border-radius:5px;padding:15px}.big-container .header-title-con-1{font-family:Century Gothic;font-size:14px;font-weight:700}.big-container .con-bg{background-color:#d9d9d9;border-radius:5px;padding:10px 15px}.big-container .con-bg .text-detail-con-en{font-family:Poppins;font-size:16px;font-weight:700}.big-container .con-bg .text-detail-con-kh{font-family:Khmer OS Siemreap;font-size:16px;font-weight:700}.big-container .text-detail-title-en{color:#0f81c2;font-family:Poppins;font-size:13px}.big-container .text-detail-title-kh{color:#0f81c2;font-family:Khmer OS Siemreap;font-size:13px}.big-container .file-con{background-color:#757574;border-radius:10px!important;height:120px;width:100px}.big-container .file-con .file-con-icon{color:#fff;height:100px;width:80px}.big-container .file-con-arrow{height:35px;width:35px}.big-container .btn-con-step-en{font-family:Poppins}.big-container .btn-con-step-en,.big-container .btn-con-step-kh{background-color:#0f81c2!important;color:#fff;font-weight:700;height:40px}.big-container .btn-con-step-kh{font-family:Khmer OS Siemreap}.big-container .btn-not-approve-en{font-family:Poppins}.big-container .btn-not-approve-en,.big-container .btn-not-approve-kh{background-color:gray!important;color:#fff;font-weight:700;height:40px}.big-container .btn-not-approve-kh{font-family:Khmer OS Siemreap}.big-container .btn-con-reject-en{font-family:Poppins}.big-container .btn-con-reject-en,.big-container .btn-con-reject-kh{background-color:red!important;color:#fff;font-weight:700;height:40px}.big-container .btn-con-reject-kh{font-family:Khmer OS Siemreap}.big-container .btn-con-pending{background-color:#fcae1e!important;color:#fff;font-family:Century Gothic;font-weight:700;height:40px}.big-container .btn-con-del{color:red}.big-container .detail-con{font-family:Khmer OS Siemreap;font-size:14px;white-space:wrap!important}.big-container .css-1u4zpwo-MuiSvgIcon-root-MuiStepIcon-root{fill:#fcae1e!important}.big-container .Mui-completed{fill:#0f81c2!important}.big-container .Mui-completed .css-z7uhs0-MuiStepConnector-line{border-color:#0f81c2!important}.big-container .step-icon-pending{color:#fcae1e!important;font-size:1.5rem}.big-container .step-border-active-Pending{background-color:#fff8e1;border:1px solid #fcae1e;border-radius:8px;padding:3px 5px}.big-container .step-border-non-active{border:1px solid #fff;border-radius:8px;padding:3px 5px}.big-container .step-border-active-Pass{background-color:#e7f3e6;border:1px solid #00c853;border-radius:8px;padding:3px 5px}.big-container .step-border-active-Fail{background-color:#ffebee;border:1px solid red;border-radius:8px;padding:3px 5px}.big-container .step-icon-pending-active{border:1px solid #fcae1e;border-radius:50%;color:#fcae1e!important;font-size:1.5rem;padding:1.5px}.big-container .step-icon-reject,.big-container .step-icon-reject-active{color:#ff4747!important;font-size:1.5rem}.big-container .step-icon-reject-active{border:1px solid #ff4747;border-radius:50%;padding:.6px}.big-container .step-icon-approve{color:#00c853!important;font-size:1.5rem}.big-container .step-icon-approve-active{border:1px solid #00c853;border-radius:50%;color:#00c853!important;font-size:1.5rem;padding:.6px}.big-container .step-line{background-color:#0d47a1;height:2px;width:100%}.big-container .step-field-active-Pass,.big-container .step-font{color:#136902;font-family:Century Gothic;font-size:11px}.big-container .step-field-active-Pass{font-weight:700!important}.big-container .step-field-active-Fail{color:red!important;font-family:Century Gothic;font-size:11px;font-weight:700!important}.big-container .step-field-active-Pending{color:#fcae1e!important;font-family:Century Gothic;font-size:11px;font-weight:700!important}.employee-details .slash{background-color:#0f81c2;height:45px;width:4px}.employee-details .page-right-title-en{font-family:Poppins!important;font-size:15px}@media(min-width:769px)and (max-width:1024px){.employee-details .page-right-title-en{font-size:15px}}@media(min-width:426px)and (max-width:600px){.employee-details .page-right-title-en{font-size:16px}}.employee-details .page-right-title-en-link{color:#0f81c2;font-family:Poppins!important;font-size:15px}.employee-details .page-right-title-en-link :hover{cursor:pointer!important}@media(min-width:769px)and (max-width:1024px){.employee-details .page-right-title-en-link{font-size:15px}}@media(min-width:426px)and (max-width:600px){.employee-details .page-right-title-en-link{font-size:16px}}.employee-details .page-right-title-kh{font-family:Khmer OS Muol Light!important;font-size:13px}@media(min-width:769px)and (max-width:1024px){.employee-details .page-right-title-kh{font-size:13px}}@media(min-width:426px)and (max-width:600px){.employee-details .page-right-title-kh{font-size:12px}}.employee-details .page-right-title-kh-link{color:#0f81c2;font-family:Khmer OS Muol Light!important;font-size:13px}.employee-details .page-right-title-kh-link :hover{cursor:pointer!important}@media(min-width:769px)and (max-width:1024px){.employee-details .page-right-title-kh-link{font-size:13px}}@media(min-width:426px)and (max-width:600px){.employee-details .page-right-title-kh-link{font-size:12px}}.employee-details .page-title-en{color:#0f81c2;font-family:Poppins!important;font-size:20px;font-weight:700}@media(min-width:769px)and (max-width:1024px){.employee-details .page-title-en{font-size:20px}}@media(min-width:426px)and (max-width:600px){.employee-details .page-title-en{font-size:16px}}.employee-details .page-title-kh{color:#0f81c2;font-family:Khmer OS Muol Light!important;font-size:20px}@media(min-width:769px)and (max-width:1024px){.employee-details .page-title-kh{font-size:20px}}@media(min-width:426px)and (max-width:600px){.employee-details .page-title-kh{font-size:16px}}.employee-details .page-title-mobile{color:#0f81c2;display:none;font-size:20px;font-weight:700}@media(min-width:426px)and (max-width:600px){.employee-details .page-title-mobile{display:flex!important}}@media(min-width:377px)and (max-width:425px){.employee-details .page-title-mobile{display:flex!important}}@media(min-width:0px)and (max-width:376px){.employee-details .page-title-mobile{display:flex!important}}.employee-details .btn-addes{background-color:#0f81c2!important;border-radius:10px;flex-direction:column;justify-content:center;padding:4px 10px}.employee-details .btn-addes .style-add-en{color:#fff;font-family:Poppins;font-size:15px;font-weight:700;text-transform:none}.employee-details .btn-addes .style-add-kh{color:#fff;font-family:Khmer OS Siemreap;font-size:15px;font-weight:700;text-transform:none}.employee-details .main-containner{margin-top:10px}@media(min-width:426px)and (max-width:600px){.employee-details .main-containner .box-container{display:none!important}}@media(min-width:377px)and (max-width:425px){.employee-details .main-containner .box-container{display:none!important}}@media(min-width:0px)and (max-width:376px){.employee-details .main-containner .box-container{display:none!important}}.employee-details .main-containner .box-container .tab{background-color:#fff;border-radius:5px;cursor:pointer;margin-right:8px;padding:8px 20px;width:100%}.employee-details .main-containner .box-container .tab .title-tab{color:#545454;font-family:Khmer OS Siemreap;font-size:14px;text-align:center}.employee-details .main-containner .box-container .tab .icon-tab{color:#545454;font-size:24px}.employee-details .main-containner .box-container .tab:hover{background-color:#f0f0f0;transition:background-color .2s}.employee-details .main-containner .box-container .active-tab{background-color:#fff;border-radius:5px;cursor:pointer;margin-right:8px;padding:7px 20px;width:100%}.employee-details .main-containner .box-container .active-tab .title-tab{color:#0f81c2;font-family:Khmer OS Siemreap;font-size:14px;font-weight:700;text-align:center}.employee-details .main-containner .box-container .active-tab .icon-tab{color:#0f81c2;font-size:24px}.employee-details .main-containner .btn-create{background-color:#0f81c2!important;border-radius:10px;color:#fff;padding:8px 30px}.employee-details .main-containner .btn-create .style-add-en{color:#fff;font-family:Poppins!important;font-size:15px;font-weight:700;text-transform:uppercase!important}.employee-details .main-containner .btn-create .style-add-kh{color:#fff;font-family:Khmer OS Siemreap!important;font-size:16px;font-weight:700;text-transform:none}.employee-details .main-containner .btn-create .icon-add{height:18px;width:18px}.employee-details .main-containner .box-container-mobile{border-bottom:1px solid gray;display:none;padding:10px 0}@media(min-width:426px)and (max-width:600px){.employee-details .main-containner .box-container-mobile{display:block}}@media(min-width:377px)and (max-width:425px){.employee-details .main-containner .box-container-mobile{display:block}}@media(min-width:0px)and (max-width:376px){.employee-details .main-containner .box-container-mobile{display:block}}.employee-details .main-containner .box-container-mobile .container-textfield{background-color:#fff;border-radius:8px;padding:5px;width:75%}.employee-details .main-containner .box-container-mobile .container-textfield .select-field .MuiInputLabel-root,.employee-details .main-containner .box-container-mobile .container-textfield .select-field .MuiOutlinedInput-input{color:#000!important}.employee-details .main-containner .box-container-mobile .container-textfield .select-field .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#fff}.employee-details .main-containner .box-container-mobile .container-textfield .select-field :hover .MuiOutlinedInput-input{color:#fff}.employee-details .main-containner .box-container-mobile .container-textfield .select-field :hover .MuiInputLabel-root{color:#000}.employee-details .main-containner .box-container-mobile .container-textfield .select-field :hover .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#fff}.employee-details .main-containner .box-container-mobile .container-textfield .select-field .MuiInputLabel-root.Mui-focused,.employee-details .main-containner .box-container-mobile .container-textfield .select-field .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-input{color:#000}.employee-details .main-containner .box-container-mobile .container-textfield .select-field .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#fff}.employee-id-card{padding-bottom:40px}.employee-id-card .slash{background-color:#0f81c2;height:45px;width:4px}.employee-id-card .color{color:#0f81c2;font-size:22px;font-weight:700}.employee-id-card .main-containner{margin-top:20px}.employee-id-card .background-image,.employee-id-card .idcard-container{height:314mm;width:200mm}.employee-id-card .body-container{margin-top:-220mm;padding:0 20px}.employee-id-card .body-container .image-style{border-radius:7mm;height:86mm;object-fit:cover!important;overflow:hidden!important;width:75mm}.employee-id-card .body-container .idcard-name{color:#16673c!important;font-family:BayonRegular!important;font-size:40pt!important;letter-spacing:normal!important;margin-top:10px!important;text-align:center}.employee-id-card .body-container .idcard-latin-name{color:#16673c!important;font-family:Century Gothic!important;font-size:33pt!important;font-weight:700!important;margin-top:-6px;text-align:center}.employee-id-card .body-container .idcard-positions{font-size:30pt!important;margin-top:-2px}.employee-id-card .body-container .idcard-positions,.employee-id-card .body-container .idcard-positions-small{color:#1183c3!important;font-family:Kantumruy!important;font-weight:700!important;letter-spacing:normal!important;text-align:center}.employee-id-card .body-container .idcard-positions-small{font-size:26pt!important;margin-top:-10px}.employee-id-card .body-container .idcard-positions-smaller{color:#1183c3!important;font-family:Kantumruy!important;font-size:20pt!important;font-weight:700!important;letter-spacing:normal!important;margin-top:-5px;text-align:center}.employee-id-card .body-container .idcard-expire-title{color:#1183c3!important;font-family:Century Gothic!important;font-size:26pt!important;font-weight:700!important}.employee-id-card .body-container .idcard-expire-date{color:#1183c3!important;cursor:pointer;font-family:Century Gothic!important;font-size:33pt!important;font-weight:700!important}.employee-id-card .footer-container-card{margin-top:20px!important;padding:0 40px!important}.employee-id-card .footer-container{margin-top:20px;width:200mm}.employee-id-card .footer-container .btn-action{background-color:#0f81c2!important;border-radius:10px;color:#fff;width:100%}.deletehead-idcard .MuiPaper-root{border-radius:12px!important;width:450px!important}.deletehead-idcard .close-icon{color:red;cursor:pointer}.deletehead-idcard .title{color:#0f81c2;font-weight:700}.deletehead-idcard .body-title{color:#0f81c2}.deletehead-idcard .body-void{color:#0f81c2;font-weight:700;text-transform:uppercase}.deletehead-idcard .btn-void{background-color:red;border:none;color:#fff}.deletehead-idcard .action-button{padding:0 18px 16px;width:100%}.deletehead-idcard .action-button .create-btn-holiday{box-shadow:none!important}.deletehead-idcard .action-button .create-btn-timeoff{background-color:#0f81c2;border-radius:5px;color:#fff;font-weight:700;margin-top:20px;padding:8px 40px;width:100%}.deletehead-idcard .action-button .btn-delete{background-color:#ff4747;color:#fff;margin-top:20px;width:100%}.deletehead-idcard .action-button .btn-cencel{background-color:red!important;border-radius:10px;color:#fff;padding:8px 0;width:100%}.deletehead-idcard .action-button .btn-generate{background-color:#0f81c2!important;border-radius:10px;color:#fff;padding:8px 0;width:100%}.contract-dialog .MuiPaper-root{border-radius:12px!important}.contract-dialog .header-title-en{color:#0f81c2;font-family:Poppins;font-size:20px;font-weight:700}.contract-dialog .header-title-kh{color:#0f81c2;font-family:Khmer OS Siemreap;font-size:20px;font-weight:700}.contract-dialog .title{color:#0f81c2;font-family:Poppins;font-size:"Poppins";font-weight:700}.contract-dialog .close-icon{color:red;cursor:pointer}.contract-dialog .field-title-en{color:#0f81c2;font-family:Poppins;font-size:15px;font-weight:700}.contract-dialog .field-title-kh{color:#0f81c2;font-family:Khmer OS Siemreap;font-size:15px;font-weight:700}.contract-dialog .text-field{border-radius:6px;font-family:Poppins;width:100%}.contract-dialog .text-field .MuiOutlinedInput-input{border-radius:10px;font-family:Khmer OS Siemreap}.contract-dialog .box-text-field{display:flex;justify-content:center}.contract-dialog .box-text-field .icon-image{background-color:#fff;border:.5px solid #ccc;border-radius:50%;color:gray;font-size:2.5em;padding:5px}.contract-dialog .box-text-field .import-image{cursor:pointer;height:auto;width:100%}.contract-dialog .field-title-image{color:#0f81c2;font-size:16px;font-weight:700;padding-bottom:20px;text-align:center}.contract-dialog .crop-icon{display:flex;justify-content:center;width:100%}.contract-dialog .action-button{padding:0 18px 16px;width:100%}.contract-dialog .action-button .btn-create{background-color:#0f81c2;border-radius:5px;color:#fff;font-weight:700;padding:8px 40px;width:100%}.contract-dialog .action-button .btn-create .style-add-en{color:#fff;font-family:Poppins;font-size:15px;text-transform:none}.contract-dialog .action-button .btn-create .style-add-kh{color:#fff;font-family:Khmer OS Siemreap;font-size:15px;font-weight:700;text-transform:none}.employee-setting .slash{background-color:#0f81c2;height:45px;width:4px}.employee-setting .color{color:#0f81c2;font-size:22px;font-weight:700}.employee-setting .btn-add{background-color:#0f81c2;border-radius:10px;height:40px;padding:0 8px;transition:.3s}.employee-setting .btn-add:hover{background-color:#47a6ff;box-shadow:0 .4em .4em -.4em #0f81c2;-webkit-transform:translateY(-.2em);transform:translateY(-.2em);transition:.3s}.employee-setting .btn-add .style-add{color:#fff;font-size:16px;font-weight:400;text-transform:none}.employee-setting .main-containner{margin-top:20px}.employee-setting .main-containner .profile-container{background-color:#fff;border-radius:10px;padding:20px}.employee-setting .main-containner .profile-container .profile{justify-content:center}.employee-setting .main-containner .profile-container .profile .avater-image{height:160px;margin-top:10px;width:160px}.employee-setting .main-containner .profile-container .name-container-khmer{font-family:Khmer OS Siemreap;font-size:20px;margin-top:10px;text-align:center}.employee-setting .main-containner .profile-container .name-container{font-family:Poppins;font-size:16px;font-weight:700;text-align:center}.employee-setting .main-containner .profile-container .position-container{font-family:Poppins;font-size:15px;text-align:center}.employee-setting .main-containner .profile-container .box-contact{padding:10px}.employee-setting .main-containner .profile-container .box-contact .contact-icon{color:#0f81c2}.employee-setting .main-containner .profile-container .box-contact .contact-icon-location{color:#0f81c2;font-size:30px}.employee-setting .main-containner .profile-container .box-contact .contact-des{font-family:Poppins;font-size:14px;font-weight:700;margin-top:2px}.employee-setting .main-containner .grid-date{display:flex;justify-items:flex-end}.employee-setting .main-containner .grid-date .btn-filter{background-color:#fff;border-radius:10px;display:flex;flex-direction:column;justify-content:center;width:100%}.employee-setting .main-containner .grid-date .btn-filter .form-controll-select .MuiOutlinedInput-input{border-radius:10px;color:#000!important}.employee-setting .main-containner .grid-date .text-field{background-color:#fff;border-radius:10px}.employee-setting .main-containner .grid-date .text-field .MuiOutlinedInput-input{color:#000!important}.employee-setting .main-containner .grid-date .text-field .MuiInputLabel-root{background-color:#fff;color:#000!important}.employee-setting .main-containner .grid-date .text-field .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#fff;border-radius:10px;color:#000}.employee-setting .main-containner .grid-date .text-field :hover .MuiOutlinedInput-input{border-radius:10px;color:#fff}.employee-setting .main-containner .grid-date .text-field :hover .MuiInputLabel-root{border-color:#fff;color:#000}.employee-setting .main-containner .grid-date .text-field :hover .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#fff;border-radius:10px}.employee-setting .main-containner .grid-date .text-field .MuiInputLabel-root.Mui-focused,.employee-setting .main-containner .grid-date .text-field .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-input{color:#000}.employee-setting .main-containner .grid-date .text-field .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#fff;border-radius:10px}.employee-setting .main-containner .grid-date .btn-setup{background-color:#0f81c2;border-radius:8px;color:#fff;font-family:Khmer OS Siemreap;width:100%}.employee-setting .main-containner .table{background-color:#fff;border-radius:10px;padding:25px}.employee-setting .main-containner .table .btn-reset{padding:8px 0}.employee-setting .main-containner .table .title{color:#0061bd;font-family:Poppins;font-weight:700;letter-spacing:.7px}.public-holiday .main-containner{margin-top:20px}.public-holiday .main-containner .profile-container{background-color:#fff;border-radius:10px;padding:20px}.public-holiday .main-containner .profile-container .profile{justify-content:center}.public-holiday .main-containner .profile-container .profile .avater-image{height:160px;margin-top:10px;width:160px}.public-holiday .main-containner .profile-container .name-container-khmer{font-family:Khmer OS Siemreap;font-size:20px;margin-top:10px;text-align:center}.public-holiday .main-containner .profile-container .name-container{font-family:Poppins;font-size:16px;font-weight:700;text-align:center}.public-holiday .main-containner .profile-container .position-container{font-family:Poppins;font-size:15px;text-align:center}.public-holiday .main-containner .profile-container .box-contact{padding:10px}.public-holiday .main-containner .profile-container .box-contact .contact-icon{color:#0f81c2}.public-holiday .main-containner .profile-container .box-contact .contact-icon-location{color:#0f81c2;font-size:30px}.public-holiday .main-containner .profile-container .box-contact .contact-des{font-family:Poppins;font-size:14px;font-weight:700;margin-top:2px}.public-holiday .main-containner .profile-container .box-contact .contact-des-place{font-family:Khmer OS Siemreap;font-size:14px;font-weight:700;margin-top:2px}.public-holiday .main-containner .leave-container{background-color:#fff;border-radius:10px;margin-top:20px;padding:20px}.public-holiday .main-containner .leave-container .grid-leave{display:flex;justify-content:center}.public-holiday .main-containner .leave-container .grid-leave .box-leave{border-right:2px solid #d6d6d6;width:100%}.public-holiday .main-containner .leave-container .grid-leave .box-leave .leave-num{font-family:Poppins;font-weight:700;text-align:center}.public-holiday .main-containner .leave-container .grid-leave .box-leave .leave-public{color:#000;font-family:Poppins;font-size:15px;text-align:center}.public-holiday .main-containner .leave-container .grid-leave .box-leave .leave-annual{color:green;font-family:Poppins;font-size:15px;text-align:center}.public-holiday .main-containner .leave-container .grid-leave .box-leave .leave-unpaid{color:red;font-family:Poppins;font-size:15px;text-align:center}.public-holiday .main-containner .leave-container .grid-leave .last-box-leave{width:100%}.public-holiday .main-containner .leave-container .grid-leave .last-box-leave .leave-num{font-family:Poppins;font-weight:700;text-align:center}.public-holiday .main-containner .leave-container .grid-leave .last-box-leave .leave-permission{color:#0f81c2;font-family:Poppins;font-size:15px;text-align:center}.public-holiday .main-containner .grid-date{display:flex;justify-items:flex-end}.public-holiday .main-containner .grid-date .btn-filter{background-color:#fff;border-radius:10px;display:flex;flex-direction:column;justify-content:center;width:100%}.public-holiday .main-containner .grid-date .btn-filter .form-controll-select .MuiOutlinedInput-input{border-radius:10px;color:#000!important}.public-holiday .main-containner .grid-date .btn-filter .form-controll-select .MuiMenuItem-gutters{font-family:Siemreap!important}.public-holiday .main-containner .grid-date .text-field{background-color:#fff;border-radius:10px}.public-holiday .main-containner .grid-date .text-field .MuiOutlinedInput-input{color:#000!important}.public-holiday .main-containner .grid-date .text-field .MuiInputLabel-root{background-color:#fff;color:#000!important}.public-holiday .main-containner .grid-date .text-field .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#fff;border-radius:10px;color:#000}.public-holiday .main-containner .grid-date .text-field :hover .MuiOutlinedInput-input{border-radius:10px;color:#fff}.public-holiday .main-containner .grid-date .text-field :hover .MuiInputLabel-root{border-color:#fff;color:#000}.public-holiday .main-containner .grid-date .text-field :hover .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#fff;border-radius:10px}.public-holiday .main-containner .grid-date .text-field .MuiInputLabel-root.Mui-focused,.public-holiday .main-containner .grid-date .text-field .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-input{color:#000}.public-holiday .main-containner .grid-date .text-field .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#fff;border-radius:10px}.public-holiday .main-containner .table{background-color:#fff;border-radius:10px;padding:20px}.public-holiday .main-containner .table .table-cell-en{background-color:#0f81c2;border:none;color:#fff;font-family:Poppins;font-size:16px;font-weight:700;padding:10px 20px}.public-holiday .main-containner .table .table-cell-kh{background-color:#0f81c2;border:none;color:#fff;font-family:Khmer OS Siemreap;font-size:16px;font-weight:700;padding:10px 20px}.public-holiday .main-containner .table .tablecell-body{color:#000;font-family:Khmer OS Siemreap;font-size:15px;padding:10px 20px}.public-holiday .main-containner .table .tablecell-body .attendance-morning{font-family:Khmer OS Siemreap;font-size:13px}.public-holiday .main-containner .box-seemore{display:flex;justify-content:center;margin-top:10px}.public-holiday .main-containner .box-seemore .btn-seemore{font-family:Poppins;text-align:center;text-transform:none;width:20%}.contract-details .slash{background-color:#0f81c2;height:45px;width:4px}.contract-details .color{color:#0f81c2;font-size:22px;font-weight:700}.contract-details .btn-add{background-color:#0f81c2;border-radius:10px;display:flex;flex-direction:column;justify-content:center;padding:0 8px}.contract-details .btn-add .style-add{color:#fff;font-size:16px;font-weight:400;text-transform:none}.contract-details .main-containner{margin-top:20px}.contract-details .main-containner .profile-container{background-color:#fff;border-radius:10px;padding:20px}.contract-details .main-containner .profile-container .profile{justify-content:center}.contract-details .main-containner .profile-container .profile .avater-image{height:160px;margin-top:10px;width:160px}.contract-details .main-containner .profile-container .profile-name-khmer{font-family:Khmer OS Siemreap;font-size:20px;text-align:center}.contract-details .main-containner .profile-container .profile-name{font-family:Poppins;font-size:16px;font-weight:700;text-align:center}.contract-details .main-containner .profile-container .title-items,.contract-details .main-containner .profile-container .title-items-en{font-family:Poppins;font-size:14px;margin-top:10px}.contract-details .main-containner .profile-container .title-items-kh{font-family:Khmer OS Siemreap;font-size:14px;margin-top:10px}.contract-details .main-containner .profile-container .items-name{font-family:Khmer OS Siemreap;font-size:14px;font-weight:700;margin-top:10px}.contract-details .main-containner .table-container{background-color:#fff;border-radius:10px;margin-top:0;padding:15px;width:100%}@media(min-width:0px)and (max-width:376px){.contract-details .main-containner .table-container{width:310px!important}}@media(min-width:377px)and (max-width:425px){.contract-details .main-containner .table-container{width:370px!important}}@media(min-width:426px)and (max-width:600px){.contract-details .main-containner .table-container{width:476px!important}}.contract-details .main-containner .table-container .title-table{background-color:#0f81c2;border-radius:10px;color:#fff;font-family:Poppins;font-size:16px;font-weight:700;padding:10px 0 10px 20px}.contract-details .main-containner .table-container .education-table{border-collapse:initial;border-spacing:0 8px;display:table;overflow-x:auto;white-space:nowrap;width:100%}.contract-details .main-containner .table-container .education-table .table-row .table-cell-first-en{background-color:#0f81c2;border-radius:10px 0 0 10px;color:#fff;font-family:Poppins;font-size:16px;font-weight:700;padding:10px 20px}.contract-details .main-containner .table-container .education-table .table-row .table-cell-first-kh{background-color:#0f81c2;border-radius:10px 0 0 10px;color:#fff;font-family:Khmer OS Siemreap;font-size:16px;font-weight:700;padding:10px 20px}.contract-details .main-containner .table-container .education-table .table-row .table-cell-en{background-color:#0f81c2;color:#fff;font-family:Poppins;font-size:16px;font-weight:700;padding:10px 20px}.contract-details .main-containner .table-container .education-table .table-row .table-cell-kh{background-color:#0f81c2;color:#fff;font-family:Khmer OS Siemreap;font-size:16px;font-weight:700;padding:10px 20px}.contract-details .main-containner .table-container .education-table .table-row .table-cell-last{background-color:#0f81c2;border-radius:0 10px 10px 0;color:#fff;font-family:Poppins;font-size:16px;font-weight:700;padding:10px 20px}.contract-details .main-containner .table-container .education-table .table-row-body .table-cell{font-family:Khmer OS Siemreap;font-size:15px;padding:10px 20px!important}.contract-details .main-containner .deactive-status{background-color:red;border-radius:8px;padding:5px;width:100%}.contract-details .main-containner .deactive-status .text-status{color:#fff;font-family:Poppins;font-size:15px;text-align:center}.contract-details .main-containner .active-status{background-color:green;border-radius:8px;padding:5px;width:100%}.contract-details .main-containner .active-status .text-status{color:#fff;font-family:Poppins;font-size:15px;text-align:center}.action-view{color:#ffc107}.view{border:1px solid #545454!important;border-radius:8px!important;color:#545454!important;font-size:13px!important;padding:0 10px!important;text-align:center!important}.update,.view{font-family:Khmer OS Siemreap!important}.update{background-color:#0f81c2!important;color:#fff!important;width:100%}.title{color:#545454;font-size:22px;font-weight:700!important}.title,.top-title-contract{font-family:Khmer OS Siemreap!important}.top-title-contract{color:#0f81c2}.value-contract{font-family:Khmer OS Siemreap!important;font-weight:700!important;margin:10px 0 0!important}.btn-active-contract{background-color:#0f81c2!important;font-family:Khmer OS Siemreap!important}.btn-active-contract,.btn-deactive-contract{color:#fff!important;text-transform:none!important;width:100px!important}.btn-deactive-contract{background-color:orange!important}.btn-expired-contract{background-color:red!important;color:#fff!important;text-transform:none!important;width:100px!important}.icon-box{border:1px solid #545454;border-radius:8px;color:#545454;padding:5px}.icon-box .icon{font-size:23px}.search-field{background-color:#fff;border-radius:6px;font-family:Siemreap,!important!important;font-size:15px;width:100%}.search-field .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline,.search-field .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-input,.search-field .css-19qh8xo-MuiInputBase-input-MuiOutlinedInput-input,.search-field .css-1ua80n0-MuiInputBase-input-MuiOutlinedInput-input{border:none!important;font-family:Khmer OS Siemreap!important;font-size:15px!important}.view-file-preview .MuiPaper-root{border-radius:12px!important}.view-file-preview .containter{height:800px;width:100%}.employee-warning .slash{background-color:#0f81c2;height:45px;width:4px}.employee-warning .color{color:#0f81c2;font-size:22px;font-weight:700}.employee-warning .btn-add{background-color:#0f81c2;border-radius:10px;height:40px;padding:0 8px;transition:.3s}.employee-warning .btn-add:hover{background-color:#47a6ff;box-shadow:0 .4em .4em -.4em #0f81c2;-webkit-transform:translateY(-.2em);transform:translateY(-.2em);transition:.3s}.employee-warning .btn-add .style-add{color:#fff;font-size:16px;font-weight:400;text-transform:none}.employee-warning .main-containner{margin-top:20px}.employee-warning .main-containner .profile-container{background-color:#fff;border-radius:10px;padding:20px}.employee-warning .main-containner .profile-container .profile{justify-content:center}.employee-warning .main-containner .profile-container .profile .avater-image{height:160px;margin-top:10px;width:160px}.employee-warning .main-containner .profile-container .name-container-khmer{font-family:Khmer OS Siemreap;font-size:20px;margin-top:10px;text-align:center}.employee-warning .main-containner .profile-container .name-container{font-family:Poppins;font-size:16px;font-weight:700;text-align:center}.employee-warning .main-containner .profile-container .position-container{font-family:Poppins;font-size:15px;text-align:center}.employee-warning .main-containner .profile-container .box-contact{padding:10px}.employee-warning .main-containner .profile-container .box-contact .contact-icon{color:#0f81c2}.employee-warning .main-containner .profile-container .box-contact .contact-icon-location{color:#0f81c2;font-size:30px}.employee-warning .main-containner .profile-container .box-contact .contact-des{font-family:Poppins;font-size:14px;font-weight:700;margin-top:2px}.employee-warning .main-containner .grid-date{display:flex;justify-items:flex-end}.employee-warning .main-containner .grid-date .btn-filter{background-color:#fff;border-radius:10px;display:flex;flex-direction:column;justify-content:center;width:100%}.employee-warning .main-containner .grid-date .btn-filter .form-controll-select .MuiOutlinedInput-input{border-radius:10px;color:#000!important}.employee-warning .main-containner .grid-date .text-field{background-color:#fff;border-radius:10px}.employee-warning .main-containner .grid-date .text-field .MuiOutlinedInput-input{color:#000!important}.employee-warning .main-containner .grid-date .text-field .MuiInputLabel-root{background-color:#fff;color:#000!important}.employee-warning .main-containner .grid-date .text-field .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#fff;border-radius:10px;color:#000}.employee-warning .main-containner .grid-date .text-field :hover .MuiOutlinedInput-input{border-radius:10px;color:#fff}.employee-warning .main-containner .grid-date .text-field :hover .MuiInputLabel-root{border-color:#fff;color:#000}.employee-warning .main-containner .grid-date .text-field :hover .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#fff;border-radius:10px}.employee-warning .main-containner .grid-date .text-field .MuiInputLabel-root.Mui-focused,.employee-warning .main-containner .grid-date .text-field .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-input{color:#000}.employee-warning .main-containner .grid-date .text-field .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#fff;border-radius:10px}.employee-warning .main-containner .grid-date .btn-setup{background-color:#0f81c2;border-radius:8px;color:#fff;font-family:Khmer OS Siemreap;width:100%}.employee-warning .main-containner .table{background-color:#fff;border-radius:10px;padding:20px}.employee-warning .main-containner .table .table-cell-en{background-color:#0f81c2;border:none;color:#fff;font-family:Poppins;font-size:16px;font-weight:700;padding:10px 20px}.employee-warning .main-containner .table .table-cell-kh{background-color:#0f81c2;border:none;color:#fff;font-family:Khmer OS Siemreap;font-size:16px;font-weight:700;padding:10px 20px}.employee-warning .main-containner .table .tablecell-body{color:#000;font-family:Khmer OS Siemreap;font-size:15px;padding:10px 20px}.employee-warning .main-containner .table .tablecell-body .attendance-morning{font-family:Poppins;font-size:13px}.employee-warning .main-containner .box-seemore{display:flex;justify-content:center;margin-top:10px}.employee-warning .main-containner .box-seemore .btn-seemore{font-family:Poppins;text-align:center;text-transform:none;width:20%}@media print{.warning-report-styles{background-color:#fff;width:100%}.warning-report-styles .logo-image{height:auto;margin-top:15px;width:80px}.warning-report-styles .tackteng-font{display:flex;justify-content:center}.warning-report-styles .tackteng-font .image-tackteng{width:140px}.warning-report-styles .title-Report{font-family:Khmer OS Muol Light;font-size:10px;font-weight:100!important;letter-spacing:normal!important;text-align:center}.warning-report-styles .title-En{font-family:Poppins;font-size:10px;font-weight:700;text-align:center}.warning-report-styles .container{display:block;height:100%!important}.warning-report-styles .container .expired-contract-table{border-spacing:0!important;display:table;margin-top:10px;overflow-x:auto;white-space:nowrap;width:100%}.warning-report-styles .container .expired-contract-table .header-title{background-color:rgba(198,216,230,.71);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}.warning-report-styles .container .expired-contract-table .body-text{border:.2px solid #92cbf9!important;font-family:Khmer OS Siemreap;font-size:10px!important;letter-spacing:normal!important;padding:4px 6px;text-align:center}.warning-report-styles .container .expired-contract-table-footer{border-spacing:0!important;display:table;margin-top:10px;overflow-x:auto;white-space:nowrap;width:100%}.warning-report-styles .container .expired-contract-table-footer .header-title{background-color:#deeffd;font-family:Khmer OS Muol Light;font-size:10px!important;font-weight:100!important;letter-spacing:normal!important;padding:4px}.warning-report-styles .container .expired-contract-table-footer .body-text{font-family:Khmer OS Siemreap;font-size:10px!important;letter-spacing:normal!important;padding:0 4px}.warning-report-styles .container .loan-footer-title{color:#000;font-family:Khmer OS Siemreap;font-size:10px;text-align:center}.warning-report-styles .container .loan-footer-name{color:#000;font-family:Khmer OS Muol Light;font-size:10px;font-weight:100!important;text-align:center}}.footer-set{background-color:#fff;text-align:center;width:100%}.footer-set .divider{border:2px solid #0f81c2;margin-top:20px}.footer-set .footer{color:#0f81c2;font-family:Khmer OS Siemreap;font-size:11px!important;font-weight:500;letter-spacing:normal!important;line-height:20px}.set-up-head-comment .MuiPaper-root{border-radius:12px!important;width:"500px"}.set-up-head-comment .header-title{color:#0f81c2;font-size:20px;font-weight:700}.set-up-head-comment .close-icon{color:red}.set-up-head-comment .header-body{color:#007654;font-family:Century Gothic;font-size:15px;font-weight:700}.set-up-head-comment .btn-action{padding:10px;width:100%}.set-up-head-comment .btn-action .btn-setup{background-color:#007654;border-radius:8px;color:#fff;font-family:Century Gothic;width:100%}.employee-attendance .main-containner{margin-top:20px}.employee-attendance .main-containner .search-field{background-color:#fff;border-radius:6px;font-family:Siemreap,!important!important;font-size:15px;width:100%}.employee-attendance .main-containner .search-field .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline,.employee-attendance .main-containner .search-field .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-input,.employee-attendance .main-containner .search-field .css-19qh8xo-MuiInputBase-input-MuiOutlinedInput-input,.employee-attendance .main-containner .search-field .css-1ua80n0-MuiInputBase-input-MuiOutlinedInput-input{border:none!important;font-family:Khmer OS Siemreap!important;font-size:15px!important}.employee-attendance .main-containner .profile-container{background-color:#fff;border-radius:10px;padding:20px}.employee-attendance .main-containner .profile-container .profile{justify-content:center}.employee-attendance .main-containner .profile-container .profile .avater-image{height:160px;margin-top:10px;width:160px}.employee-attendance .main-containner .profile-container .name-container-khmer{font-family:Khmer OS Siemreap;font-size:20px;margin-top:10px;text-align:center}.employee-attendance .main-containner .profile-container .name-container{font-family:Poppins;font-size:16px;font-weight:700;text-align:center}.employee-attendance .main-containner .profile-container .position-container{font-family:Poppins;font-size:15px;text-align:center}.employee-attendance .main-containner .profile-container .box-contact{padding:10px}.employee-attendance .main-containner .profile-container .box-contact .contact-icon{color:#0f81c2}.employee-attendance .main-containner .profile-container .box-contact .contact-icon-location{color:#0f81c2;font-size:30px}.employee-attendance .main-containner .profile-container .box-contact .contact-des{font-family:Poppins;font-size:14px;font-weight:700;margin-top:2px}.employee-attendance .main-containner .profile-container .box-contact .contact-des-place{font-family:Khmer OS Siemreap;font-size:14px;font-weight:700;margin-top:2px}.employee-attendance .main-containner .leave-container{background-color:#fff;border-radius:10px;margin-top:20px;padding:20px}.employee-attendance .main-containner .leave-container .grid-leave{display:flex;justify-content:center}.employee-attendance .main-containner .leave-container .grid-leave .box-leave{border-right:2px solid #d6d6d6;width:100%}.employee-attendance .main-containner .leave-container .grid-leave .box-leave .leave-num{font-family:Poppins;font-size:20px;font-weight:700;text-align:center}.employee-attendance .main-containner .leave-container .grid-leave .box-leave .leave-annual-en{color:#909090;font-family:Poppins;font-size:15px;text-align:center}.employee-attendance .main-containner .leave-container .grid-leave .box-leave .leave-annual-kh{color:#909090;font-family:Khmer OS Siemreap;font-size:15px;text-align:center}.employee-attendance .main-containner .leave-container .grid-leave .last-box-leave{width:100%}.employee-attendance .main-containner .leave-container .grid-leave .last-box-leave .leave-num{font-family:Poppins;font-size:24px;font-weight:700;text-align:center}.employee-attendance .main-containner .leave-container .grid-leave .last-box-leave .leave-permission,.employee-attendance .main-containner .leave-container .grid-leave .last-box-leave .leave-permission-en{color:#0f81c2;font-family:Poppins;font-size:15px;text-align:center}.employee-attendance .main-containner .leave-container .grid-leave .last-box-leave .leave-permission-kh{color:#0f81c2;font-family:Khmer OS Siemreap;font-size:15px;text-align:center}.employee-attendance .main-containner .grid-date{display:flex;justify-items:flex-end}.employee-attendance .main-containner .grid-date .btn-filter{background-color:#fff;border-radius:10px;display:flex;flex-direction:column;justify-content:center;width:100%}.employee-attendance .main-containner .grid-date .btn-filter .form-controll-select .MuiOutlinedInput-input{border-radius:10px;color:#000!important}.employee-attendance .main-containner .grid-date .btn-filter .form-controll-select .MuiMenuItem-gutters{font-family:Siemreap!important}.employee-attendance .main-containner .grid-date .text-field{background-color:#fff;border-radius:10px}.employee-attendance .main-containner .grid-date .text-field .MuiOutlinedInput-input{color:#000!important}.employee-attendance .main-containner .grid-date .text-field .MuiInputLabel-root{background-color:#fff;color:#000!important}.employee-attendance .main-containner .grid-date .text-field .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#fff;border-radius:10px;color:#000}.employee-attendance .main-containner .grid-date .text-field :hover .MuiOutlinedInput-input{border-radius:10px;color:#fff}.employee-attendance .main-containner .grid-date .text-field :hover .MuiInputLabel-root{border-color:#fff;color:#000}.employee-attendance .main-containner .grid-date .text-field :hover .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#fff;border-radius:10px}.employee-attendance .main-containner .grid-date .text-field .MuiInputLabel-root.Mui-focused,.employee-attendance .main-containner .grid-date .text-field .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-input{color:#000}.employee-attendance .main-containner .grid-date .text-field .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#fff;border-radius:10px}.employee-attendance .main-containner .table-attendance{background-color:#fff;border-radius:10px;margin-top:20px;padding:20px}.employee-attendance .main-containner .table-attendance .tablecell-container-en{background-color:#0f81c2;border:none;color:#fff;font-family:Poppins;font-size:16px;font-weight:700;padding:10px 20px}.employee-attendance .main-containner .table-attendance .tablecell-container-kh{background-color:#0f81c2;border:none;color:#fff;font-family:Khmer OS Siemreap;font-size:16px;font-weight:700;padding:10px 20px}.employee-attendance .main-containner .table-attendance .tablecell-body{color:#000;font-family:Poppins;font-size:15px;padding:10px 20px}.employee-attendance .main-containner .table-attendance .tablecell-body .attendance-title{font-family:Siemreap!important;font-size:15px}.employee-attendance .main-containner .table-attendance .tablecell-body .attendance-text{border-radius:10px;color:#fff!important;font-size:11px;height:16px;padding:3px 5px 2px}.employee-attendance .main-containner .table-attendance .tablecell-body .Early,.employee-attendance .main-containner .table-attendance .tablecell-body .Good,.employee-attendance .main-containner .table-attendance .tablecell-body .Present{color:#0f81c2!important;text-align:center!important}.employee-attendance .main-containner .table-attendance .tablecell-body .None{color:gray!important;text-align:center!important}.employee-attendance .main-containner .table-attendance .tablecell-body .Permission{color:blue!important;text-align:center!important}.employee-attendance .main-containner .table-attendance .tablecell-body .Late{color:red!important;text-align:center!important}.employee-attendance .main-containner .table-attendance .tablecell-body .Permission-Status{color:green!important;font-family:Poppins;font-size:16px}.employee-attendance .main-containner .table-attendance .tablecell-body .Late-Status{color:red!important;font-family:Poppins;font-size:16px}.employee-attendance .main-containner .table-attendance .tablecell-body .Normal-Status{color:gray!important;font-family:Poppins;font-size:16px}.employee-attendance .main-containner .box-seemore{display:flex;justify-content:center;margin-top:10px}.employee-attendance .main-containner .box-seemore .btn-seemore{font-family:Poppins;text-align:center;text-transform:none;width:20%}.None-shift{background-color:#e7f3e6!important;border-radius:5px!important;color:gray!important;font-size:11px!important;padding:4px 10px!important;text-align:center!important;text-transform:uppercase!important}@media(min-width:1025px)and (max-width:1440px){.None-shift{font-size:8px!important}}.Present-shift{background-color:#e7f3e6!important;border-radius:5px!important;color:green!important;font-size:11px!important;padding:4px 10px!important;text-align:center!important;text-transform:uppercase!important}@media(min-width:1025px)and (max-width:1440px){.Present-shift{font-size:8px!important}}.Early-shift{background-color:#e7f3e6!important;border-radius:5px!important;color:green!important;font-size:11px!important;padding:4px 10px!important;text-align:center!important;text-transform:uppercase!important}@media(min-width:1025px)and (max-width:1440px){.Early-shift{font-size:8px!important}}.Permission-shift{background-color:#e7f3e6!important;border-radius:5px!important;color:blue!important;font-size:11px!important;padding:4px 10px!important;text-align:center!important;text-transform:uppercase!important}@media(min-width:1025px)and (max-width:1440px){.Permission-shift{font-size:8px!important}}.Late-shift{background-color:#ffe9e9!important;border-radius:2px!important;color:#fa2929;font-size:11px!important;padding:4px 10px!important;text-align:center!important;text-transform:uppercase!important}@media(min-width:1025px)and (max-width:1440px){.Late-shift{font-size:8px!important}}.attendance-Present-calen{color:green;font-size:14px!important}@media(min-width:1025px)and (max-width:1440px){.attendance-Present-calen{font-size:12px!important}}.attendance-None-calen{color:gray;font-size:14px!important}@media(min-width:1025px)and (max-width:1440px){.attendance-None-calen{font-size:12px!important}}.attendance-Early-calen{color:green;font-size:14px!important}@media(min-width:1025px)and (max-width:1440px){.attendance-Early-calen{font-size:12px!important}}.attendance-Late-calen{color:orange;font-size:14px!important}@media(min-width:1025px)and (max-width:1440px){.attendance-Late-calen{font-size:12px!important}}.attendance-Permission-calen{color:blue;font-size:14px!important}@media(min-width:1025px)and (max-width:1440px){.attendance-Permission-calen{font-size:12px!important}}.attendance-Good-calen{color:green;font-size:14px!important}@media(min-width:1025px)and (max-width:1440px){.attendance-Good-calen{font-size:12px!important}}.time-calen{font-size:12px!important;padding-left:5px}@media(min-width:1025px)and (max-width:1440px){.time-calen{font-size:10px!important}}.employee-head-comment-role .slash{background-color:#0f81c2;height:45px;width:4px}.employee-head-comment-role .color{color:#0f81c2;font-size:22px;font-weight:700}.employee-head-comment-role .btn-add{background-color:#0f81c2;border-radius:10px;height:40px;padding:0 8px;transition:.3s}.employee-head-comment-role .btn-add:hover{background-color:#47a6ff;box-shadow:0 .4em .4em -.4em #0f81c2;-webkit-transform:translateY(-.2em);transform:translateY(-.2em);transition:.3s}.employee-head-comment-role .btn-add .style-add{color:#fff;font-size:16px;font-weight:400;text-transform:none}.employee-head-comment-role .main-containner{margin-top:20px}.employee-head-comment-role .main-containner .profile-container{background-color:#fff;border-radius:10px;padding:20px}.employee-head-comment-role .main-containner .profile-container .profile{justify-content:center}.employee-head-comment-role .main-containner .profile-container .profile .avater-image{height:160px;margin-top:10px;width:160px}.employee-head-comment-role .main-containner .profile-container .name-container-khmer{font-family:Khmer OS Siemreap;font-size:20px;margin-top:10px;text-align:center}.employee-head-comment-role .main-containner .profile-container .name-container{font-family:Poppins;font-size:16px;font-weight:700;text-align:center}.employee-head-comment-role .main-containner .profile-container .position-container{font-family:Poppins;font-size:15px;text-align:center}.employee-head-comment-role .main-containner .profile-container .box-contact{padding:10px}.employee-head-comment-role .main-containner .profile-container .box-contact .contact-icon{color:#0f81c2!important}.employee-head-comment-role .main-containner .profile-container .box-contact .contact-icon-location{color:#0f81c2!important;font-size:30px}.employee-head-comment-role .main-containner .profile-container .box-contact .contact-des{font-family:Poppins;font-size:14px;font-weight:700;margin-top:2px}.employee-head-comment-role .main-containner .head-comment-container{background-color:#fff;border-radius:10px;padding:20px}.employee-head-comment-role .main-containner .head-comment-container .icon-rate{color:#0f81c2}.employee-head-comment-role .main-containner .head-comment-container .head-bold-comment{font-weight:700}.employee-head-comment-role .main-containner .head-comment-container .text-rate{color:#0f81c2;opacity:.55}.employee-head-comment-role .main-containner .comment-container{background-color:#fff;border-radius:10px;padding:20px}.employee-head-comment-role .main-containner .comment-container .icon-rate{color:#0f81c2}.employee-head-comment-role .main-containner .comment-container .text-bold-comment{font-weight:700}.employee-head-comment-role .main-containner .comment-container .comment-rate{padding:20px}.employee-head-comment-role .main-containner .comment-container .comment-text{background-color:hsla(0,0%,89%,.414);border-radius:10px;margin-top:10px;padding:20px}.deletehead-comment .MuiPaper-root{border-radius:12px!important;width:450px!important}.deletehead-comment .close-icon{color:red;cursor:pointer}.deletehead-comment .title{color:#0f81c2;font-weight:700}.deletehead-comment .body-title{color:#0f81c2}.deletehead-comment .body-void{color:#0f81c2;font-weight:700;text-transform:uppercase}.deletehead-comment .btn-void{background-color:red;border:none;color:#fff}.deletehead-comment .action-button{padding:0 18px 16px;width:100%}.deletehead-comment .action-button .create-btn-holiday{box-shadow:none!important}.deletehead-comment .action-button .create-btn-timeoff{background-color:#0f81c2;border-radius:5px;color:#fff;font-weight:700;margin-top:20px;padding:8px 40px;width:100%}.deletehead-comment .action-button .btn-delete{background-color:#ff4747;color:#fff;margin-top:20px;width:100%}.action-update{color:#0f81c2}.action-delete{color:red}.employee-information-class .slash{background-color:#0f81c2;height:45px;width:4px}.employee-information-class .color{color:#0f81c2;font-size:22px;font-weight:700}.employee-information-class .btn-add{background-color:#0f81c2;border-radius:10px;height:40px;padding:0 8px;transition:.3s}.employee-information-class .btn-add .style-add{color:#fff;font-size:16px;font-weight:400;text-transform:none}.employee-information-class .main-containner{margin-top:20px}.employee-information-class .main-containner,.employee-information-class .main-containner .profile-container{background-color:#fff;border-radius:10px;padding:20px}.employee-information-class .main-containner .profile-container .profile{justify-content:center}.employee-information-class .main-containner .profile-container .profile .avater-image{height:160px;width:160px}.employee-information-class .main-containner .profile-container .header-info-text-top{font-size:16px;font-weight:700;margin:15px 0}.employee-information-class .main-containner .profile-container .header-info-text-top-en{color:#545454;font-family:Poppins;font-size:19px;font-weight:700;letter-spacing:.7px;margin:15px 0}.employee-information-class .main-containner .profile-container .header-info-text-top-kh{color:#545454;font-family:Khmer OS Siemreap;font-size:19px;font-weight:700;letter-spacing:.7px;margin:15px 0}.employee-information-class .main-containner .profile-container .body-text-file{color:#000;font-family:Poppins;font-size:15px;font-weight:500;padding:8px!important}.employee-information-class .main-containner .profile-container .header-info{background-color:#ddf0fe!important;border-radius:4px;padding:8px 10px}.employee-information-class .main-containner .profile-container .header-info .header-info-text{color:#0f81c2;font-family:Poppins;font-size:15px!important;width:50%}.employee-information-class .main-containner .profile-container .header-info .header-info-text-khmer{color:#0f81c2;font-family:Khmer OS Siemreap;font-size:15px;font-weight:700;width:50%}.employee-information-class .main-containner .profile-container .body-info{padding:8px}.employee-information-class .main-containner .profile-container .body-info .body-info-text{color:#000;font-family:Poppins;font-size:15px;font-weight:500;width:50%}.employee-information-class .main-containner .profile-container .body-info .body-info-text-khmer{color:#000;font-family:Khmer OS Siemreap;font-size:15px;font-weight:500;width:50%}.daily-report-page .report-styles .container{margin:0 auto .5cm}.daily-report-page .report-styles .container .table{border-collapse:initial;padding:20px}.forgotpassword-page{background:#ddd;height:100vh;width:100%}.forgotpassword-page .container{background:#fff;border-radius:6px;margin-top:40px;padding:45px 30px 30px;width:min(90%,370px)}.forgotpassword-page .container .title{color:#0023db;font-size:17px;font-weight:700}.card-info-container .gen-detail-box{background-color:#fff;border-radius:5px;padding:20px;width:100%}.card-info-container .gen-detail-box .title{color:#0f81c2;font-family:Poppins;font-size:20px}.card-info-container .gen-detail-box .lable-text{color:gray;font-family:Khmer OS Siemreap;font-size:13px!important}.card-info-container .gen-detail-box .detail-txt{color:#0f81c2}.card-info-container .gen-detail-box .detail-txt,.card-info-container .gen-detail-box .detail-txt-status{font-family:Khmer OS Siemreap;font-size:18px!important;font-weight:700}.card-info-container .box-info{background-color:#fff;border-radius:5px;height:70vh;padding:20px}.card-info-container .box-info .title{color:#0f81c2;font-family:Poppins;font-size:20px}.card-info-container .box-info .detail-txt-header{background-color:#e0f7ff;border-radius:5px;color:#0f81c2;font-family:Khmer OS Siemreap;font-size:16px!important;font-weight:700;padding:7px}.card-info-container .box-info .detail-txt{font-family:Khmer OS Siemreap;font-size:16px!important;padding:10px}.page-container-report-main{background-color:#fff;border-radius:10px;width:100%}.page-report-logo-size{width:40px}.page-header-report-title-main{color:#1d4592;font-weight:700;margin-top:15px;text-transform:uppercase}table.report-container-main{border-spacing:0!important;page-break-after:always;width:100%!important}table.report-container-main td,table.report-container-main th{border:.2px solid #000!important;text-align:center}thead.report-header-main{display:table-header-group}tfoot.report-footer-main{display:table-footer-group}tbody.report-content-main{width:100%!important}.report-content-cell-left-main-update{border:.2px solid #000!important;font-size:11px!important;height:100%;padding:0}.stack-row{background-color:#1d4592;height:auto!important;margin:0!important;padding:0!important;width:100%!important}.report-content-cell-left-bg-main{border:.2px solid #000!important;color:#000;font-size:15px!important;font-weight:700;padding:4px 30px;text-align:right}.report-content-cell-right-bg-main,.report-content-cell-right-main{border:.2px solid #000!important;font-size:15px!important;padding:4px 6px;text-align:right}.report-content-cell-right-bg-main{background-color:#1d4592;color:#fff;font-weight:700}.header-title-eval-kh{font-family:Khmer OS Muol Light!important;font-size:14px!important}.header-title-eval{font-family:Gothic!important;font-size:14px!important}.title-eval{font-family:Khmer OS Muol Light!important;font-size:14px!important}.type-txt{font-weight:700!important}.detail-txt,.detail-txt-red,.type-txt{font-family:Siemreap!important;font-size:14px!important}.detail-txt-red{color:red}.detail-txt-prime{color:#0f81c2}.answer-box,.detail-txt-prime{font-family:Siemreap!important;font-size:14px!important}.answer-box{background-color:#d7f0ff;border-radius:5px;height:35px;padding:6px}.cadidate-apply-from{background:hsla(0,0%,100%,.705);border:4px solid #fff;border-radius:10px!important;height:430px!important}.cadidate-apply-from .chart-title{color:#0f81c2;font-family:Khmer OS Siemreap;font-weight:700;margin-left:25px}.pie-chart-interview{border-radius:10px!important}.pie-chart-interview .chart-title{color:#0f81c2;font-family:Khmer OS Siemreap;font-weight:700;margin-left:25px}.employeestatisticsbydepartment-new{background:hsla(0,0%,100%,.705);border:4px solid #fff;border-radius:10px!important;padding:25px}.employeestatisticsbydepartment-new .chart-title{color:#0f81c2;font-family:Khmer OS Siemreap;font-weight:700;margin-left:25px}.typeofcontractasapercentage{background-color:#f9f9f9!important;border-radius:10px!important;height:100%!important;padding:25px 25px 25px 0!important}.typeofcontractasapercentage .chart-title{color:#0f81c2;font-family:Khmer OS Siemreap;font-weight:700;margin-left:25px}.primary-teache-attendance-report .page-title{color:#0f81c2;font-family:Khmer OS Siemreap;font-size:20px;font-weight:700}@media(min-width:769px)and (max-width:1024px){.primary-teache-attendance-report .page-title{font-size:20px}}@media(min-width:426px)and (max-width:600px){.primary-teache-attendance-report .page-title{font-size:16px}}.primary-teache-attendance-report .page-title-en{font-family:Poppins!important}.primary-teache-attendance-report .box-date{align-items:center;background-color:#fff;border-radius:10px;display:flex;width:220px}@media(min-width:426px)and (max-width:768px){.primary-teache-attendance-report .box-date{display:none}}@media(min-width:426px)and (max-width:600px){.primary-teache-attendance-report .box-date{display:none}}@media(min-width:377px)and (max-width:425px){.primary-teache-attendance-report .box-date{display:none}}@media(min-width:0px)and (max-width:376px){.primary-teache-attendance-report .box-date{display:none}}.primary-teache-attendance-report .btn-create{background-color:#0f81c2!important;border-radius:10px;color:#fff;padding:8px 30px}.primary-teache-attendance-report .btn-create .style-add-en{color:#fff;font-family:Poppins!important;font-size:15px;font-weight:700;text-transform:uppercase!important}.primary-teache-attendance-report .btn-create .style-add-kh{color:#fff;font-family:Khmer OS Siemreap!important;font-size:16px;font-weight:700;text-transform:none}.primary-teache-attendance-report .btn-create .icon-add{height:18px;width:18px}.primary-teache-attendance-report .link{color:#0f81c2;cursor:pointer;font-family:Poppins;font-size:16px;text-decoration:none}.primary-teache-attendance-report .meeting-title-select{font-family:Khmer OS Siemreap!important}.primary-teache-attendance-report .box-meeting-title{align-items:center;background-color:#fff;border-radius:10px;display:flex;width:200px}@media(min-width:426px)and (max-width:768px){.primary-teache-attendance-report .box-meeting-title{display:none}}@media(min-width:426px)and (max-width:600px){.primary-teache-attendance-report .box-meeting-title{display:none}}@media(min-width:377px)and (max-width:425px){.primary-teache-attendance-report .box-meeting-title{display:none}}@media(min-width:0px)and (max-width:376px){.primary-teache-attendance-report .box-meeting-title{display:none}}.primary-teache-attendance-report .MuiInputLabel-root,.primary-teache-attendance-report .MuiOutlinedInput-input{color:#000!important}.primary-teache-attendance-report .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#fff}.primary-teache-attendance-report :hover .MuiOutlinedInput-input{color:#fff}.primary-teache-attendance-report :hover .MuiInputLabel-root{color:#000}.primary-teache-attendance-report :hover .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#fff}.primary-teache-attendance-report .MuiInputLabel-root.Mui-focused,.primary-teache-attendance-report .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-input{color:#000}.primary-teache-attendance-report .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#fff}.primary-teache-attendance-report .btn-add{background-color:#0f81c2;border-radius:10px;color:#fff;padding:0 15px}.primary-teache-attendance-report .btn-add .style-add{color:#fff;font-size:16px;text-transform:none}.primary-teache-attendance-report .slash{background-color:#0f81c2;height:45px;width:4px}@media(min-width:769px)and (max-width:1024px){.primary-teache-attendance-report .slash{height:40px}}@media(min-width:426px)and (max-width:600px){.primary-teache-attendance-report .slash{height:40px;margin:0;padding:0;width:2px}}.primary-teache-attendance-report .color{color:#0f81c2;font-size:20px;font-weight:700}@media(min-width:769px)and (max-width:1024px){.primary-teache-attendance-report .color{font-size:20px}}@media(min-width:426px)and (max-width:600px){.primary-teache-attendance-report .color{font-size:16px}}.primary-teache-attendance-report .page-title-en{color:#0f81c2;font-family:Poppins;font-size:20px;font-weight:700}@media(min-width:769px)and (max-width:1024px){.primary-teache-attendance-report .page-title-en{font-size:20px}}@media(min-width:426px)and (max-width:600px){.primary-teache-attendance-report .page-title-en{font-size:16px}}.primary-teache-attendance-report .page-title-kh{color:#0f81c2;font-family:Khmer OS Muol Light;font-size:20px}@media(min-width:769px)and (max-width:1024px){.primary-teache-attendance-report .page-title-kh{font-size:20px}}@media(min-width:426px)and (max-width:600px){.primary-teache-attendance-report .page-title-kh{font-size:16px}}.primary-teache-attendance-report .report-styles{background-color:#fff;border-radius:10px;margin-top:30px;padding-top:20px;width:100%}.primary-teache-attendance-report .report-styles .tackteng-font{display:flex;justify-content:center}.primary-teache-attendance-report .report-styles .tackteng-font .image-tackteng{width:40%}.primary-teache-attendance-report .report-styles .company-text-title{font-weight:bolder}.primary-teache-attendance-report .report-styles .btn-send{background-color:#0f81c2!important;border-radius:10px;color:#fff;padding:8px 20px}.primary-teache-attendance-report .report-styles .grid-report{margin-top:20px}.primary-teache-attendance-report .report-styles .grid-report .logo-container{text-align:-webkit-center}.primary-teache-attendance-report .report-styles .grid-report .logo-container .logo{display:flex;flex-direction:column;height:100%;justify-content:center;margin:40px 0 0;width:250px}.primary-teache-attendance-report .report-styles .grid-report .logo-container .logo .company-text{font-family:Khmer OS Muol Light;font-size:11px}.primary-teache-attendance-report .report-styles .grid-report .logo-container .logo .company-text-title{font-family:Khmer OS Muol Light;font-size:11px;font-weight:700}.primary-teache-attendance-report .report-styles .grid-report .grid-center{display:flex;justify-content:center;margin-top:10px}.primary-teache-attendance-report .report-styles .grid-report .grid-center .tackteng-font{display:flex;justify-content:center}.primary-teache-attendance-report .report-styles .grid-report .grid-center .tackteng-font .image-tackteng{width:40%}.primary-teache-attendance-report .report-styles .grid-report .grid-center .subtitle{justify-content:center}.primary-teache-attendance-report .report-styles .grid-report .subtitle-body{display:-webkit-box;font-family:Khmer OS Siemreap;font-size:15px!important;letter-spacing:normal!important;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;white-space:pre-line}.primary-teache-attendance-report .report-styles .title-Report,.primary-teache-attendance-report .report-styles .title-Report-auth{font-family:Khmer OS Muol Light;font-weight:100!important;letter-spacing:normal!important;text-align:center}.primary-teache-attendance-report .report-styles .title-Report-auth{font-size:18px!important}.primary-teache-attendance-report .report-styles .name-footer,.primary-teache-attendance-report .report-styles .title-header{font-family:Khmer OS Muol Light;font-weight:100;letter-spacing:normal!important;text-align:center}.primary-teache-attendance-report .report-styles .name-footer{padding-bottom:20px}.primary-teache-attendance-report .report-styles .footer-report{font-family:Khmer OS Muol Light;font-weight:100;letter-spacing:normal!important;text-align:center}.primary-teache-attendance-report .report-styles .title-En{font-family:Poppins;font-weight:700;text-align:center}.primary-teache-attendance-report .report-styles .title-En-auth{font-family:Poppins;font-size:18px;font-weight:700;text-align:center}.primary-teache-attendance-report .report-styles .box-small{display:flex;font-family:Poppins;font-size:15px;justify-content:center;margin-bottom:15px;width:110px}.primary-teache-attendance-report .report-styles .box-small .present-num{font-family:Poppins;font-size:15px;font-weight:700;margin-left:5px}.primary-teache-attendance-report .report-styles .box-top{display:flex;font-family:Poppins;font-size:15px;justify-content:center;margin-bottom:15px}.primary-teache-attendance-report .report-styles .box-top .present-num{font-family:Poppins;font-size:15px;font-weight:700;margin-left:5px}.primary-teache-attendance-report .report-styles .icon-tick{color:#0f81c2}.primary-teache-attendance-report .report-styles .container{display:block;margin:0 auto .5cm}.primary-teache-attendance-report .report-styles .container .table{border-collapse:initial;border-spacing:0!important;display:table;overflow-x:auto;padding:20px;white-space:nowrap;width:100%}.primary-teache-attendance-report .report-styles .container .table .font-thired{font-family:Khmer OS Muol Light!important;font-size:11px!important;font-weight:400!important}.primary-teache-attendance-report .report-styles .container .table .header-title{background-color:#e1f5fe;border:.5px solid #d2dce5;font-size:12px;letter-spacing:normal!important;padding:5px 7px;text-align:center}.primary-teache-attendance-report .report-styles .container .table .header-sub{background-color:#deeaf6;border:.5px solid #d2dce5;font-family:Khmer OS Siemreap;font-size:15px!important;font-weight:700;letter-spacing:normal!important;padding:5px 10px}.primary-teache-attendance-report .report-styles .container .table .body-bottom-text,.primary-teache-attendance-report .report-styles .container .table .body-text{border-bottom:1px solid #d2dce5;border-left:1px solid #d2dce5;font-family:Khmer OS Siemreap;font-size:12px!important;letter-spacing:normal!important;padding:5px 10px}.primary-teache-attendance-report .report-styles .container .table .body-bottom-text{background-color:#deeaf6;color:red;font-weight:700}.primary-teache-attendance-report .report-styles .container .table .table-text{border:.5px solid #d2dce5;font-family:Khmer OS Siemreap;font-size:15px!important;font-weight:500;font-weight:100;letter-spacing:normal!important;padding:5px 10px}.primary-teache-attendance-report .report-styles .container .table .body-no{border:.5px solid #d2dce5;font-family:Khmer OS Siemreap;font-size:15px!important;font-weight:500;font-weight:700;padding:5px 10px;text-align:center}.primary-teache-attendance-report .report-styles .container .table .table-under{background-color:#eb6161;border:.5px solid #d2dce5;color:#fff;font-family:Khmer OS Siemreap;font-size:15px!important;padding:5px 10px;text-align:center}.primary-teache-attendance-report .report-styles .container .shift-title{font-family:Khmer OS Muol Light;text-align:center}.primary-teache-attendance-report .report-styles .container-auth{padding:20px 210px}.primary-teache-attendance-report .report-styles .footer-amount{font-family:Khmer OS Siemreap;letter-spacing:normal!important}.primary-teache-attendance-report .report-styles .footer-amount,.primary-teache-attendance-report .report-styles .footer-set{background-color:#fff;bottom:0;left:0;padding:10px;position:"fixed";text-align:center;width:100%}.primary-teache-attendance-report .report-styles .footer-set .divider{border:2px solid #0f81c2;margin:50px 0 10px}.primary-teache-attendance-report .report-styles .footer-set .footer{color:#0f81c2;font-family:Khmer OS Siemreap;font-size:15px!important;font-weight:500;letter-spacing:normal!important;line-height:25px}.primary-teache-attendance-report .report-styles .text-details{line-height:36px}.foreign-teacher-attendance-report .page-title{color:#0f81c2;font-family:Khmer OS Siemreap;font-size:20px;font-weight:700}@media(min-width:769px)and (max-width:1024px){.foreign-teacher-attendance-report .page-title{font-size:20px}}@media(min-width:426px)and (max-width:600px){.foreign-teacher-attendance-report .page-title{font-size:16px}}.foreign-teacher-attendance-report .page-title-en{font-family:Poppins!important}.foreign-teacher-attendance-report .box-date{align-items:center;background-color:#fff;border-radius:10px;display:flex;width:220px}@media(min-width:426px)and (max-width:768px){.foreign-teacher-attendance-report .box-date{display:none}}@media(min-width:426px)and (max-width:600px){.foreign-teacher-attendance-report .box-date{display:none}}@media(min-width:377px)and (max-width:425px){.foreign-teacher-attendance-report .box-date{display:none}}@media(min-width:0px)and (max-width:376px){.foreign-teacher-attendance-report .box-date{display:none}}.foreign-teacher-attendance-report .btn-create{background-color:#0f81c2!important;border-radius:10px;color:#fff;padding:8px 30px}.foreign-teacher-attendance-report .btn-create .style-add-en{color:#fff;font-family:Poppins!important;font-size:15px;font-weight:700;text-transform:uppercase!important}.foreign-teacher-attendance-report .btn-create .style-add-kh{color:#fff;font-family:Khmer OS Siemreap!important;font-size:16px;font-weight:700;text-transform:none}.foreign-teacher-attendance-report .btn-create .icon-add{height:18px;width:18px}.foreign-teacher-attendance-report .link{color:#0f81c2;cursor:pointer;font-family:Poppins;font-size:16px;text-decoration:none}.foreign-teacher-attendance-report .meeting-title-select{font-family:Khmer OS Siemreap!important}.foreign-teacher-attendance-report .box-meeting-title{align-items:center;background-color:#fff;border-radius:10px;display:flex;width:200px}@media(min-width:426px)and (max-width:768px){.foreign-teacher-attendance-report .box-meeting-title{display:none}}@media(min-width:426px)and (max-width:600px){.foreign-teacher-attendance-report .box-meeting-title{display:none}}@media(min-width:377px)and (max-width:425px){.foreign-teacher-attendance-report .box-meeting-title{display:none}}@media(min-width:0px)and (max-width:376px){.foreign-teacher-attendance-report .box-meeting-title{display:none}}.foreign-teacher-attendance-report .MuiInputLabel-root,.foreign-teacher-attendance-report .MuiOutlinedInput-input{color:#000!important}.foreign-teacher-attendance-report .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#fff}.foreign-teacher-attendance-report :hover .MuiOutlinedInput-input{color:#fff}.foreign-teacher-attendance-report :hover .MuiInputLabel-root{color:#000}.foreign-teacher-attendance-report :hover .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#fff}.foreign-teacher-attendance-report .MuiInputLabel-root.Mui-focused,.foreign-teacher-attendance-report .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-input{color:#000}.foreign-teacher-attendance-report .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#fff}.foreign-teacher-attendance-report .btn-add{background-color:#0f81c2;border-radius:10px;color:#fff;padding:0 15px}.foreign-teacher-attendance-report .btn-add .style-add{color:#fff;font-size:16px;text-transform:none}.foreign-teacher-attendance-report .slash{background-color:#0f81c2;height:45px;width:4px}@media(min-width:769px)and (max-width:1024px){.foreign-teacher-attendance-report .slash{height:40px}}@media(min-width:426px)and (max-width:600px){.foreign-teacher-attendance-report .slash{height:40px;margin:0;padding:0;width:2px}}.foreign-teacher-attendance-report .color{color:#0f81c2;font-size:20px;font-weight:700}@media(min-width:769px)and (max-width:1024px){.foreign-teacher-attendance-report .color{font-size:20px}}@media(min-width:426px)and (max-width:600px){.foreign-teacher-attendance-report .color{font-size:16px}}.foreign-teacher-attendance-report .page-title-en{color:#0f81c2;font-family:Poppins;font-size:20px;font-weight:700}@media(min-width:769px)and (max-width:1024px){.foreign-teacher-attendance-report .page-title-en{font-size:20px}}@media(min-width:426px)and (max-width:600px){.foreign-teacher-attendance-report .page-title-en{font-size:16px}}.foreign-teacher-attendance-report .page-title-kh{color:#0f81c2;font-family:Khmer OS Muol Light;font-size:20px}@media(min-width:769px)and (max-width:1024px){.foreign-teacher-attendance-report .page-title-kh{font-size:20px}}@media(min-width:426px)and (max-width:600px){.foreign-teacher-attendance-report .page-title-kh{font-size:16px}}.foreign-teacher-attendance-report .report-styles{background-color:#fff;border-radius:10px;margin-top:30px;padding-top:20px;width:100%}.foreign-teacher-attendance-report .report-styles .tackteng-font{display:flex;justify-content:center}.foreign-teacher-attendance-report .report-styles .tackteng-font .image-tackteng{width:40%}.foreign-teacher-attendance-report .report-styles .company-text-title{font-weight:bolder}.foreign-teacher-attendance-report .report-styles .btn-send{background-color:#0f81c2!important;border-radius:10px;color:#fff;padding:8px 20px}.foreign-teacher-attendance-report .report-styles .grid-report{margin-top:20px}.foreign-teacher-attendance-report .report-styles .grid-report .logo-container{text-align:-webkit-center}.foreign-teacher-attendance-report .report-styles .grid-report .logo-container .logo{display:flex;flex-direction:column;height:100%;justify-content:center;margin:40px 0 0;width:250px}.foreign-teacher-attendance-report .report-styles .grid-report .logo-container .logo .company-text{font-family:Khmer OS Muol Light;font-size:11px}.foreign-teacher-attendance-report .report-styles .grid-report .logo-container .logo .company-text-title{font-family:Khmer OS Muol Light;font-size:11px;font-weight:700}.foreign-teacher-attendance-report .report-styles .grid-report .grid-center{display:flex;justify-content:center;margin-top:10px}.foreign-teacher-attendance-report .report-styles .grid-report .grid-center .tackteng-font{display:flex;justify-content:center}.foreign-teacher-attendance-report .report-styles .grid-report .grid-center .tackteng-font .image-tackteng{width:40%}.foreign-teacher-attendance-report .report-styles .grid-report .grid-center .subtitle{justify-content:center}.foreign-teacher-attendance-report .report-styles .grid-report .subtitle-body{display:-webkit-box;font-family:Khmer OS Siemreap;font-size:15px!important;letter-spacing:normal!important;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;white-space:pre-line}.foreign-teacher-attendance-report .report-styles .title-Report,.foreign-teacher-attendance-report .report-styles .title-Report-auth{font-family:Khmer OS Muol Light;font-weight:100!important;letter-spacing:normal!important;text-align:center}.foreign-teacher-attendance-report .report-styles .title-Report-auth{font-size:18px!important}.foreign-teacher-attendance-report .report-styles .name-footer,.foreign-teacher-attendance-report .report-styles .title-header{font-family:Khmer OS Muol Light;font-weight:100;letter-spacing:normal!important;text-align:center}.foreign-teacher-attendance-report .report-styles .name-footer{padding-bottom:20px}.foreign-teacher-attendance-report .report-styles .footer-report{font-family:Khmer OS Muol Light;font-weight:100;letter-spacing:normal!important;text-align:center}.foreign-teacher-attendance-report .report-styles .title-En{font-family:Poppins;font-weight:700;text-align:center}.foreign-teacher-attendance-report .report-styles .title-En-auth{font-family:Poppins;font-size:18px;font-weight:700;text-align:center}.foreign-teacher-attendance-report .report-styles .box-small{display:flex;font-family:Poppins;font-size:15px;justify-content:center;margin-bottom:15px;width:110px}.foreign-teacher-attendance-report .report-styles .box-small .present-num{font-family:Poppins;font-size:15px;font-weight:700;margin-left:5px}.foreign-teacher-attendance-report .report-styles .box-top{display:flex;font-family:Poppins;font-size:15px;justify-content:center;margin-bottom:15px}.foreign-teacher-attendance-report .report-styles .box-top .present-num{font-family:Poppins;font-size:15px;font-weight:700;margin-left:5px}.foreign-teacher-attendance-report .report-styles .icon-tick{color:#0f81c2}.foreign-teacher-attendance-report .report-styles .container{display:block;margin:0 auto .5cm}.foreign-teacher-attendance-report .report-styles .container .table{border-collapse:initial;border-spacing:0!important;display:table;overflow-x:auto;padding:20px;white-space:nowrap;width:100%}.foreign-teacher-attendance-report .report-styles .container .table .font-thired{font-family:Khmer OS Muol Light!important;font-size:11px!important;font-weight:400!important}.foreign-teacher-attendance-report .report-styles .container .table .header-title{background-color:#e1f5fe;border:.5px solid #d2dce5;font-size:12px;letter-spacing:normal!important;padding:5px 7px;text-align:center}.foreign-teacher-attendance-report .report-styles .container .table .header-sub{background-color:#deeaf6;border:.5px solid #d2dce5;font-family:Khmer OS Siemreap;font-size:15px!important;font-weight:700;letter-spacing:normal!important;padding:5px 10px}.foreign-teacher-attendance-report .report-styles .container .table .body-bottom-text,.foreign-teacher-attendance-report .report-styles .container .table .body-text{border-bottom:1px solid #d2dce5;border-left:1px solid #d2dce5;font-family:Khmer OS Siemreap;font-size:12px!important;letter-spacing:normal!important;padding:5px 10px}.foreign-teacher-attendance-report .report-styles .container .table .body-bottom-text{background-color:#deeaf6;color:red;font-weight:700}.foreign-teacher-attendance-report .report-styles .container .table .table-text{border:.5px solid #d2dce5;font-family:Khmer OS Siemreap;font-size:15px!important;font-weight:500;font-weight:100;letter-spacing:normal!important;padding:5px 10px}.foreign-teacher-attendance-report .report-styles .container .table .body-no{border:.5px solid #d2dce5;font-family:Khmer OS Siemreap;font-size:15px!important;font-weight:500;font-weight:700;padding:5px 10px;text-align:center}.foreign-teacher-attendance-report .report-styles .container .table .table-under{background-color:#eb6161;border:.5px solid #d2dce5;color:#fff;font-family:Khmer OS Siemreap;font-size:15px!important;padding:5px 10px;text-align:center}.foreign-teacher-attendance-report .report-styles .container .shift-title{font-family:Khmer OS Muol Light;text-align:center}.foreign-teacher-attendance-report .report-styles .container-auth{padding:20px 210px}.foreign-teacher-attendance-report .report-styles .footer-amount{font-family:Khmer OS Siemreap;letter-spacing:normal!important}.foreign-teacher-attendance-report .report-styles .footer-amount,.foreign-teacher-attendance-report .report-styles .footer-set{background-color:#fff;bottom:0;left:0;padding:10px;position:"fixed";text-align:center;width:100%}.foreign-teacher-attendance-report .report-styles .footer-set .divider{border:2px solid #0f81c2;margin:50px 0 10px}.foreign-teacher-attendance-report .report-styles .footer-set .footer{color:#0f81c2;font-family:Khmer OS Siemreap;font-size:15px!important;font-weight:500;letter-spacing:normal!important;line-height:25px}.foreign-teacher-attendance-report .report-styles .text-details{line-height:36px}.secondary-teacher-attendance-report .page-title{color:#0f81c2;font-family:Khmer OS Siemreap;font-size:20px;font-weight:700}@media(min-width:769px)and (max-width:1024px){.secondary-teacher-attendance-report .page-title{font-size:20px}}@media(min-width:426px)and (max-width:600px){.secondary-teacher-attendance-report .page-title{font-size:16px}}.secondary-teacher-attendance-report .page-title-en{font-family:Poppins!important}.secondary-teacher-attendance-report .box-date{align-items:center;background-color:#fff;border-radius:10px;display:flex;width:220px}@media(min-width:426px)and (max-width:768px){.secondary-teacher-attendance-report .box-date{display:none}}@media(min-width:426px)and (max-width:600px){.secondary-teacher-attendance-report .box-date{display:none}}@media(min-width:377px)and (max-width:425px){.secondary-teacher-attendance-report .box-date{display:none}}@media(min-width:0px)and (max-width:376px){.secondary-teacher-attendance-report .box-date{display:none}}.secondary-teacher-attendance-report .btn-create{background-color:#0f81c2!important;border-radius:10px;color:#fff;padding:8px 30px}.secondary-teacher-attendance-report .btn-create .style-add-en{color:#fff;font-family:Poppins!important;font-size:15px;font-weight:700;text-transform:uppercase!important}.secondary-teacher-attendance-report .btn-create .style-add-kh{color:#fff;font-family:Khmer OS Siemreap!important;font-size:16px;font-weight:700;text-transform:none}.secondary-teacher-attendance-report .btn-create .icon-add{height:18px;width:18px}.secondary-teacher-attendance-report .link{color:#0f81c2;cursor:pointer;font-family:Poppins;font-size:16px;text-decoration:none}.secondary-teacher-attendance-report .meeting-title-select{font-family:Khmer OS Siemreap!important}.secondary-teacher-attendance-report .box-meeting-title{align-items:center;background-color:#fff;border-radius:10px;display:flex;width:200px}@media(min-width:426px)and (max-width:768px){.secondary-teacher-attendance-report .box-meeting-title{display:none}}@media(min-width:426px)and (max-width:600px){.secondary-teacher-attendance-report .box-meeting-title{display:none}}@media(min-width:377px)and (max-width:425px){.secondary-teacher-attendance-report .box-meeting-title{display:none}}@media(min-width:0px)and (max-width:376px){.secondary-teacher-attendance-report .box-meeting-title{display:none}}.secondary-teacher-attendance-report .MuiInputLabel-root,.secondary-teacher-attendance-report .MuiOutlinedInput-input{color:#000!important}.secondary-teacher-attendance-report .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#fff}.secondary-teacher-attendance-report :hover .MuiOutlinedInput-input{color:#fff}.secondary-teacher-attendance-report :hover .MuiInputLabel-root{color:#000}.secondary-teacher-attendance-report :hover .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#fff}.secondary-teacher-attendance-report .MuiInputLabel-root.Mui-focused,.secondary-teacher-attendance-report .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-input{color:#000}.secondary-teacher-attendance-report .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#fff}.secondary-teacher-attendance-report .btn-add{background-color:#0f81c2;border-radius:10px;color:#fff;padding:0 15px}.secondary-teacher-attendance-report .btn-add .style-add{color:#fff;font-size:16px;text-transform:none}.secondary-teacher-attendance-report .slash{background-color:#0f81c2;height:45px;width:4px}@media(min-width:769px)and (max-width:1024px){.secondary-teacher-attendance-report .slash{height:40px}}@media(min-width:426px)and (max-width:600px){.secondary-teacher-attendance-report .slash{height:40px;margin:0;padding:0;width:2px}}.secondary-teacher-attendance-report .color{color:#0f81c2;font-size:20px;font-weight:700}@media(min-width:769px)and (max-width:1024px){.secondary-teacher-attendance-report .color{font-size:20px}}@media(min-width:426px)and (max-width:600px){.secondary-teacher-attendance-report .color{font-size:16px}}.secondary-teacher-attendance-report .page-title-en{color:#0f81c2;font-family:Poppins;font-size:20px;font-weight:700}@media(min-width:769px)and (max-width:1024px){.secondary-teacher-attendance-report .page-title-en{font-size:20px}}@media(min-width:426px)and (max-width:600px){.secondary-teacher-attendance-report .page-title-en{font-size:16px}}.secondary-teacher-attendance-report .page-title-kh{color:#0f81c2;font-family:Khmer OS Muol Light;font-size:20px}@media(min-width:769px)and (max-width:1024px){.secondary-teacher-attendance-report .page-title-kh{font-size:20px}}@media(min-width:426px)and (max-width:600px){.secondary-teacher-attendance-report .page-title-kh{font-size:16px}}.secondary-teacher-attendance-report .report-styles{background-color:#fff;border-radius:10px;margin-top:30px;padding-top:20px;width:100%}.secondary-teacher-attendance-report .report-styles .tackteng-font{display:flex;justify-content:center}.secondary-teacher-attendance-report .report-styles .tackteng-font .image-tackteng{width:40%}.secondary-teacher-attendance-report .report-styles .company-text-title{font-weight:bolder}.secondary-teacher-attendance-report .report-styles .btn-send{background-color:#0f81c2!important;border-radius:10px;color:#fff;padding:8px 20px}.secondary-teacher-attendance-report .report-styles .grid-report{margin-top:20px}.secondary-teacher-attendance-report .report-styles .grid-report .logo-container{text-align:-webkit-center}.secondary-teacher-attendance-report .report-styles .grid-report .logo-container .logo{display:flex;flex-direction:column;height:100%;justify-content:center;margin:40px 0 0;width:250px}.secondary-teacher-attendance-report .report-styles .grid-report .logo-container .logo .company-text{font-family:Khmer OS Muol Light;font-size:11px}.secondary-teacher-attendance-report .report-styles .grid-report .logo-container .logo .company-text-title{font-family:Khmer OS Muol Light;font-size:11px;font-weight:700}.secondary-teacher-attendance-report .report-styles .grid-report .grid-center{display:flex;justify-content:center;margin-top:10px}.secondary-teacher-attendance-report .report-styles .grid-report .grid-center .tackteng-font{display:flex;justify-content:center}.secondary-teacher-attendance-report .report-styles .grid-report .grid-center .tackteng-font .image-tackteng{width:40%}.secondary-teacher-attendance-report .report-styles .grid-report .grid-center .subtitle{justify-content:center}.secondary-teacher-attendance-report .report-styles .grid-report .subtitle-body{display:-webkit-box;font-family:Khmer OS Siemreap;font-size:15px!important;letter-spacing:normal!important;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;white-space:pre-line}.secondary-teacher-attendance-report .report-styles .title-Report,.secondary-teacher-attendance-report .report-styles .title-Report-auth{font-family:Khmer OS Muol Light;font-weight:100!important;letter-spacing:normal!important;text-align:center}.secondary-teacher-attendance-report .report-styles .title-Report-auth{font-size:18px!important}.secondary-teacher-attendance-report .report-styles .name-footer,.secondary-teacher-attendance-report .report-styles .title-header{font-family:Khmer OS Muol Light;font-weight:100;letter-spacing:normal!important;text-align:center}.secondary-teacher-attendance-report .report-styles .name-footer{padding-bottom:20px}.secondary-teacher-attendance-report .report-styles .footer-report{font-family:Khmer OS Muol Light;font-weight:100;letter-spacing:normal!important;text-align:center}.secondary-teacher-attendance-report .report-styles .title-En{font-family:Poppins;font-weight:700;text-align:center}.secondary-teacher-attendance-report .report-styles .title-En-auth{font-family:Poppins;font-size:18px;font-weight:700;text-align:center}.secondary-teacher-attendance-report .report-styles .box-small{display:flex;font-family:Poppins;font-size:15px;justify-content:center;margin-bottom:15px;width:110px}.secondary-teacher-attendance-report .report-styles .box-small .present-num{font-family:Poppins;font-size:15px;font-weight:700;margin-left:5px}.secondary-teacher-attendance-report .report-styles .box-top{display:flex;font-family:Poppins;font-size:15px;justify-content:center;margin-bottom:15px}.secondary-teacher-attendance-report .report-styles .box-top .present-num{font-family:Poppins;font-size:15px;font-weight:700;margin-left:5px}.secondary-teacher-attendance-report .report-styles .icon-tick{color:#0f81c2}.secondary-teacher-attendance-report .report-styles .container{display:block;margin:0 auto .5cm}.secondary-teacher-attendance-report .report-styles .container .table{border-collapse:initial;border-spacing:0!important;display:table;overflow-x:auto;padding:20px;white-space:nowrap;width:100%}.secondary-teacher-attendance-report .report-styles .container .table .font-thired{font-family:Khmer OS Muol Light!important;font-size:11px!important;font-weight:400!important}.secondary-teacher-attendance-report .report-styles .container .table .header-title{background-color:#e1f5fe;border:.5px solid #d2dce5;font-size:12px;letter-spacing:normal!important;padding:5px 7px;text-align:center}.secondary-teacher-attendance-report .report-styles .container .table .header-sub{background-color:#deeaf6;border:.5px solid #d2dce5;font-family:Khmer OS Siemreap;font-size:15px!important;font-weight:700;letter-spacing:normal!important;padding:5px 10px}.secondary-teacher-attendance-report .report-styles .container .table .body-bottom-text,.secondary-teacher-attendance-report .report-styles .container .table .body-text{border-bottom:1px solid #d2dce5;border-left:1px solid #d2dce5;font-family:Khmer OS Siemreap;font-size:12px!important;letter-spacing:normal!important;padding:5px 10px}.secondary-teacher-attendance-report .report-styles .container .table .body-bottom-text{background-color:#deeaf6;color:red;font-weight:700}.secondary-teacher-attendance-report .report-styles .container .table .table-text{border:.5px solid #d2dce5;font-family:Khmer OS Siemreap;font-size:15px!important;font-weight:500;font-weight:100;letter-spacing:normal!important;padding:5px 10px}.secondary-teacher-attendance-report .report-styles .container .table .body-no{border:.5px solid #d2dce5;font-family:Khmer OS Siemreap;font-size:15px!important;font-weight:500;font-weight:700;padding:5px 10px;text-align:center}.secondary-teacher-attendance-report .report-styles .container .table .table-under{background-color:#eb6161;border:.5px solid #d2dce5;color:#fff;font-family:Khmer OS Siemreap;font-size:15px!important;padding:5px 10px;text-align:center}.secondary-teacher-attendance-report .report-styles .container .shift-title{font-family:Khmer OS Muol Light;text-align:center}.secondary-teacher-attendance-report .report-styles .container-auth{padding:20px 210px}.secondary-teacher-attendance-report .report-styles .footer-amount{font-family:Khmer OS Siemreap;letter-spacing:normal!important}.secondary-teacher-attendance-report .report-styles .footer-amount,.secondary-teacher-attendance-report .report-styles .footer-set{background-color:#fff;bottom:0;left:0;padding:10px;position:"fixed";text-align:center;width:100%}.secondary-teacher-attendance-report .report-styles .footer-set .divider{border:2px solid #0f81c2;margin:50px 0 10px}.secondary-teacher-attendance-report .report-styles .footer-set .footer{color:#0f81c2;font-family:Khmer OS Siemreap;font-size:15px!important;font-weight:500;letter-spacing:normal!important;line-height:25px}.secondary-teacher-attendance-report .report-styles .text-details{line-height:36px}.passwordresetsuccessfully-page{height:100vh;width:100%}.passwordresetsuccessfully-page .container{display:flex;flex-direction:column;height:85%;justify-content:center;position:relative;width:25%}.passwordresetsuccessfully-page .container .title{font-size:24px;font-weight:700}.passwordresetsuccessfully-page .container .sub-title{text-align:center}@media(min-width:1025px)and (max-width:1650px){.passwordresetsuccessfully-page .container{width:35%}}@media(min-width:1025px)and (max-width:1440px){.passwordresetsuccessfully-page .container{width:40%}}@media(min-width:769px)and (max-width:1024px){.passwordresetsuccessfully-page .container{width:50%}}@media(min-width:426px)and (max-width:768px){.passwordresetsuccessfully-page .container{width:60%}}@media(min-width:426px)and (max-width:600px){.passwordresetsuccessfully-page .container{width:80%}}@media(min-width:377px)and (max-width:425px){.passwordresetsuccessfully-page .container{width:90%}}@media print{.container-print{background-color:#fff;display:block!important;margin-top:5px;padding:25px;width:100%}.container-print .logo-image{height:auto;margin-top:15px;width:160px}.container-print .tackteng-font{display:flex;justify-content:center}.container-print .tackteng-font .image-tackteng{width:140px}.container-print .title-evaluation-print{font-family:Khmer OS Muol Light;font-size:15px!important;font-weight:100!important;letter-spacing:normal!important;text-align:center}.container-print .title-En-evaluation-print{font-family:Gothic;font-size:13px;font-weight:700;text-align:center}.container-print .evaluation-print{font-family:Gothic;font-size:15px;font-weight:700;text-align:center}.container-print .header-title{font-family:Khmer OS Muol Light!important;font-size:16px}.container-print .header-title-en{font-size:16px!important;line-height:180%!important;text-align:center}.container-print .image-print-logo{height:130px;margin-top:25px;padding-left:15px;width:160px}.container-print .imageSymbol{width:40%}.container-print .doc-tittle{font-family:Poppins!important;font-size:16px;font-weight:700}.container-print td,.container-print th{border:1.5px solid #0f81c2;padding:0}.container-print table{border-collapse:collapse}.container-print .th-table{padding:10px}.container-print .th-table .th-title-font,.container-print .th-table .th-title-font-kh{font-size:14px}.container-print .sub-table{background-color:#ebf5ff;text-align:center}.container-print .sub-table .sub-tittle-performance-evaluation-print{font-family:Khmer OS Siemreap;font-size:14px;font-weight:700;padding:2px}.container-print .title-table{background-color:#ebebeb;padding:5px}.container-print .title-table .tittle{font-family:Khmer OS Siemreap;font-size:14px}.container-print .sub-table-detail{padding:5px}.container-print .sub-table-detail .sub-tittle-detail,.container-print .sub-table-detail .sub-tittle-detail-medium,.container-print .sub-table-detail .sub-tittle-detail-small{font-family:Khmer OS Siemreap;font-size:13px}.container-print .sub-table-detail .sub-tittle-detail-bold-evaluation-print{font-family:Khmer OS Siemreap;font-size:12px;font-weight:700}.container-print .sub-table-detail .icon-answer{font-size:18px}.footer-ruler{border:2px solid #0f81c2!important;border-radius:10px}.footer-container .footer-tittle{color:blue;font-family:SiemReap;font-size:13px}}.daily-report-page .page-title{color:#0f81c2;font-family:Khmer OS Siemreap;font-size:20px;font-weight:700}@media(min-width:769px)and (max-width:1024px){.daily-report-page .page-title{font-size:20px}}@media(min-width:426px)and (max-width:600px){.daily-report-page .page-title{font-size:16px}}.daily-report-page .page-title-en{font-family:Poppins!important}.daily-report-page .box-date{align-items:center;background-color:#fff;border-radius:10px;display:flex;width:220px}@media(min-width:426px)and (max-width:768px){.daily-report-page .box-date{display:none}}@media(min-width:426px)and (max-width:600px){.daily-report-page .box-date{display:none}}@media(min-width:377px)and (max-width:425px){.daily-report-page .box-date{display:none}}@media(min-width:0px)and (max-width:376px){.daily-report-page .box-date{display:none}}.daily-report-page .btn-create{background-color:#0f81c2!important;border-radius:10px;color:#fff;padding:8px 30px}.daily-report-page .btn-create .style-add-en{color:#fff;font-family:Poppins!important;font-size:15px;font-weight:700;text-transform:uppercase!important}.daily-report-page .btn-create .style-add-kh{color:#fff;font-family:Khmer OS Siemreap!important;font-size:16px;font-weight:700;text-transform:none}.daily-report-page .btn-create .icon-add{height:18px;width:18px}.daily-report-page .link{color:#0f81c2;cursor:pointer;font-family:Poppins;font-size:16px;text-decoration:none}.daily-report-page .meeting-title-select{font-family:Khmer OS Siemreap!important}.daily-report-page .box-meeting-title{align-items:center;background-color:#fff;border-radius:10px;display:flex;width:200px}@media(min-width:426px)and (max-width:768px){.daily-report-page .box-meeting-title{display:none}}@media(min-width:426px)and (max-width:600px){.daily-report-page .box-meeting-title{display:none}}@media(min-width:377px)and (max-width:425px){.daily-report-page .box-meeting-title{display:none}}@media(min-width:0px)and (max-width:376px){.daily-report-page .box-meeting-title{display:none}}.daily-report-page .MuiInputLabel-root,.daily-report-page .MuiOutlinedInput-input{color:#000!important}.daily-report-page .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#fff}.daily-report-page :hover .MuiOutlinedInput-input{color:#fff}.daily-report-page :hover .MuiInputLabel-root{color:#000}.daily-report-page :hover .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#fff}.daily-report-page .MuiInputLabel-root.Mui-focused,.daily-report-page .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-input{color:#000}.daily-report-page .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#fff}.daily-report-page .btn-add{background-color:#0f81c2;border-radius:10px;color:#fff;padding:0 15px}.daily-report-page .btn-add .style-add{color:#fff;font-size:16px;text-transform:none}.daily-report-page .slash{background-color:#0f81c2;height:45px;width:4px}@media(min-width:769px)and (max-width:1024px){.daily-report-page .slash{height:40px}}@media(min-width:426px)and (max-width:600px){.daily-report-page .slash{height:40px;margin:0;padding:0;width:2px}}.daily-report-page .color{color:#0f81c2;font-size:20px;font-weight:700}@media(min-width:769px)and (max-width:1024px){.daily-report-page .color{font-size:20px}}@media(min-width:426px)and (max-width:600px){.daily-report-page .color{font-size:16px}}.daily-report-page .page-title-en{color:#0f81c2;font-family:Poppins;font-size:20px;font-weight:700}@media(min-width:769px)and (max-width:1024px){.daily-report-page .page-title-en{font-size:20px}}@media(min-width:426px)and (max-width:600px){.daily-report-page .page-title-en{font-size:16px}}.daily-report-page .page-title-kh{color:#0f81c2;font-family:Khmer OS Muol Light;font-size:20px}@media(min-width:769px)and (max-width:1024px){.daily-report-page .page-title-kh{font-size:20px}}@media(min-width:426px)and (max-width:600px){.daily-report-page .page-title-kh{font-size:16px}}.daily-report-page .report-styles{background-color:#fff;border-radius:10px;margin-top:30px;padding-bottom:100px;padding-top:20px;width:100%}.daily-report-page .report-styles .tackteng-font{display:flex;justify-content:center}.daily-report-page .report-styles .tackteng-font .image-tackteng{width:40%}.daily-report-page .report-styles .company-text-title{font-weight:bolder}.daily-report-page .report-styles .btn-send{background-color:#0f81c2!important;border-radius:10px;color:#fff;padding:8px 20px}.daily-report-page .report-styles .grid-report{margin-top:20px}.daily-report-page .report-styles .grid-report .logo-container{text-align:-webkit-center}.daily-report-page .report-styles .grid-report .logo-container .logo{display:flex;flex-direction:column;height:100%;justify-content:center;margin:40px 0 0;width:250px}.daily-report-page .report-styles .grid-report .logo-container .logo .company-text{font-family:Khmer OS Muol Light;font-size:11px}.daily-report-page .report-styles .grid-report .logo-container .logo .company-text-title{font-family:Khmer OS Muol Light;font-size:11px;font-weight:700}.daily-report-page .report-styles .grid-report .grid-center{display:flex;justify-content:center;margin-top:10px}.daily-report-page .report-styles .grid-report .grid-center .tackteng-font{display:flex;justify-content:center}.daily-report-page .report-styles .grid-report .grid-center .tackteng-font .image-tackteng{width:40%}.daily-report-page .report-styles .grid-report .grid-center .subtitle{justify-content:center}.daily-report-page .report-styles .grid-report .subtitle-body{display:-webkit-box;font-family:Khmer OS Siemreap;font-size:15px!important;letter-spacing:normal!important;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;white-space:pre-line}.daily-report-page .report-styles .title-Report,.daily-report-page .report-styles .title-Report-auth{font-family:Khmer OS Muol Light;font-weight:100!important;letter-spacing:normal!important;text-align:center}.daily-report-page .report-styles .title-Report-auth{font-size:18px!important}.daily-report-page .report-styles .name-footer,.daily-report-page .report-styles .title-header{font-family:Khmer OS Muol Light;font-weight:100;letter-spacing:normal!important;text-align:center}.daily-report-page .report-styles .name-footer{padding-bottom:20px}.daily-report-page .report-styles .footer-report{font-family:Khmer OS Muol Light;font-weight:100;letter-spacing:normal!important;text-align:center}.daily-report-page .report-styles .title-En,.daily-report-page .report-styles .title-En-auth{font-family:Poppins;font-weight:700;text-align:center}.daily-report-page .report-styles .title-En-auth{font-size:18px}.daily-report-page .report-styles .box-small{display:flex;font-family:Poppins;font-size:15px;justify-content:center;margin-bottom:15px;width:110px}.daily-report-page .report-styles .box-small .present-num{font-family:Poppins;font-size:15px;font-weight:700;margin-left:5px}.daily-report-page .report-styles .box-top{display:flex;font-family:Poppins;font-size:15px;justify-content:center;margin-bottom:15px}.daily-report-page .report-styles .box-top .present-num{font-family:Poppins;font-size:15px;font-weight:700;margin-left:5px}.daily-report-page .report-styles .icon-tick{color:#0f81c2}.daily-report-page .report-styles .container{display:block;padding:25px 15px}.daily-report-page .report-styles .container .table{border-collapse:collapse;border-spacing:0!important;display:table;overflow-x:auto;white-space:nowrap;width:100%}.daily-report-page .report-styles .container .table .font-thired{font-family:Khmer OS Muol Light!important;font-size:11px!important;font-weight:400!important}.daily-report-page .report-styles .container .table .header-title{background-color:#e1f5fe;border:.5px solid #d2dce5;font-size:12px;letter-spacing:normal!important;padding:5px 7px;text-align:center}.daily-report-page .report-styles .container .table .header-sub{background-color:#deeaf6;border:.5px solid #d2dce5;font-family:Khmer OS Siemreap;font-size:15px!important;font-weight:700;letter-spacing:normal!important;padding:5px 10px}.daily-report-page .report-styles .container .table .body-bottom-text,.daily-report-page .report-styles .container .table .body-text{border-bottom:1px solid #d2dce5;border-left:1px solid #d2dce5;font-family:Khmer OS Siemreap;font-size:12px!important;letter-spacing:normal!important;padding:5px 10px}.daily-report-page .report-styles .container .table .body-bottom-text{background-color:#deeaf6;color:red;font-weight:700}.daily-report-page .report-styles .container .table .table-text{border:.5px solid #d2dce5;font-family:Khmer OS Siemreap;font-size:15px!important;font-weight:500;font-weight:100;letter-spacing:normal!important;padding:5px 10px}.daily-report-page .report-styles .container .table .body-no{border:.5px solid #d2dce5;font-family:Khmer OS Siemreap;font-size:15px!important;font-weight:500;font-weight:700;padding:5px 10px;text-align:center}.daily-report-page .report-styles .container .table .table-under{background-color:#eb6161;border:.5px solid #d2dce5;color:#fff;font-family:Khmer OS Siemreap;font-size:15px!important;padding:5px 10px;text-align:center}.daily-report-page .report-styles .container .shift-title{font-family:Khmer OS Muol Light;text-align:center}.daily-report-page .report-styles .container-auth{padding:20px 210px}.daily-report-page .report-styles .footer-amount{font-family:Khmer OS Siemreap;letter-spacing:normal!important}.daily-report-page .report-styles .footer-amount,.daily-report-page .report-styles .footer-set{background-color:#fff;bottom:0;left:0;padding:10px;position:"fixed";text-align:center;width:100%}.daily-report-page .report-styles .footer-set .divider{border:2px solid #0f81c2;margin:50px 0 10px}.daily-report-page .report-styles .footer-set .footer{color:#0f81c2;font-family:Khmer OS Siemreap;font-size:15px!important;font-weight:500;letter-spacing:normal!important;line-height:25px}.daily-report-page .report-styles .text-details{line-height:36px}.page-container-payslip-main{background-color:#fff;border-radius:10px;width:100%}.page-payslip-logo-size{width:40px}.page-header-payslip-title-main{color:#1d4592;font-weight:700;margin-top:15px;text-transform:uppercase}table.payslip-container-main{border-spacing:0!important;page-break-after:always;width:100%!important}thead.payslip-header-main{display:table-header-group}tfoot.payslip-footer-main{display:table-footer-group}tbody.payslip-content-main{width:100%!important}.payslip-title-font-kh,div.page-footer-text-main{letter-spacing:normal!important}.payslip-title-font-kh{font-family:Khmer OS Muol Light}.payslip-body-font-kh{font-family:Khmer OS Siemreap;letter-spacing:normal!important}.payslip-title-font-en{font-weight:700}.payslip-body-font-en,.payslip-title-font-en{font-family:Century Gothic}.header-title-payslip-main{color:#000;padding:4px}.header-title-payslip-main,.payslip-title-cell-center-bold-main{border:.2px solid #000!important;font-size:12px!important;text-align:center}.payslip-title-cell-center-bold-main{background-color:#177a02;color:#fff;font-family:Century Gothic;font-weight:700;padding:4px 6px;text-transform:capitalize!important}.payslip-content-cell-center-main{font-size:11px!important;padding:4px 6px}.payslip-content-cell-center-bold-main{text-align:center}.payslip-content-cell-center-bold-main,.payslip-content-cell-left-bold-bg-main,.payslip-content-cell-left-bold-main{border:.2px solid #000!important;font-size:15px!important;font-weight:700;padding:4px 6px}.payslip-content-cell-left-bold-bg-main{background-color:#1d4592;color:#fff}.payslip-content-cell-center-main,.payslip-content-cell-left-main{border:.2px solid #000!important;color:#000;font-family:Khmer OS Siemreap;font-size:12px!important;letter-spacing:normal!important;padding:4px 7px}.payslip-content-cell-center-main{text-align:center}.payslip-content-cell-right-main{border:.2px solid #000!important;color:#000;font-family:Khmer OS Siemreap;font-size:12px!important;letter-spacing:normal!important;padding:4px 7px;text-align:right}.payslip-content-cell-left-main-bg{background-color:#0f80c2}.payslip-content-cell-center-main-bg,.payslip-content-cell-left-main-bg{border:.2px solid #000!important;color:#fff;font-family:Khmer OS Siemreap;font-size:12px!important;letter-spacing:normal!important;padding:4px 7px}.payslip-content-cell-center-main-bg{background-color:#177a02}@media print{@page{background-color:#0f80c2;margin:0 3mm 2mm 3mm}.watermark{counter-increment:page;position:fixed}.watermark,div.footer-info-main,div.page-footer-main{display:block}}.page-container-document-main{background-color:#fff;border-radius:10px;width:100%}.page-document-logo-size{width:100px}.page-header-document-title-main{color:#1d4592;font-weight:700;margin-top:15px;text-transform:uppercase}div.page-footer-main{height:50px}div.document-page-footer-main,div.page-footer-main{bottom:0;font-size:10px;opacity:.8;position:fixed;text-align:center;width:100%}div.document-page-footer-main{height:80px;margin-top:50px}div.page-footer-main 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}.document-watermark-header{display:none;height:calc(10vh - 20mm);margin-bottom:50px;top:90vh;width:100%}table.document-container-main{border-spacing:0!important;width:100%!important}thead.document-header-main{display:table-header-group}tfoot.document-footer-main{display:table-footer-group}tbody.document-content-body{width:100%!important}div.footer-info-main,div.page-footer-main{display:none;height:40px}div.document-footer-info-main,div.document-page-footer-main{display:none;height:0;padding-top:50px}.page-footer-line-main{border:1px solid rgba(0,0,0,.338);margin-bottom:7px}div.page-footer-text-main{color:#000;font-family:Khmer OS Siemreap;font-size:9px;text-align:center}.header-title-document-main{border:.2px solid #000!important;font-family:Khmer OS Siemreap;font-size:10px!important;font-weight:700;padding:4px 6px}.document-title-cell-center-bold-main{background-color:#177a02;border:.2px solid #000!important;color:#fff;font-family:Century Gothic;font-size:12px!important;font-weight:700;padding:4px 6px;text-align:center;text-transform:capitalize!important}.document-text-field-box{background-color:#fff;border:0;border-bottom:1px solid #000}.document-text-field-table{background-color:#fff;border:0}.document-head-box-en{font-size:12px!important;font-weight:700}.document-head-box-kh{font-family:Khmer OS Muol Light;font-size:12px!important}.documnet-box-decription{border:3px solid #000;padding:10px}.documnet-box-decription1{border:1px solid #000;padding:30px}.document-body-box-bold{font-weight:700}.document-body-box,.document-body-box-bold{color:#000;font-family:Khmer OS Siemreap;font-size:10px!important}.document-body-box-assiat,.document-body-box-training{color:#000;font-family:Khmer OS Siemreap;font-size:12px!important}.document-content-cell-center-body,.document-content-cell-left-body{font-family:Khmer OS Siemreap;font-size:13px!important;padding:4px 6px}.document-content-cell-center-body{border:.2px solid #000!important;text-align:center}.document-content-cell-right-body{text-align:right}.document-content-cell-right-body,.document-print-body,.document-print-body-center{font-family:Khmer OS Siemreap;font-size:13px!important;padding:4px 6px}.document-print-body-center{text-align:center!important}.document-print-body-right{font-family:Khmer OS Siemreap;font-size:13px!important;padding:4px 6px;text-align:right}@media print{@page{background-color:#0f80c2;margin:0 3mm 2mm 3mm}.document-watermark-header{counter-increment:page;display:block;position:fixed}div.document-footer-info-main,div.document-page-footer-main,div.footer-info-main,div.page-footer-main{display:block}}.alert-message .snackbar-alert{border-radius:20px;margin-top:10px}.alert-message .snackbar-alert .alert-success{background-color:#00c9a7}.alert-message .snackbar-alert .alert-error,.alert-message .snackbar-alert .alert-success{border-radius:20px;color:#fff;font-family:Khmer OS Siemreap!important;-webkit-user-select:text!important;user-select:text!important}.alert-message .snackbar-alert .alert-error{background-color:#ff6f91}.alert-message .snackbar-alert .alert-warning{background-color:orange;border-radius:20px;color:#fff;font-family:Khmer OS Siemreap!important}