@font-face{font-family:BayonRegular;src:url(/static/media/Bayon-Regular.3e50c263cbd4b930be3e.ttf)}@font-face{font-family:Kantumruy;src:url(/static/media/Kantumruy.0c8cb1d1d97fe8260e11.ttf)}@font-face{font-family:SiemReap;src:url(/static/media/Siemreap-Regular.eaf1225fe63c83a5e729.ttf)}@font-face{font-family:GothicBoldFont;src:url(/static/media/GothicBoldRegular.4669e88ae36834cda916.ttf)}@font-face{font-family:KhmerOSMuolLight;src:url(/static/media/KHMEROSMOULLIGHT.da7d0377875e4fa52ab9.TTF)}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}@media print{div.footer-info-main,div.page-footer-text-main{color:#000;font-family:Khmer OS Siemreap;text-align:center}}div.footer-info-main,div.page-footer-main{display:none;height:40px}div.page-footer-main{bottom:0;font-size:10px;height:50px;opacity:.8;position:fixed;text-align:center;width:100%}div.page-footer-text-main{color:#000;font-family:Khmer OS Siemreap;text-align:center}.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 p{margin:0}.watermark{display:none;left:50%;opacity:.1;page-break-after:always;top:50vh;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:50vw;z-index:-9}table.report-container-hr{border-spacing:0!important;page-break-after:always;width:100%!important}thead.report-header-hr{display:table-header-group}tfoot.report-footer-hr{display:table-footer-group}tbody.report-content-hr{width:100%!important}div.page-footer{bottom:0;font-size:12px;opacity:.8;position:fixed;text-align:center;width:93%!important}div.footer-all-detail,div.footer-detail{display:none}.page-footer-line-hr{border:2px solid blue;margin:7px 0;width:100%!important}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{@page{size:A4;margin:5mm 7mm}div.footer-all-detail{display:block;height:55px;text-align:center}footer{bottom:0;position:fixed}}.page-container .search-field{background-color:#fff;border-radius:8px;font-weight:700;width:100%}.page-container .search-field,.page-container .search-field .css-1ua80n0-MuiInputBase-input-MuiOutlinedInput-input{border-color:#fff;color:#0f81c2;font-family:Century Gothic}.page-container .search-field .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#fff;border-radius:6px;color:#0f81c2;font-family:Century Gothic}.page-container .search-field .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-input{border-color:#fff;border-radius:6px!important;color:#0f81c2!important;font-family:Century Gothic}.page-container .search-field .MuiInputLabel-root.Mui-focused{border-color:#fff;border-radius:6px;color:#0f81c2;font-family:Century Gothic}.page-container .search-field .MuiOutlinedInput-input{border-color:#fff;color:#0f81c2;font-family:Century Gothic}.page-container .btn-add-dicision{background-color:#0f81c2!important;border-radius:8px;color:#fff;font-family:Century Gothic;font-weight:700;padding:7px 0;text-align:center;width:100%}@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 .search-field{background-color:#fff;border-radius:6px;font-family:Century Gothic;width:100%}.page-container .seach-web .search-field .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#fff;border-radius:6px}.page-container .seach-web .search-field .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-input{border-radius:6px!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 .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 .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 .page-title{color:#0f81c2;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 .btn-create{background-color:#0f81c2!important;font-family:Siemreap!important;font-size:14px}.page-container .search-title{color:#0f81c2;font-family:KhmerOsMuol!important;font-size:16px;font-weight:100!important;margin-top:8px;width:130px!important}.page-container .search-title-details{color:#0f81c2;font-family:SiemReap;font-size:12px;font-weight: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;border-radius:10px;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:0 15px}.page-container .btn-create .style-add{color:#fff;font-family:Century Gothic;font-size:14px;font-weight:700;text-transform:none}.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{border-radius:6px 0 0 6px}.page-container .body-container .table .table-row .header-title,.page-container .body-container .table .table-row .header-title-start{border:none;color:#0f81c2;font-family:Century Gothic;font-size:14px;font-weight:700;padding:10px 10px 10px 20px}.page-container .body-container .table .table-row .header-title-end{border:none;border-radius:0 6px 6px 0;color:#0f81c2;font-family:Century Gothic;font-size:14px;padding:10px 10px 10px 0}.page-container .body-container .table .table-row .header-sticky-left{background-color:#fff;left:0;position:-webkit-sticky;position:sticky}.page-container .body-container .table .table-row .header-sticky-right{background-color:#fff;position:-webkit-sticky;position:sticky;right:0}.page-container .body-container .table .body{background-color:#fff;box-shadow:none}.page-container .body-container .table .body .onclick-student,.page-container .body-container .table .body :hover{background-color:#eff6fd}.page-container .body-container .table .body .body-cell-sticky-left{background-color:#fff;left:0;position:-webkit-sticky;position:sticky}.page-container .body-container .table .body .body-cell-sticky-right{background-color:#fff;position:-webkit-sticky;position:sticky;right:0}.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:14px;padding:6px 6px 6px 20px}.page-container .body-container .table .body .body-row .body-cell{border:none;font-family:Siemreap!important;font-size:14px;padding:6px 6px 6px 20px}.page-container .body-container .table .body .body-row .body-cell .teacher-name{color:#0f81c2;font-size:14px;text-align:center}.page-container .body-container .table .body .body-row .body-cell .body-name{font-family:Khmer OS Siemreap;font-size:14px}.page-container .body-container .table .body .body-row .body-cell .workbook-Yes{color:#0f81c2;font-family:Siemreap!important;font-size:14px}.page-container .body-container .table .body .body-row .body-cell .workbook-No{color:red;font-family:Siemreap!important;font-size:14px}.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 .btn-working{background-color:#dfe6f7;border-radius:6px;color:#0f81c2;padding:4px 10px!important;text-transform:none}.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:14px}.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 .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 .status-Permission{background-color:blue!important;border-radius:10px;color:#fff!important;font-family:Siemreap!important;font-size:11px;text-align:center!important;width:70px}.page-container .body-container .table .body .body-row .body-cell .status-Presence{background-color:green!important;border-radius:10px;color:#fff!important;font-family:Siemreap!important;font-size:11px;text-align:center!important;width:70px}.page-container .body-container .table .body .body-row .body-cell .status-Late{background-color:orange!important;border-radius:10px;color:#fff!important;font-family:Siemreap!important;font-size:11px;text-align:center!important;width:70px}.page-container .body-container .table .body .body-row .body-cell .status-Absence{background-color:#ffe6e6!important;border-radius:10px;color:red!important;font-family:Siemreap!important;font-size:11px;text-align:center!important;width:70px}.page-container .body-container .table .body .body-row .body-cell .shiftOff-Morning{background-color:green!important;border-radius:10px;color:#fff!important;font-family:Siemreap!important;font-size:11px;padding:0 2px;text-align:center!important}.page-container .body-container .table .body .body-row .body-cell .shiftOff-Afternoon{background-color:orange!important;border-radius:10px;color:#fff!important;font-family:Siemreap!important;font-size:11px;padding:0 2px;text-align:center!important}.page-container .body-container .table .body .body-row .body-cell .shiftOff-AllDay{background-color:red!important;border-radius:10px;color:#fff!important;font-family:Siemreap!important;font-size:11px;padding:0 2px;text-align:center!important}.page-container .body-container .table .body .body-row .body-cell .TypeShiffOff-WithoutPay{background-color:orange!important;border-radius:10px;color:#fff!important;font-family:Siemreap!important;font-size:11px;padding:0 2px;text-align:center!important}.page-container .body-container .table .body .body-row .body-cell .TypeShiffOff-AnnualLeave{background-color:green!important;border-radius:10px;color:#fff!important;font-family:Siemreap!important;font-size:11px;padding:0 2px;text-align:center!important}.page-container .body-container .table .body .body-row .body-cell-end{border:none;border-radius:0 6px 6px 0;font-family:Siemreap!important;font-size:14px;padding:6px 20px 6px 0}.page-container .box-container{border-bottom:1px solid gray;padding:10px 0}.page-container .box-container .btn-work{color:#000}.page-container .box-container .active-btn-work,.page-container .box-container .btn-work{background:none;border-radius:0;font-family:Century Gothic;font-size:16px;font-weight:700;padding:4px 10px;text-transform:none}.page-container .box-container .active-btn-work{border-bottom:2px solid #0f81c2;color:#0f81c2}.page-container .total-field{color:#fba106}.page-container .total-field,.page-container .total-field-meeting{background-color:#fff;border-radius:10px;height:40px;padding:0 10px;width:100px}.alert-message .snackbar-alert{border-radius:20px;margin-top:10px}.alert-message .snackbar-alert .alert-success{background-color:#00c9a7;border-radius:20px;color:#fff}.alert-message .snackbar-alert .alert-error{background-color:#ff6f91;border-radius:20px;color:#fff}.dialog-container .dialog-title{color:#0f81c2;font-family:Century Gothic;font-size:20px;font-weight:700}.dialog-container .avater-image{height:185px;width:160px}.dialog-container .employee-image,.dialog-container .student-image{height:180px;width:180px}.dialog-container .image-title{color:#0f81c2;font-family:Century Gothic;font-size:14px;text-align:center}.dialog-container .field-title{color:#0f81c2;font-family:Century Gothic;font-size:14px;font-weight:700;margin-bottom:3px}.dialog-container .btn-add{background-color:#0f81c2!important;border-radius:5px;box-shadow:none;color:#fff;font-family:Century Gothic;font-weight:700;padding:4px 2px;width:70px}.dialog-container .field-title-name{color:#0f81c2;font-family:Century Gothic;font-size:16px;font-weight:700}.dialog-container .btn-remove{background-color:#f84b4b!important;border-radius:8px;color:#fff;font-family:Century Gothic;margin-top:10px;padding:4px 10px;text-transform:none}.dialog-container .action-button{padding:0 16px 20px;width:100%}.dialog-container .action-button .btn-create,.dialog-container .btn-create{background-color:#0f81c2!important;border-radius:5px;box-shadow:none;color:#fff;font-family:Century Gothic;font-weight:700;margin-top:10px;padding:8px 0;width:100%}.dialog-container .btn-delete,.dialog-container .btn-delete-con{background-color:#f84b4b!important;border-radius:5px;color:#fff;font-family:Century Gothic;font-weight:700;margin-top:10px;padding:8px 0}.dialog-container .btn-delete-con{width:100%}.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:SiemReap}.dialog-container .close-icon{color:red;cursor:pointer}.dialog-container .title{color:#0f81c2;font-weight:700}.dialog-container .field-text{font-family:Century Gothic;font-size:16px}.dialog-container .body-title{color:#0f81c2}.dialog-container .body-void{color:#0f81c2;font-family:Century Gothic;font-weight:700;text-transform:uppercase}.dialog-container .btn-void{background-color:#f84b4b!important;border:none;color:#fff;font-family:Century Gothic!important}.dialog-container .btn-not-delete{border:1px solid #0f81c2;font-family:20px}.dialog-container .import-image{cursor:pointer;height:180px;width:180px}.dialog-container .profile-title{color:#0f81c2;font-size:16px;font-weight:700;text-align:center}.login-page{background-color:#0f81c2;height:100vh;width:100%}.login-page .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:.2;position:fixed;top:0;width:100%}.login-page .text-field{background-color:#fff;border-radius:6px}.login-page .text-field .MuiInputLabel-root,.login-page .text-field .MuiOutlinedInput-input{color:#000!important}.login-page .text-field .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#fff}.login-page .text-field :hover .MuiOutlinedInput-input{color:#fff}.login-page .text-field :hover .MuiInputLabel-root{color:#000}.login-page .text-field :hover .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#fff}.login-page .text-field .MuiInputLabel-root.Mui-focused,.login-page .text-field .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-input{color:#000}.login-page .text-field .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#fff}.login-page .container{flex-direction:column;height:95%;position:relative;width:100%}.login-page .container,.login-page .container .box-logo,.login-page .container .box-text{display:flex;justify-content:center}.login-page .container .box-text .title-login .title{color:#fff;font-weight:700}@media(min-width:426px)and (max-width:600px){.login-page .container .box-text .title-login .title{font-size:14px;font-weight:500}}.login-page .container .box-text .title-login .sub-title{color:#fff}.login-page .container .box-login{display:flex;justify-content:center}.login-page .container .box-login .icon{color:#0f81c2}.login-page .container .box-login .forgot-password{color:#fff;font-size:12px}.login-page .container .box-login .btb-sign-in{background-color:#fff!important;color:#0f81c2;font-size:18px;font-weight:700;margin-top:30px!important}.shift-page .text-field .MuiInputLabel-root,.shift-page .text-field .MuiOutlinedInput-input{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{border-radius:0;border-radius:8px;font-family:Century Gothic;font-size:16px;padding:4px 20px;text-align:center;text-transform:none;width:100%}.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{color:#0f81c2;font-size:20px;font-weight:700}.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:14px;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:14px;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:14px;padding:10px}@media(min-width:426px)and (max-width:600px){.shift-page .container .table .body .body-row .body-title{font-size:14px}}.pending{margin-top:30px}.pending .pending-container{background-color:#fff!important;border-radius:10px;cursor:pointer;height:100%;transition:.3s;width:100%}.pending .pending-container:hover{background-color:#fff;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);-webkit-transform:translateY(-.2em);transform:translateY(-.2em);transition:.3s}.pending .pending-container .btn-pending{padding:14px;width:100%}.pending .pending-container .btn-pending .time-request{color:#000;font-family:Century Gothic;font-size:11px;font-weight:700;margin-top:-1px;text-align:left;text-transform:none}.pending .pending-container .btn-pending .stack-text{margin-left:14px;padding:3px 0}.pending .pending-container .btn-pending .stack-text .name{color:#000;font-family:Century Gothic;font-size:16px;font-weight:700;text-align:left;text-transform:none}.pending .pending-container .btn-pending .stack-text .staff-id{color:#0f81c2;font-family:SiemReap;font-size:14px;text-align:left;text-transform:none}.pending .pending-container .btn-pending .stack-text .staff-id .id-num{font-family:Century Gothic;font-weight:700;text-align:left;text-transform:none}.pending .pending-container .btn-pending .stack-center{height:50px;width:100%}.pending .pending-container .btn-pending .stack-center .front-box{height:100%;width:3px}.pending .pending-container .btn-pending .stack-center .front-box-pending{background-color:orange;height:100%;width:3px}.pending .pending-container .btn-pending .stack-center .box-items{height:100%;margin-left:20px}.pending .pending-container .btn-pending .stack-center .box-items .stack-reason{padding:2px 0;width:100%}.pending .pending-container .btn-pending .stack-center .box-items .stack-reason .reason{color:#000;font-family:Century Gothic;font-size:13px;font-weight:700;text-align:left;text-transform:none}.pending .pending-container .btn-pending .stack-center .box-items .stack-reason .date,.pending .pending-container .btn-pending .stack-center .box-items .stack-reason .time{color:#000;font-family:Century Gothic;font-size:12px;font-weight:700;text-align:left;text-transform:none}.pending .pending-container .btn-pending .box-reason{border-radius:6px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.pending .pending-container .btn-pending .box-reason .reason-title{color:#000;font-family:Century Gothic;font-size:13px;text-align:left;text-transform:none}.pending .pending-container .btn-pending .box-reason .reason-text{color:#000;font-family:SiemReap;font-size:15px;font-weight:700;text-align:left;text-transform:none}.create-shift-mobile{height:100vh;padding:20px}.create-shift-mobile .css-1160xiw-MuiPaper-root-MuiDrawer-paper{width:100%!important}.create-shift{height:100vh;padding:30px}.create-shift .box-form{height:96%;width:100%}.create-shift .box-form .stack-header{background-color:rgba(15,129,194,.2);border-left:4px solid #0f81c2;margin:20px 0;padding:10px 20px}.create-shift .box-form .header-body,.create-shift .box-form .stack-header .title{color:#0f81c2;font-family:Century Gothic;font-weight:700}.create-shift .box-form .header-body{font-size:14px}.create-shift .box-form .icons{color:#0f81c2;font-size:24px;margin-right:10px}.create-shift .box-form .icons-reason{color:#0f81c2;font-size:18px;margin-right:14px;margin-top:2px}.create-shift .box-form .field-select{width:100%}.create-shift .box-form .field-select .css-1yk1gt9-MuiInputBase-root-MuiOutlinedInput-root-MuiSelect-root{border-radius:10px!important}.create-shift .box-form .field-select .MuiOutlinedInput-input{font-family:Century Gothic}.create-shift .box-form .text-field{width:100%}.create-shift .box-form .text-field .css-9ddj71-MuiInputBase-root-MuiOutlinedInput-root{border-radius:10px!important}.create-shift .box-form .text-field .MuiOutlinedInput-input{font-family:Century Gothic}.create-shift .box-form .text-field .css-154xyx0-MuiInputBase-root-MuiOutlinedInput-root{border-radius:10px!important}.create-shift .box-form .textfield-reason{margin-top:10px;width:100%}.create-shift .box-form .textfield-reason .MuiOutlinedInput-input{font-family:SiemReap}.create-shift .box-form .textfield-reason .css-8ewcdo-MuiInputBase-root-MuiOutlinedInput-root{border-radius:10px!important}.create-shift .box-form .box-time{display:flex;justify-content:center;padding:0 22px}.create-shift .box-form .box-time .time-title{font-family:Century Gothic;padding:0}.create-shift .box-form .box-action{display:flex;justify-content:center;width:100%}.create-shift .box-form .box-action .btn-cencel{border:1px solid red;border-radius:8px;color:red;font-family:Century Gothic;font-weight:700;padding:5px 30px;text-transform:none}.create-shift .box-form .box-action .btn-add{border:1px solid #0f81c2;border-radius:8px;font-family:Century Gothic;font-weight:700;padding:5px 30px;text-transform:none}.detete_position .MuiPaper-root{border-radius:12px!important;width:450px!important}.detete_position .header-title{color:#0f81c2;font-size:20px;font-weight:700}.detete_position .close-icon{color:red!important}.detete_position .actions-btn{padding:0 18px 16px;width:100%}.detete_position .actions-btn .btn-delete{background-color:#ff4747;color:#fff}.box-form-mobile{height:96%;width:100%}.box-form-mobile .stack-header{background-color:rgba(15,129,194,.2);border-left:4px solid #0f81c2;margin:20px 0;padding:10px 20px}.box-form-mobile .stack-header .title{color:#0f81c2;font-family:Century Gothic;font-weight:700}.box-form-mobile .stack-delete{display:flex;justify-content:right;margin-top:20px;width:100%}.box-form-mobile .stack-delete .delete-icon{color:red}.box-form-mobile .header-body{color:#0f81c2;font-family:Century Gothic;font-size:14px;font-weight:700}.box-form-mobile .icons{color:#0f81c2;font-size:24px;margin-right:10px}.box-form-mobile .icons-reason{color:#0f81c2;font-size:18px;margin-right:4px;margin-top:2px}.box-form-mobile .field-select{width:100%}.box-form-mobile .field-select .css-1yk1gt9-MuiInputBase-root-MuiOutlinedInput-root-MuiSelect-root{border-radius:10px!important}.box-form-mobile .field-select .MuiOutlinedInput-input{font-family:Century Gothic}.box-form-mobile .text-field{width:100%}.box-form-mobile .text-field .css-9ddj71-MuiInputBase-root-MuiOutlinedInput-root{border-radius:10px!important}.box-form-mobile .text-field .MuiOutlinedInput-input{font-family:Century Gothic}.box-form-mobile .textfield-reason{margin-top:10px;width:100%}.box-form-mobile .textfield-reason .MuiOutlinedInput-input{font-family:Century Gothic}.box-form-mobile .textfield-reason .css-8ewcdo-MuiInputBase-root-MuiOutlinedInput-root{border-radius:10px!important}.box-form-mobile .box-time{display:flex;justify-content:center;padding:0 22px}.box-form-mobile .box-time .time-title{font-family:Century Gothic;padding:0}.box-form-mobile .box-action{display:flex;justify-content:center;margin:20px 0;width:100%}.box-form-mobile .box-action .btn-cencel{border:1px solid red;border-radius:8px;color:red}.box-form-mobile .box-action .btn-add,.box-form-mobile .box-action .btn-cencel{font-family:Century Gothic;font-weight:700;padding:5px 30px;text-transform:none}.box-form-mobile .box-action .btn-add{border:1px solid #0f81c2;border-radius:8px}.approve-dialog .MuiPaper-root{border-radius:12px!important;width:500px!important}.approve-dialog .required-text{color:red;font-size:"Century Gothic"}.approve-dialog .title{color:#0f81c2;font-family:Century Gothic;font-size:"Century Gothic";font-weight:700}.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:14px;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%}.report-page .box-date{align-items:center;background-color:#fff;border-radius:10px;display:flex;width:170px}@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: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 .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;height:110px;padding:20px}.report-page .setting-page-container .image{height:40px;width:40px}.report-page .setting-page-container .page-title{color:#0f81c2;font-family:Century Gothic;font-size:17px;font-weight:700;margin:10px 0}.report-page .setting-page-container .page-description{color:#0f81c2;color:#191919;display:-webkit-box;font-family:Century Gothic;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 .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-title{color:#0f81c2;font-size:20px;font-weight:700}@media(min-width:769px)and (max-width:1024px){.setting-page .page-title{font-size:20px}}@media(min-width:426px)and (max-width:600px){.setting-page .page-title{font-size:16px}}.setting-page .btn-container{background-color:#fff!important;border-radius:8px;padding:20px!important;width:100%}.setting-page .btn-container .box-item{background-color:#fff;border-radius:10px;height:100px;width:100%}.setting-page .btn-container .box-item .icon{color:#0f81c2;font-size:35px}.setting-page .btn-container .box-item .text-title{color:#0f81c2;font-size:16px;font-weight:700;text-align:left}.setting-page .btn-container .box-item .body-title{color:#000;font-size:14px;text-align:left}.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}}.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}.training-page .slash{background-color:#0f81c2;height:45px;width:4px}@media(min-width:769px)and (max-width:1024px){.training-page .slash{height:40px}}@media(min-width:426px)and (max-width:600px){.training-page .slash{height:40px;margin:0;padding:0;width:2px}}.training-page .page-title{color:#0f81c2;font-size:20px;font-weight:700}@media(min-width:769px)and (max-width:1024px){.training-page .page-title{font-size:20px}}@media(min-width:426px)and (max-width:600px){.training-page .page-title{font-size:16px}}.training-page .btn-create{background-color:#0f81c2!important;font-family:Siemreap!important;font-size:14px}.training-page .search-title{color:#0f81c2;font-family:KhmerOsMuol!important;font-size:16px;font-weight:100!important;margin-top:8px;width:130px!important}.training-page .container-textField{align-items:center;background-color:#fff;border-radius:10px;display:flex;width:300px}.training-page .container-textField .text-field .MuiInputLabel-root,.training-page .container-textField .text-field .MuiOutlinedInput-input{color:#000!important}@media(min-width:426px)and (max-width:600px){.training-page .container-textField .text-field .css-1gywuxd-MuiInputBase-root-MuiOutlinedInput-root{width:150px}}.training-page .container-textField .text-field .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#fff}.training-page .container-textField .text-field :hover .MuiOutlinedInput-input{color:#fff}.training-page .container-textField .text-field :hover .MuiInputLabel-root{color:#000}.training-page .container-textField .text-field :hover .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#fff}.training-page .container-textField .text-field .MuiInputLabel-root.Mui-focused,.training-page .container-textField .text-field .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-input{color:#000}.training-page .container-textField .text-field .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#fff}@media(min-width:426px)and (max-width:600px){.training-page .container-textField .text-field .css-1nv32ag-MuiButtonBase-root-MuiIconButton-root{display:none}}.training-page .btn-create{background-color:#0f81c2;border-radius:10px;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:0 15px}.training-page .btn-create .style-add{text-transform:none}.training-page .btn-create .style-add,.training-page .btn-create-pg{color:#fff;font-family:Century Gothic;font-size:14px;font-weight:700}.training-page .btn-create-pg{background-color:#0f81c2!important;border-radius:10px;margin-top:20px;padding:8px 30px}.training-page .btn-create-pg .icon-add{height:18px;width:18px}.training-page .card-container{background-color:#fff!important;border-radius:10px;padding:15px}.training-page .card-container .invoice-num{font-size:13px;margin:auto 0;text-transform:uppercase}.training-page .card-container .icon-date{align-items:center;color:#0f81c2;margin-top:1px}.training-page .card-container .icon-map{align-items:center;color:#ff6f00;margin-top:1px}.training-page .card-container .date-card{color:#0f81c2;font-size:14px;margin-top:1px}.training-page .card-container .map-card{color:#ff6f00;font-size:14px;margin-top:1px}.training-page .card-container .update-title{color:#0f81c2}.training-page .card-container .update-icon{color:#ff6f00}.dashboard-page .slash{background-color:#0f81c2;height:45px;width:4px}.dashboard-page .color{color:#0f81c2;font-size:22px;font-weight:700}.dashboard-page .make{align-items:center;direction:row;justify-content:flex-start}.dashboard-page .left-icon{align-items:flex-end;direction:column;display:flex;justify-content:center}.dashboard-page .employee-overview-header{color:gray;font-size:18px;font-weight:700;font-weight:700!important;margin-bottom:15px}.header-container{margin-top:10px}.header-container .stack-container-first{background-color:#6862c2;background-image:url(data:image/png;base64,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);background-position:0 50%;background-repeat:no-repeat;background-size:100%;border-radius:10px;color:#fff;padding:40px 20px}.header-container .stack-container-first .front-icon{width:80%}.header-container .stack-container-first .share-number{font-size:26px;font-weight:700}.header-container .stack-container-first .share-des{font-size:16px;font-weight:700}.header-container .stack-container-second{background-color:#e1505d;background-image:url(data:image/png;base64,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);background-position:95% 80%;background-repeat:no-repeat;background-size:40%;border-radius:10px;color:#fff;padding:40px 20px}.header-container .stack-container-second .front-icon{width:80%}.header-container .stack-container-second .share-number{font-size:26px;font-weight:700}.header-container .stack-container-second .share-des{font-size:16px;font-weight:700}.header-container .stack-container-third{background-color:#dfac2f;background-image:url(data:image/png;base64,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);background-position:100% 50%;background-repeat:no-repeat;background-size:90%;border-radius:10px;color:#fff;padding:40px 20px}.header-container .stack-container-third .front-icon{width:80%}.header-container .stack-container-third .share-number{font-size:26px;font-weight:700}.header-container .stack-container-third .share-des{font-size:16px;font-weight:700}.header-container .stack-container-fourth{background-color:#2a9ada;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHQAAAAmCAYAAAAV3L/bAAAABHNCSVQICAgIfAhkiAAAAgxJREFUeF7tW0luwzAQq77ZB+abbpPGqKON1EbbAHMJEMhDiZxNUhy+Jn22bXvspkII35PM2kwjA6FxfHG4BZ3F5JgdCzrG3+kOfgyk52QSQXsjrfe5RXyeblbFhwUVSW1BRUSrYCyoimkRjgUVEa2CsaAqpkU4FlREtArGgqqYFuFYUBHRKhgLqmJahGNBRUSrYG4laHLc9Hu7olpATpAzsUsOEs9p1RynHP3dVdBVpDJOxmAzY2IsC/pmZPWdbU+EWtC3OCwR7LgZdfY0QUeBX3dwZA3NEbr/NhIxNbv7/J7fVxJ0VtlK7FjQGfGY2kC8WtAK747Qf3IC8iTUwTnl5j0N8eoIdYRmGZDVUNYDUVOUs1Pbi+3NFZuGj7bQnI8NFqq8syIUNXIWtLIPZQVFTpjrqGsC18pWs2OgB3prKCInjqTStuWKEWpBK3tVRI4F/XwjAUb61SIUTjjzmgVbL9FaUVaJU2PtMGQUq9QLQH4QsDrlwglb0I93iC7fFDGCMk7IRG0rVilCV2AtjdDWhcdnu0wXxyygZIchdEbnaUEP+bp0gB83RaPO07IPbcWyoBb0xUDOmVEDxmSsbCbsqUfMZJgxxzTILIAhxxEavXnN1CNGLGaMBT3ckhTulFHAdXW5rbXGTVF6md7DYVcjhzwAGWXSoLvc9F+RrRmM5tmC/qU9Jqvcocv9AZcg+3x+YNKIAAAAAElFTkSuQmCC);background-position:90% 50%;background-repeat:no-repeat;background-size:28%;border-radius:10px;color:#fff;padding:40px 20px}.header-container .stack-container-fourth .front-icon{width:80%}.header-container .stack-container-fourth .share-number{font-size:26px;font-weight:700}.header-container .stack-container-fourth .share-des{font-size:16px;font-weight:700}.employee-overview-header{color:gray;font-size:18px;font-weight:700;font-weight:700!important;margin-bottom:15px}.employee-chart{background-color:#fff;border:1px solid #ecebeb;border-radius:10px!important;height:430px;margin-top:10px;padding:26px 20px}.employee-chart .chart-title{color:#0f81c2;font-family:SiemReap;font-size:20;font-weight:700}.emp-att-container{background-color:#fff;border:1px solid #ecebeb;border-radius:10px!important;height:430px;margin-top:10px;padding:20px}.emp-att-container .chart-title{color:#0f81c2;font-family:SiemReap;font-size:20;font-weight:700}.emp-att-container .tab-container-val .tabs-containner{border:none}.emp-att-container .tab-container-val .tabs-containner .active-btn-tab{border-radius:0!important;color:#0f81c2;font-family:Century Gothic;font-size:14px;font-weight:700}.emp-att-container .tab-container-val .tabs-containner .btn-tab{color:gray;font-family:Century Gothic;font-size:14px;font-weight:700;padding:6px 20px}.emp-att-container .emp-att-header{height:100px}.emp-att-status{height:350px;padding:5px}.emp-att-status .chart-title{color:#0f81c2;font-family:SiemReap;font-size:20;font-weight:700}.emp-att-status ::-webkit-scrollbar{width:2px}.emp-att-status ::-webkit-scrollbar-track{background:#f1f1f1}.emp-att-status ::-webkit-scrollbar-thumb{background:#888}.emp-att-status ::-webkit-scrollbar-thumb:hover{background:#555}.emp-att-status .header-btn{background-color:#fff;border:1px solid #dcdcdc;border-radius:50%;height:40px;width:40px}.emp-att-status .header-btn .btn-number{color:#000;font-family:Century Gothic;font-size:14px;font-weight:700}.emp-att-status .btn-head-nonactive .header-btn{background-color:#fff;border:1px solid #dcdcdc;border-radius:50%;height:40px;width:40px}.emp-att-status .btn-head-nonactive .header-btn .btn-number{color:#000;font-family:Century Gothic;font-size:14px;font-weight:700}.emp-att-status .btn-head-nonactive .btn-stt-present{color:#000;font-family:Century Gothic;font-size:12px}.emp-att-status .btn-head-active .header-btn{background-color:#0f81c2;border:1px solid #dcdcdc;border-radius:50%;height:40px;width:40px}.emp-att-status .btn-head-active .header-btn .btn-number{color:#fff;font-family:Century Gothic;font-size:14px;font-weight:700}.emp-att-status .btn-head-active .btn-stt-present{color:#0f81c2;font-family:Century Gothic;font-size:12px;font-weight:700}.emp-att-status .header-btn-active{background-color:#0f81c2;border:1px solid #dcdcdc;border-radius:50%;height:40px;width:40px}.emp-att-status .header-btn-active .btn-number{color:#fff;font-family:Century Gothic;font-size:14px;font-weight:700}.emp-att-status .btn-stt-present{color:#000;font-family:Century Gothic;font-size:12px}.emp-att-status .btn-stt-present-active{color:#0f81c2;font-family:Century Gothic;font-size:12px;font-weight:700}.emp-att-status .stt-detail{height:210px;overflow-y:scroll;padding:0 10px}.emp-att-status .stt-detail ::-webkit-scrollbar{width:2px}.emp-att-status .stt-detail ::-webkit-scrollbar-track{background:#f1f1f1}.emp-att-status .stt-detail ::-webkit-scrollbar-thumb{background:#888}.emp-att-status .stt-detail ::-webkit-scrollbar-thumb:hover{background:#555}.emp-att-status .stt-detail .stt-detail-emp{border-bottom:1px solid #d5f0ff;padding:5px}.emp-att-status .stt-detail .stt-detail-emp .emp-name{font-family:SiemReap;font-size:14px}.emp-att-status .stt-detail .stt-detail-emp .emp-date{color:red;font-family:Century Gothic;font-size:14px;font-weight:700}.emp-att-status .table-dear{background-color:#0f81c2;border-radius:10px!important;padding:10px 16px;width:100%}.emp-att-status .table-dear .table-dear-detail{color:#fff;font-family:Century Gothic;font-size:14px;font-weight:700}.employee-nearly-expired-contract{background-color:#fff!important;border-radius:12px;margin:10px;padding:10px!important}.employee-nearly-expired-contract ::-webkit-scrollbar{width:2px}.employee-nearly-expired-contract ::-webkit-scrollbar-track{background:#f1f1f1}.employee-nearly-expired-contract ::-webkit-scrollbar-thumb{background:#888}.employee-nearly-expired-contract ::-webkit-scrollbar-thumb:hover{background:#555}.employee-nearly-expired-contract .table-head{background-color:#0f81c2;border-radius:10px!important;padding:10px 16px;width:100%}.employee-nearly-expired-contract .table-head .table-head-detail{color:#fff;font-family:Century Gothic;font-size:14px;font-weight:700}.employee-nearly-expired-contract .table-row{border-bottom:1px solid #d5f0ff;cursor:pointer;font-family:Century Gothic;padding:7px 16px;width:100%}.employee-nearly-expired-contract .table-row .table-cell{font-family:Century Gothic;font-size:12px}.employee-nearly-expired-contract .table-row .table-cell-reason{font-family:SiemReap;font-size:10px}.employee-nearly-expired-contract .table-row .table-cell-detail{font-family:Century Gothic;font-size:10px}.employee-nearly-expired-contract .table-row:hover{background-color:#ddf0fe;transition:background-color .5s}.forgotpassword-page{background-color:#0f81c2;height:100vh;width:100%}.forgotpassword-page .text-field{background-color:#fff;border-radius:6px}.forgotpassword-page .text-field .MuiInputLabel-root,.forgotpassword-page .text-field .MuiOutlinedInput-input{color:#000!important}.forgotpassword-page .text-field .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#fff}.forgotpassword-page .text-field :hover .MuiOutlinedInput-input{color:#fff}.forgotpassword-page .text-field :hover .MuiInputLabel-root{color:#000}.forgotpassword-page .text-field :hover .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#fff}.forgotpassword-page .text-field .MuiInputLabel-root.Mui-focused,.forgotpassword-page .text-field .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-input{color:#000}.forgotpassword-page .text-field .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#fff}.forgotpassword-page .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:.2;position:fixed;top:0;width:100%}.forgotpassword-page .back-btn{height:10%}.forgotpassword-page .back-btn .text-back{display:flex;flex-direction:column;height:100%;justify-content:center}.forgotpassword-page .back-btn .text-back .title-back{color:#fff;text-transform:none}.forgotpassword-page .container{flex-direction:column;height:85%;position:relative;width:100%}.forgotpassword-page .container,.forgotpassword-page .container .box-logo,.forgotpassword-page .container .box-text{display:flex;justify-content:center}.forgotpassword-page .container .box-text .title{color:#fff;font-weight:700}.forgotpassword-page .container .box-text .sub-title{color:#fff}.forgotpassword-page .container .box-login{display:flex;justify-content:center}.forgotpassword-page .container .box-login .icon{color:#0f81c2}.forgotpassword-page .container .box-login .btn-sign-in{background-color:#fff;color:#0f81c2;font-size:18px;font-weight:700;text-transform:none}.holiday-card{margin-top:60px}.holiday-card .card-container{background-color:#f4effe;border-left:8px solid #f391ed;border-radius:6px;padding:25px 20px}.holiday-card .card-container .holiday-title{color:#0f81c2;font-family:KhmerOsMuol!important;font-size:20px}.holiday-card .card-container .holiday-des{color:#0f81c2;font-family:Siemreap!important;font-size:16px}.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:8px 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{justify-content:center;margin-right:10px;max-width:35px;opacity:.5}.drawer-menu .list .list-item .list-item-button .list-item-text{color:#000;opacity:1}.drawer-menu .list .list-item .list-item-button .list-item-icon-active{color:#0f81c2;justify-content:center;margin-right:10px;max-width:35px}.drawer-menu .list .list-item .list-item-button .list-item-text-active{color:#0f81c2;font-family:Century Gothic;opacity:1}.drawer-menu .list .list-item .list-item-button .list-item-text-active .MuiTypography-root{font-weight:700}.drawer-menu .list .list-item-active{margin:8px 0}.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{justify-content:center;margin-right:10px;max-width:35px;opacity:.5}.drawer-menu .list .list-item-active .list-item-button .list-item-text{color:#000;opacity:1}.drawer-menu .list .list-item-active .list-item-button .list-item-icon-active{color:#0f81c2;justify-content:center;margin-right:10px;max-width:35px}.drawer-menu .list .list-item-active .list-item-button .list-item-text-active{color:#0f81c2;font-family:Century Gothic;opacity:1}.drawer-menu .list .list-item-active .list-item-button .list-item-text-active .MuiTypography-root{font-weight:700}.css-d1xtw4{display:flex;justify-content:center!important}.log-out-style .MuiPaper-root{border-radius:12px!important}.log-out-style .stack-body{width:400px}@media(min-width:426px)and (max-width:600px){.log-out-style .stack-body{width:300px!important}}@media(min-width:377px)and (max-width:425px){.log-out-style .stack-body{width:250px!important}}@media(min-width:0px)and (max-width:376px){.log-out-style .stack-body{width:240px!important}}.log-out-style .stack-body .btn-log-out-style{background-color:#0f81c2!important;color:#fff;font-size:20px;font-weight:700}@media(min-width:426px)and (max-width:600px){.log-out-style .stack-body .btn-log-out-style{font-size:18px}}@media(min-width:377px)and (max-width:425px){.log-out-style .stack-body .btn-log-out-style{font-size:16px}}@media(min-width:0px)and (max-width:376px){.log-out-style .stack-body .btn-log-out-style{font-size:15px}}.log-out-style .stack-body .text-logout{color:#000;font-size:20px;font-weight:700}@media(min-width:426px)and (max-width:600px){.log-out-style .stack-body .text-logout{font-size:18px}}@media(min-width:377px)and (max-width:425px){.log-out-style .stack-body .text-logout{font-size:16px}}@media(min-width:0px)and (max-width:376px){.log-out-style .stack-body .text-logout{font-size:15px}}.log-out-style .stack-body .text-logout-dark{color:#fff;font-size:20px;font-weight:700}@media(min-width:426px)and (max-width:600px){.log-out-style .stack-body .text-logout-dark{font-size:18px}}@media(min-width:377px)and (max-width:425px){.log-out-style .stack-body .text-logout-dark{font-size:16px}}@media(min-width:0px)and (max-width:376px){.log-out-style .stack-body .text-logout-dark{font-size:15px}}.log-out-style .text-logout-litle{color:#000;font-size:15px}@media(min-width:0px)and (max-width:376px){.log-out-style .text-logout-litle{font-size:13px}}.log-out-style .text-logout-litle-dark{color:#fff;font-size:15px}@media(min-width:0px)and (max-width:376px){.log-out-style .text-logout-litle-dark{font-size:13px}}.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}.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}.employee-details .slash{background-color:#0f81c2;height:45px;width:4px}.employee-details .page-title{color:#0f81c2;font-size:22px;font-weight:700}@media(min-width:426px)and (max-width:600px){.employee-details .page-title{display:none!important}}@media(min-width:377px)and (max-width:425px){.employee-details .page-title{display:none!important}}@media(min-width:0px)and (max-width:376px){.employee-details .page-title{display:none!important}}.employee-details .page-title-mobile{color:#0f81c2;display:none;font-size:22px;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-addes{color:#fff;font-size:16px;font-weight:400}.employee-details .main-containner{margin-top:10px}.employee-details .main-containner .box-container{border-bottom:1px solid gray;padding:10px 0}@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 .active-btn-attendance,.employee-details .main-containner .box-container .btn-attendance{background:none;border-radius:0;color:#000;font-family:Century Gothic;font-size:16px;font-weight:700;padding:4px 0;text-transform:none;width:110px}.employee-details .main-containner .box-container .active-btn-attendance{border-bottom:2px solid #0f81c2}.employee-details .main-containner .box-container .active-btn-information,.employee-details .main-containner .box-container .btn-information{background:none;border-radius:0;color:#000;font-family:Century Gothic;font-size:16px;font-weight:700;padding:4px 0;text-transform:none;width:190px}.employee-details .main-containner .box-container .active-btn-information{border-bottom:2px solid #0f81c2}.employee-details .main-containner .box-container .active-btn-work,.employee-details .main-containner .box-container .btn-work{background:none;border-radius:0;color:#000;font-family:Century Gothic;font-size:16px;font-weight:700;padding:4px 0;text-transform:none;width:90px}.employee-details .main-containner .box-container .active-btn-work{border-bottom:2px solid #0f81c2}.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 .active-btn-attendance,.employee-details .main-containner .box-container-mobile .btn-attendance{background:none;border-radius:0;color:#000;font-family:Century Gothic;font-size:16px;font-weight:700;padding:4px 0;text-transform:none;width:110px}.employee-details .main-containner .box-container-mobile .active-btn-attendance{border-bottom:2px solid #0f81c2}.employee-details .main-containner .box-container-mobile .active-btn-information,.employee-details .main-containner .box-container-mobile .btn-information{background:none;border-radius:0;color:#000;font-family:Century Gothic;font-size:16px;font-weight:700;padding:4px 0;text-transform:none;width:190px}.employee-details .main-containner .box-container-mobile .active-btn-information{border-bottom:2px solid #0f81c2}.employee-details .main-containner .box-container-mobile .active-btn-work,.employee-details .main-containner .box-container-mobile .btn-work{background:none;border-radius:0;color:#000;font-family:Century Gothic;font-size:16px;font-weight:700;padding:4px 0;text-transform:none;width:90px}.employee-details .main-containner .box-container-mobile .active-btn-work{border-bottom:2px solid #0f81c2}.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-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-bottom:15px;margin-top:15px}.employee-information-class .main-containner .profile-container .body-text-file{color:#000;font-family:Century Gothic;font-size:14px;font-weight:500}.employee-information-class .main-containner .profile-container .header-info{background-color:rgba(15,128,194,.165);border-radius:8px;padding:8px}.employee-information-class .main-containner .profile-container .header-info .header-info-text{color:rgba(0,0,0,.803);font-family:Century Gothic;font-size:14px;width:50%}.employee-information-class .main-containner .profile-container .header-info .header-info-text-khmer{color:rgba(0,0,0,.803);font-family:SiemReap;font-size:14px;width:50%}.employee-information-class .main-containner .profile-container .header-info .header-info-text-edu{color:rgba(0,0,0,.803);font-family:Century Gothic;font-size:14px;width:33%}.employee-information-class .main-containner .profile-container .header-info .header-info-text-address{color:rgba(0,0,0,.803);font-family:Century Gothic;font-size:14px;width:100%}.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:Century Gothic;font-size:14px;font-weight:500;width:50%}.employee-information-class .main-containner .profile-container .body-info .body-info-text-khmer{color:#000;font-family:SiemReap;font-size:14px;font-weight:500;width:50%}.employee-information-class .main-containner .profile-container .body-info .body-info-text-edu{color:#000;font-family:Century Gothic;font-size:14px;font-weight:500;width:33%}.employee-information-class .main-containner .profile-container .body-info .body-info-text-address{color:#000;font-family:Siemreap!important;font-size:14px;font-weight:500;width:100%}.view-file-preview .MuiPaper-root{border-radius:12px!important}.view-file-preview .containter{width:100%}.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:SiemReap;font-size:20px;text-align:center}.contract-details .main-containner .profile-container .profile-name{font-family:Century Gothic;font-size:16px;font-weight:700;text-align:center}.contract-details .main-containner .profile-container .title-items{font-family:Century Gothic;font-size:14px;margin-top:10px}.contract-details .main-containner .profile-container .items-name{font-family:SiemReap;font-size:16px;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:Century Gothic;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{border-radius:10px 0 0 10px}.contract-details .main-containner .table-container .education-table .table-row .table-cell,.contract-details .main-containner .table-container .education-table .table-row .table-cell-first,.contract-details .main-containner .table-container .education-table .table-row .table-cell-last{background-color:#0f81c2;color:#fff;font-family:Century Gothic;font-size:16px;font-weight:700;padding:10px 20px}.contract-details .main-containner .table-container .education-table .table-row .table-cell-last{border-radius:0 10px 10px 0}.contract-details .main-containner .table-container .education-table .table-row-body .table-cell{font-family:SiemReap;font-size:14px;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:Century Gothic;font-size:14px;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:Century Gothic;font-size:14px;text-align:center}.contract-dialog .MuiPaper-root{border-radius:12px!important}.contract-dialog .header-title{color:#0f81c2;font-size:20px;font-weight:700}.contract-dialog .title{color:#0f81c2;font-family:Century Gothic;font-size:"Century Gothic";font-weight:700}.contract-dialog .close-icon{color:red;cursor:pointer}.contract-dialog .box-form .field-title{color:#0f81c2;font-size:14px;font-weight:700}.contract-dialog .box-form .text-field{border-radius:6px;font-family:Century Gothic;width:100%}.contract-dialog .box-form .text-field .MuiOutlinedInput-input{border-radius:10px;font-family:Khmer OS Siemreap}.contract-dialog .box-form .box-text-field{display:flex;justify-content:center}.contract-dialog .box-form .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-form .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%}.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:SiemReap;font-size:20px;margin-top:10px;text-align:center}.employee-head-comment-role .main-containner .profile-container .name-container{font-family:Century Gothic;font-size:16px;font-weight:700;text-align:center}.employee-head-comment-role .main-containner .profile-container .position-container{font-family:Century Gothic;font-size:14px;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:Century Gothic;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}.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:14px;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%}.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%}.employee-id-card{padding-bottom:40px}.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{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%}.action-update{color:#0f81c2}.action-delete{color:red}.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 .btn-add{background-color:#0f81c2;border-radius:10px;height:40px;padding:0 8px;transition:.3s}.employee-id-card .btn-add:hover{background-color:#47a6ff;box-shadow:0 .4em .4em -.4em #0f81c2;-webkit-transform:translateY(-.2em);transform:translateY(-.2em);transition:.3s}.employee-id-card .btn-add .style-add{color:#fff;font-size:16px;font-weight:400;text-transform:none}.employee-id-card .main-containner{margin-top:20px}.employee-id-card .main-containner .profile-container{background-color:#fff;border-radius:10px;padding:20px}.employee-id-card .main-containner .profile-container .profile{justify-content:center}.employee-id-card .main-containner .profile-container .profile .avater-image{height:160px;margin-top:10px;width:160px}.employee-id-card .main-containner .profile-container .name-container-khmer{font-family:SiemReap;font-size:20px;margin-top:10px;text-align:center}.employee-id-card .main-containner .profile-container .name-container{font-family:Century Gothic;font-size:16px;font-weight:700;text-align:center}.employee-id-card .main-containner .profile-container .position-container{font-family:Century Gothic;font-size:14px;text-align:center}.employee-id-card .main-containner .profile-container .box-contact{padding:10px}.employee-id-card .main-containner .profile-container .box-contact .contact-icon{color:#0f81c2!important}.employee-id-card .main-containner .profile-container .box-contact .contact-icon-location{color:#0f81c2!important;font-size:30px}.employee-id-card .main-containner .profile-container .box-contact .contact-des{font-family:Century Gothic;font-size:14px;font-weight:700;margin-top:2px}.employee-id-card .main-containner .profile-container .box-contact .contact-des-kh{font-family:Siemreap!important;font-size:14px;font-weight:700;margin-top:2px}.employee-id-card .main-containner .head-comment-container{background-color:#fff;border-radius:10px;padding:20px}.employee-id-card .main-containner .head-comment-container .icon-rate{color:#0f81c2}.employee-id-card .main-containner .head-comment-container .head-bold-comment{font-weight:700}.employee-id-card .main-containner .head-comment-container .text-rate{color:#0f81c2;opacity:.55}.employee-id-card .main-containner .comment-container{background-color:#fff;border-radius:10px;padding:20px}.employee-id-card .main-containner .comment-container .icon-rate{color:#0f81c2}.employee-id-card .main-containner .comment-container .text-bold-comment{font-weight:700}.employee-id-card .main-containner .comment-container .comment-rate{padding:20px}.employee-id-card .main-containner .comment-container .comment-text{background-color:hsla(0,0%,89%,.414);border-radius:10px;margin-top:10px;padding:20px}.employee-id-card .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){.employee-id-card .main-containner .table-container{width:310px!important}}@media(min-width:377px)and (max-width:425px){.employee-id-card .main-containner .table-container{width:370px!important}}@media(min-width:426px)and (max-width:600px){.employee-id-card .main-containner .table-container{width:476px!important}}.employee-id-card .main-containner .table-container .title-table{background-color:#0f81c2;border-radius:10px;color:#fff;font-family:Century Gothic;font-size:16px;font-weight:700;padding:10px 0 10px 20px}.employee-id-card .main-containner .table-container .education-table{border-collapse:initial;border-spacing:0 8px;display:table;overflow-x:auto;white-space:nowrap;width:100%}.employee-id-card .main-containner .table-container .education-table .table-row .table-cell-first{border-radius:10px 0 0 10px}.employee-id-card .main-containner .table-container .education-table .table-row .table-cell,.employee-id-card .main-containner .table-container .education-table .table-row .table-cell-first,.employee-id-card .main-containner .table-container .education-table .table-row .table-cell-last{background-color:#0f81c2;color:#fff;font-family:Century Gothic;font-size:16px;font-weight:700;padding:10px 20px}.employee-id-card .main-containner .table-container .education-table .table-row .table-cell-last{border-radius:0 10px 10px 0}.employee-id-card .main-containner .table-container .education-table .table-row-body .table-cell{font-family:Century Gothic;font-size:14px;padding:10px 20px!important}.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:SiemReap;font-size:20px;margin-top:10px;text-align:center}.employee-warning .main-containner .profile-container .name-container{font-family:Century Gothic;font-size:16px;font-weight:700;text-align:center}.employee-warning .main-containner .profile-container .position-container{font-family:Century Gothic;font-size:14px;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:Century Gothic;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:Century Gothic;width:100%}.employee-warning .main-containner .table-attendance{background-color:#fff;border-radius:10px;margin-top:20px;padding:20px}.employee-warning .main-containner .table-attendance .tablecell-container{background-color:#0f81c2;border:none;color:#fff;font-family:Century Gothic;font-size:16px;font-weight:700;padding:10px 20px}.employee-warning .main-containner .table-attendance .tablecell-body{color:#000;font-family:Khmer OS Siemreap;font-size:14px;padding:10px 20px}.employee-warning .main-containner .box-seemore{display:flex;justify-content:center;margin-top:10px}.employee-warning .main-containner .box-seemore .btn-seemore{font-family:Century Gothic;text-align:center;text-transform:none;width:20%}.employee-warning-form .MuiPaper-root{border-radius:12px!important;width:600px}.employee-warning-form .header-title{color:#0f81c2;font-size:20px;font-weight:700}.employee-warning-form .close-icon{color:red}.employee-warning-form .header-body{color:#0f81c2;font-family:Century Gothic;font-size:14px;font-weight:700}.employee-warning-form .text-field{border-radius:6px;font-family:Century Gothic;width:100%}.employee-warning-form .text-field .MuiOutlinedInput-input{border-radius:10px;font-family:Khmer OS Siemreap}.employee-warning-form .btn-action{padding:10px;width:100%}.employee-warning-form .btn-action .btn-setup{background-color:#0f81c2;border-radius:8px;color:#fff;font-family:Century Gothic;width:100%}@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:Century Gothic;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: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:SiemReap;font-size:10px!important;letter-spacing:normal!important;padding:0 4px}.warning-report-styles .container .loan-footer-title{color:#000;font-family: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:SiemReap;font-size:11px!important;font-weight:500;letter-spacing:normal!important;line-height:20px}.employee-evaluation .slash{background-color:#0f81c2;height:45px;width:4px}.employee-evaluation .color{color:#0f81c2;font-size:22px;font-weight:700}.employee-evaluation .btn-add{background-color:#0f81c2;border-radius:10px;height:40px;padding:0 8px;transition:.3s}.employee-evaluation .btn-add:hover{background-color:#47a6ff;box-shadow:0 .4em .4em -.4em #0f81c2;-webkit-transform:translateY(-.2em);transform:translateY(-.2em);transition:.3s}.employee-evaluation .btn-add .style-add{color:#fff;font-size:16px;font-weight:400;text-transform:none}.employee-evaluation .delete-container-ev{background-color:#fff!important;border:1px solid red;border-radius:6px;height:26px;width:26px}.employee-evaluation .delete-container-ev .delete-icon-ev{color:red;font-size:16px!important;margin-bottom:2px}.employee-evaluation .print-container-ev{background-color:#fff!important;border:1px solid #0f81c2;border-radius:6px;height:26px;width:26px}.employee-evaluation .print-container-ev .print-icon-ev{color:#0f81c2;font-size:16px!important;margin-bottom:2px}.employee-evaluation .main-containner{margin-top:20px}.employee-evaluation .main-containner .profile-container{background-color:#fff;border-radius:10px;padding:20px}.employee-evaluation .main-containner .profile-container .profile{justify-content:center}.employee-evaluation .main-containner .profile-container .profile .avater-image{height:160px;margin-top:10px;width:160px}.employee-evaluation .main-containner .profile-container .name-container-khmer{font-family:SiemReap;font-size:20px;margin-top:10px;text-align:center}.employee-evaluation .main-containner .profile-container .name-container{font-family:Century Gothic;font-size:16px;font-weight:700;text-align:center}.employee-evaluation .main-containner .profile-container .position-container{font-family:Century Gothic;font-size:14px;text-align:center}.employee-evaluation .main-containner .profile-container .box-contact{padding:10px}.employee-evaluation .main-containner .profile-container .box-contact .contact-icon{color:#0f81c2!important}.employee-evaluation .main-containner .profile-container .box-contact .contact-icon-location{color:#0f81c2!important;font-size:30px}.employee-evaluation .main-containner .profile-container .box-contact .contact-des{font-family:Century Gothic;font-size:14px;font-weight:700;margin-top:2px}.employee-evaluation .main-containner .profile-container .box-contact .contact-des-kh{font-family:Siemreap!important;font-size:14px;font-weight:700;margin-top:2px}.employee-evaluation .main-containner .head-comment-container{background-color:#fff;border-radius:10px;padding:20px}.employee-evaluation .main-containner .head-comment-container .icon-rate{color:#0f81c2}.employee-evaluation .main-containner .head-comment-container .head-bold-comment{font-weight:700}.employee-evaluation .main-containner .head-comment-container .text-rate{color:#0f81c2;opacity:.55}.employee-evaluation .main-containner .comment-container{background-color:#fff;border-radius:10px;padding:20px}.employee-evaluation .main-containner .comment-container .icon-rate{color:#0f81c2}.employee-evaluation .main-containner .comment-container .text-bold-comment{font-weight:700}.employee-evaluation .main-containner .comment-container .comment-rate{padding:20px}.employee-evaluation .main-containner .comment-container .comment-text{background-color:hsla(0,0%,89%,.414);border-radius:10px;margin-top:10px;padding:20px}.employee-evaluation .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){.employee-evaluation .main-containner .table-container{width:310px!important}}@media(min-width:377px)and (max-width:425px){.employee-evaluation .main-containner .table-container{width:370px!important}}@media(min-width:426px)and (max-width:600px){.employee-evaluation .main-containner .table-container{width:476px!important}}.employee-evaluation .main-containner .table-container .title-table{background-color:#0f81c2;border-radius:10px;color:#fff;font-family:Century Gothic;font-size:16px;font-weight:700;padding:10px 0 10px 20px}.employee-evaluation .main-containner .table-container .education-table{border-collapse:initial;border-spacing:0 8px;display:table;overflow-x:auto;white-space:nowrap;width:100%}.employee-evaluation .main-containner .table-container .education-table .table-row .table-cell-first{border-radius:10px 0 0 10px}.employee-evaluation .main-containner .table-container .education-table .table-row .table-cell,.employee-evaluation .main-containner .table-container .education-table .table-row .table-cell-first,.employee-evaluation .main-containner .table-container .education-table .table-row .table-cell-last{background-color:#0f81c2;color:#fff;font-family:Century Gothic;font-size:16px;font-weight:700;padding:10px 20px}.employee-evaluation .main-containner .table-container .education-table .table-row .table-cell-last{border-radius:0 10px 10px 0}.employee-evaluation .main-containner .table-container .education-table .table-row-body{cursor:pointer}.employee-evaluation .main-containner .table-container .education-table .table-row-body .table-cell{font-family:Century Gothic;font-size:14px;padding:10px 20px!important}.employee-evaluation .main-containner .table-container .education-table .table-row-body .table-cell .body-name{color:#0f81c2;font-family:Century Gothic;font-size:14px!important;font-weight:700}.employee-evaluation .main-containner .table-container .education-table .table-row-body .table-cell .body-position{font-family:Khmer OS Siemreap!important;font-size:12px!important}.container-print{margin-top:5px;padding:25px}.container-print .header-title{font-family:Khmer OS Muol Light!important;font-size:16px}.container-print .header-title-en{font-family:GothicBoldFont!important;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:Century Gothic!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{font-family:Century Gothic;font-size:14px;font-weight:500}.container-print .th-table .th-title-font-kh{font-family:SiemReap;font-size:14px;font-weight:500}.container-print .sub-table{background-color:#ebf5ff;text-align:center}.container-print .sub-table .sub-tittle{font-family:SiemReap;font-size:14px;font-weight:700}.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:SiemReap;font-size:13px}.container-print .sub-table-detail .sub-tittle-detail-bold{font-family:SiemReap;font-size:13px;font-weight:700}.container-print .sub-table-detail .sub-tittle-detail-bold-small{font-family:Century Gothic;font-size:13px;font-weight:700}.container-print .sub-table-detail .icon-answer{font-size:18px}.footer-ruler{border:2px solid #0f81c2;border-radius:10px}.footer-container .footer-tittle{color:blue;font-family:SiemReap;font-size:13px}.employee-evaluation-form .MuiPaper-root{border-radius:12px!important}.employee-evaluation-form .evaluation-type{color:#000;font-family:Century Gothic;font-size:15px;text-transform:uppercase}.employee-evaluation-form .title-evaluation-type{color:#000;color:#0f81c2;font-family:Century Gothic;font-size:16px;font-weight:700}.employee-evaluation-form .option-box{background-color:#f0f3f6;border-radius:5px;justify-content:center;padding:14px;width:100%}.employee-evaluation-form .option-box .option-point{color:#327ac2;font-family:Century Gothic;font-size:12px;font-weight:600}.employee-evaluation-form .option-box-overall-score{background-color:#f0f3f6;border-radius:5px;padding:5px 10px;width:100%}.employee-evaluation-form .option-box-overall-score .option-point{color:#327ac2;font-family:Century Gothic;font-size:14px;font-weight:600}.employee-evaluation-form .overal-average-val{border:2px solid rgba(15,128,194,.329);border-radius:5px;font-weight:600;height:30px;padding:3px 10px;width:110px}.employee-evaluation-form .overal-average{font-family:Century Gothic;font-size:15px;font-weight:600}.employee-evaluation-form .comment-title{color:#0f81c2;font-family:Century Gothic;font-size:20px;font-weight:600}.employee-evaluation-form .input-comment{font-family:Century Gothic;font-size:16px}.employee-evaluation-form .btn-save{background-color:#0f81c2!important;color:#fff;text-transform:none;width:100%}.employee-evaluation-form .document-card{background-color:#f8f8f8;border-radius:5px;padding:5px;width:100%}.employee-evaluation-form .document-card .person-name-card{font-family:Century Gothic;font-size:13px!important;font-weight:700}.employee-evaluation-form .document-card .person-date-card{font-family:Century Gothic;font-size:11px!important}.employee-evaluation-form .document-card .subtitle-text{color:#535151;font-size:11px;font-weight:700}.employee-evaluation-form .document-card .description-text{font-family:Siemreap!important;font-size:16px}.employee-evaluation-form .document-card .css-y6rp3m-MuiButton-startIcon{margin-right:2px!important}.employee-evaluation-form .document-card .css-y6rp3m-MuiButton-startIcon>:first-of-type{font-size:13px}.employee-evaluation-form .document-card .office-text{font-family:Siemreap!important;font-size:11px}.employee-evaluation-form .document-card .office-text-secondary{color:#09b157!important;font-family:Siemreap!important;font-size:11px}.employee-evaluation-form .document-card .status-card{border-radius:4px;height:20px;margin-top:3px;padding:1px 2px}.employee-evaluation-form .document-card .status-card .status-title{font-family:Siemreap!important;font-size:11px;padding:2px}.employee-evaluation-form .document-card .status-card .status-icon{font-size:15px}@media(min-width:0px)and (max-width:376px){.employee-evaluation-form .container{width:310px!important}}@media(min-width:377px)and (max-width:425px){.employee-evaluation-form .container{width:370px!important}}@media(min-width:426px)and (max-width:600px){.employee-evaluation-form .container{width:476px!important}}.employee-evaluation-form .container .table{border-collapse:initial;border-spacing:0 8px;overflow-x:auto;width:100%}.employee-evaluation-form .container .table .header-row .header-title{border:none;color:#0f81c2;font-size:16px;font-weight:700;padding:6px 20px}.employee-evaluation-form .container .table .body-title-affair,.employee-evaluation-form .container .table .body-title-affair .body-row-title-affair{box-shadow:none}.employee-evaluation-form .container .table .body-title-affair .body-row-title-affair .affair-title{background-color:#f8f8f8!important;border:none;color:#0f81c2;font-size:16px}.employee-evaluation-form .container .table .body-title-affair .body-row-title-affair .border{background-color:#0f81c2;height:20px;width:3px}.employee-evaluation-form .container .table .body-title-affair .body-row-title-affair .css-177gid-MuiTableCell-root{padding:0 20px}.employee-evaluation-form .container .table .body{background-color:hsla(0,0%,89%,.414);box-shadow:none}.employee-evaluation-form .container .table .body :hover{background-color:#c8e9ff;cursor:pointer}.employee-evaluation-form .container .table .body .affair-total,.employee-evaluation-form .container .table .body .body-row .body-affair-title{background-color:#f8f8f8!important;border:none;color:#0f81c2;font-size:16px;font-weight:700}.employee-evaluation-form .container .table .body .body-row .body-title-first{border:none;border-radius:5px 0 0 5px;font-size:14px;padding:6px 20px;width:3%!important}.employee-evaluation-form .container .table .body .body-row .body-title{border:none;font-family:Khmer OS Siemreap;font-size:14px;padding:6px 20px}.employee-evaluation-form .container .table .body .body-row .body-title .status-attendance{color:#fff;font-size:8px;font-weight:700;height:18px;margin-left:8px;padding-top:2px;text-transform:uppercase}.employee-evaluation-form .container .table .body .body-row .body-title .color-Presence{background-color:green}.employee-evaluation-form .container .table .body .body-row .body-title .color-Permission{background-color:#3100ff}.employee-evaluation-form .container .table .body .body-row .body-title .color-Late{background-color:#ffe223}.employee-evaluation-form .container .table .body .body-row .body-title .color-Absence{background-color:red}.employee-evaluation-form .container .table .body .body-row .body-name{font-family:Khmer OS Siemreap;font-size:14px}.employee-evaluation-form .container .table .body .body-row .body-title-last{border:none;border-radius:0 5px 5px 0;font-size:14px;padding:6px 20px}.employee-evaluation-form .container .table .body .body-row .body-title-last .objective-big{font-family:Khmer OS Siemreap;font-size:11px;line-height:2;white-space:pre-line}.employee-evaluation-form .container .table .body .body-row .body-title-last .object-small{font-family:Khmer OS Siemreap;font-size:13px}.employee-evaluation-form .container .att-Presence{color:#6aadf7;font-weight:700}.employee-evaluation-form .container .att-Late{color:orange;font-weight:700}.employee-evaluation-form .container .att-Absence{color:#f15b5b;font-weight:700}.employee-evaluation-form .container .att-Permission{color:#fdd386;font-weight:700}.employee-evaluation-form .container .att-Check{color:#f15b5b;font-weight:700}.employee-evaluation-form .container .container-empty-text{align-items:center;display:flex;height:50vh;justify-content:center;position:fixed;width:80%}@media(min-width:426px)and (max-width:600px){.employee-evaluation-form .container .container-empty-text{height:30vh;width:87%}}.employee-evaluation-form .container .container-empty-text .empty-text{border-bottom:1px solid #0f81c2;color:#0f81c2;font-family:Century Gothic;font-size:20px;font-style:italic}.employee-evaluation-form .container .container-btn{align-items:center;display:flex;height:90vh;justify-content:center;position:fixed;width:80%}@media(min-width:426px)and (max-width:600px){.employee-evaluation-form .container .container-btn{height:50vh;width:88%}}.employee-evaluation-form .container .container-btn .btn-upload{background-color:#fff;border-radius:10px;box-shadow:0 .4em .4em -.4em #747474;height:20%;padding:0 15px;transition:.6s;width:50%}@media(min-width:426px)and (max-width:600px){.employee-evaluation-form .container .container-btn .btn-upload{width:88%}}.employee-evaluation-form .container .container-btn .btn-upload:hover{box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);-webkit-transform:translateY(-.2em);transform:translateY(-.2em);transition:.3s}.employee-evaluation-form .container .container-btn .btn-upload .btn{width:100%}.employee-evaluation-form .container .container-btn .btn-upload .btn:hover{background-color:#fff}.employee-evaluation-form .container .container-btn .btn-upload .btn .style-upload{color:#ccc;font-size:16px;font-weight:400;text-align:center!important;text-transform:none;width:100%}.employee-evaluation-form .header-title{color:#0f81c2;font-size:20px;font-weight:700}.employee-evaluation-form .close-icon{color:red}.employee-evaluation-form .header-body{color:#0f81c2;font-family:Century Gothic;font-size:14px;font-weight:700}.employee-evaluation-form .btn-action{padding:10px;width:100%}.employee-evaluation-form .btn-action .btn-setup{background-color:#0f81c2;border-radius:8px;color:#fff;font-family:Century Gothic;width:100%}.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:SiemReap;font-size:20px;margin-top:10px;text-align:center}.public-holiday .main-containner .profile-container .name-container{font-family:Century Gothic;font-size:16px;font-weight:700;text-align:center}.public-holiday .main-containner .profile-container .position-container{font-family:Century Gothic;font-size:14px;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:Century Gothic;font-size:14px;font-weight:700;margin-top:2px}.public-holiday .main-containner .profile-container .box-contact .contact-des-place{font-family: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:Century Gothic;font-weight:700;text-align:center}.public-holiday .main-containner .leave-container .grid-leave .box-leave .leave-public{color:#000;font-family:Century Gothic;font-size:14px;text-align:center}.public-holiday .main-containner .leave-container .grid-leave .box-leave .leave-annual{color:green;font-family:Century Gothic;font-size:14px;text-align:center}.public-holiday .main-containner .leave-container .grid-leave .box-leave .leave-unpaid{color:red;font-family:Century Gothic;font-size:14px;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:Century Gothic;font-weight:700;text-align:center}.public-holiday .main-containner .leave-container .grid-leave .last-box-leave .leave-permission{color:#0f81c2;font-family:Century Gothic;font-size:14px;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-contract{background-color:#fff;border-radius:10px;padding:20px}.public-holiday .main-containner .table-contract .tablecell-container{background-color:#0f81c2;border:none;color:#fff;font-family:Century Gothic;font-size:16px;font-weight:700;padding:10px 20px}.public-holiday .main-containner .table-contract .tablecell-body{color:#000;font-family:Century Gothic;font-size:14px;padding:10px 20px}.public-holiday .main-containner .table-contract .tablecell-body .attendance-morning{font-family:Century Gothic;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:Century Gothic;text-align:center;text-transform:none;width:20%}.employee-attendance .main-containner{margin-top:20px}.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:SiemReap;font-size:20px;margin-top:10px;text-align:center}.employee-attendance .main-containner .profile-container .name-container{font-family:Century Gothic;font-size:16px;font-weight:700;text-align:center}.employee-attendance .main-containner .profile-container .position-container{font-family:Century Gothic;font-size:14px;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:Century Gothic;font-size:14px;font-weight:700;margin-top:2px}.employee-attendance .main-containner .profile-container .box-contact .contact-des-place{font-family: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:Century Gothic;font-weight:700;text-align:center}.employee-attendance .main-containner .leave-container .grid-leave .box-leave .leave-public{color:#000;font-family:Century Gothic;font-size:14px;text-align:center}.employee-attendance .main-containner .leave-container .grid-leave .box-leave .leave-annual{color:green;font-family:Century Gothic;font-size:14px;text-align:center}.employee-attendance .main-containner .leave-container .grid-leave .box-leave .leave-unpaid{color:red;font-family:Century Gothic;font-size:14px;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:Century Gothic;font-weight:700;text-align:center}.employee-attendance .main-containner .leave-container .grid-leave .last-box-leave .leave-permission{color:#0f81c2;font-family:Century Gothic;font-size:14px;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{background-color:#0f81c2;border:none;color:#fff;font-family:Century Gothic;font-size:16px;font-weight:700;padding:10px 20px}.employee-attendance .main-containner .table-attendance .tablecell-body{color:#000;font-family:Century Gothic;font-size:14px;padding:10px 20px}.employee-attendance .main-containner .table-attendance .tablecell-body .attendance-title{font-family:Siemreap!important;font-size:14px}.employee-attendance .main-containner .table-attendance .tablecell-body .status-Permission{background-color:blue!important;border-radius:10px;color:#fff!important;font-family:Siemreap!important;font-size:11px;text-align:center!important;width:70px}.employee-attendance .main-containner .table-attendance .tablecell-body .status-Presence{background-color:green!important;border-radius:10px;color:#fff!important;font-family:Siemreap!important;font-size:11px;text-align:center!important;width:70px}.employee-attendance .main-containner .table-attendance .tablecell-body .status-Late{background-color:orange!important;border-radius:10px;color:#fff!important;font-family:Siemreap!important;font-size:11px;text-align:center!important;width:70px}.employee-attendance .main-containner .table-attendance .tablecell-body .status-Absence{background-color:#ffe6e6!important;border-radius:10px;color:red!important;font-family:Siemreap!important;font-size:11px;text-align:center!important;width:70px}.employee-attendance .main-containner .box-seemore{display:flex;justify-content:center;margin-top:10px}.employee-attendance .main-containner .box-seemore .btn-seemore{font-family:Century Gothic;text-align:center;text-transform:none;width:20%}.priview-evaluation-container{margin-top:20px}.priview-evaluation-container .css-1qqsdnr-MuiAutocomplete-root .MuiAutocomplete-tag{background-color:#0f81c2;border-radius:10px!important;color:#fff}.priview-evaluation-container .css-eem9g9-MuiButtonBase-root-MuiChip-root .MuiChip-deleteIcon{color:#fff!important}.priview-evaluation-container .MuiPaper-root{border-radius:10px!important}.priview-evaluation-container .dialog-title-priview-evaluation{color:#0f81c2;font-family:Century Gothic;font-size:16px;font-weight:700;text-transform:uppercase}.priview-evaluation-container .box-container-evaluation{background-color:#fff;border-radius:10px;padding:0 20px 15px}.priview-evaluation-container .box-container-evaluation .header-evaluation{background-color:rgba(15,128,194,.165);border-radius:8px;padding:8px}.priview-evaluation-container .box-container-evaluation .header-evaluation .header-text-evaluation{color:rgba(0,0,0,.803);font-family:Kantumruy!important;font-size:14px}.priview-evaluation-container .box-container-evaluation .body-evaluation{font-family:Kantumruy!important;padding:8px}.priview-evaluation-container .box-container-evaluation .body-evaluation .body-text-evaluation{color:#000;font-family:Kantumruy!important;font-size:14px;font-weight:500}.priview-evaluation-container .close-icon{color:red}.priview-evaluation-container .check-icon{align-items:center;color:#0f81c2;font-size:20px;margin:0 2px 3px 5px}.training-container-print{margin-top:5px;padding:25px}.training-container-print .header-title{font-family:Khmer OS Muol Light!important;font-size:16px}.training-container-print .header-title-topic{font-family:Khmer OS Muol Light!important;font-size:14px;padding:0 80px}.training-container-print .header-title-sub{font-family:SiemReap!important;font-size:14px}.training-container-print .header-title-en{font-family:GothicBoldFont!important;font-size:16px!important;line-height:180%!important;text-align:center}.training-container-print .image-print-logo{height:130px;margin-top:25px;padding-left:15px;width:160px}.training-container-print .imageSymbol{width:40%}.training-container-print .doc-tittle{font-family:Century Gothic!important;font-size:16px;font-weight:700}.training-container-print .head-th{border:1.5px solid #0f81c2;padding:0}.training-container-print table{border-collapse:collapse}.training-container-print .th-title-font{font-family:SiemReap;font-size:16px;font-weight:700;padding:5px}.training-container-print .sub-table{padding:3px}.training-container-print .sub-table .sub-tittle{font-family:SiemReap;font-size:14px}.training-container-print .sub-table-detail{padding:5px;width:16.66px}.training-container-print .sub-table-detail .sub-tittle-detail{font-family:Century Gothic;font-size:16px}.training-container-print .sub-table-detail .sub-tittle-detail-small{font-family:Century Gothic;font-size:13px}.training-container-print .sub-table-detail .sub-tittle-detail-medium{font-family:Century Gothic;font-size:14px}.training-container-print .sub-table-detail .sub-tittle-detail-bold{font-family:Century Gothic;font-size:16px;font-weight:700}.training-container-print .sub-table-detail .sub-tittle-detail-bold-small{font-family:Century Gothic;font-size:14px;font-weight:700}.training-container-print .sub-table-detail .icon-answer{font-size:18px}.meeting-container-print{margin-top:5px;padding:25px}.meeting-container-print .header-title{font-family:Khmer OS Muol Light!important;font-size:16px}.meeting-container-print .header-title-topic{font-family:Khmer OS Muol Light!important;font-size:14px;padding:0 80px}.meeting-container-print .header-title-sub{font-family:SiemReap!important;font-size:14px}.meeting-container-print .header-title-en{font-family:GothicBoldFont!important;font-size:16px!important;line-height:180%!important;text-align:center}.meeting-container-print .image-print-logo{height:130px;margin-top:25px;padding-left:15px;width:160px}.meeting-container-print .imageSymbol{width:40%}.meeting-container-print .doc-tittle{font-family:Century Gothic!important;font-size:16px;font-weight:700}.meeting-container-print .head-th{border:1.5px solid #0f81c2;padding:0}.meeting-container-print table{border-collapse:collapse}.meeting-container-print .th-title-font{font-family:SiemReap;font-size:16px;font-weight:700;padding:5px}.meeting-container-print .sub-table{padding:3px}.meeting-container-print .sub-table .sub-tittle{font-family:SiemReap;font-size:14px}.meeting-container-print .sub-table-detail{padding:5px;width:16.66px}.meeting-container-print .sub-table-detail .sub-tittle-detail{font-family:Century Gothic;font-size:16px}.meeting-container-print .sub-table-detail .sub-tittle-detail-small{font-family:Century Gothic;font-size:13px}.meeting-container-print .sub-table-detail .sub-tittle-detail-medium{font-family:Century Gothic;font-size:14px}.meeting-container-print .sub-table-detail .sub-tittle-detail-bold{font-family:Century Gothic;font-size:16px;font-weight:700}.meeting-container-print .sub-table-detail .sub-tittle-detail-bold-small{font-family:Century Gothic;font-size:14px;font-weight:700}.meeting-container-print .sub-table-detail .icon-answer{font-size:18px}@media(min-width:426px)and (max-width:600px){.employee-statistic-page .seach-web{display:none}}@media(min-width:377px)and (max-width:425px){.employee-statistic-page .seach-web{display:none}}@media(min-width:0px)and (max-width:376px){.employee-statistic-page .seach-web{display:none}}.employee-statistic-page .seach-web .header-text{color:#0f81c2;font-family:Century Gothic;font-size:14px}.employee-statistic-page .seach-web .total-student{background-color:#fff;border-radius:5px;color:#0f81c2;font-family:Century Gothic;font-size:16px;font-weight:700;height:40px;padding-left:7px;width:100px}.employee-statistic-page .seach-web .box-container{font-family:SiemReap!important;width:250px}.employee-statistic-page .seach-web .box-container .text-field{background-color:#fff;border-radius:6px;font-family:SiemReap!important;width:100%}.employee-statistic-page .seach-web .box-container .text-field .MuiInputLabel-root,.employee-statistic-page .seach-web .box-container .text-field .MuiOutlinedInput-input{color:#000!important;font-family:SiemReap!important}@media(min-width:426px)and (max-width:600px){.employee-statistic-page .seach-web .box-container .text-field .css-1gywuxd-MuiInputBase-root-MuiOutlinedInput-root{font-family:SiemReap!important;width:150px}}.employee-statistic-page .seach-web .box-container .text-field :hover .MuiOutlinedInput-input{border-color:#fff;color:#fff;font-family:SiemReap!important}.employee-statistic-page .seach-web .box-container .text-field :hover .MuiInputLabel-root{border-color:#fff;color:#000;font-family:SiemReap!important}.employee-statistic-page .seach-web .box-container .text-field :hover .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#fff;font-family:SiemReap!important}.employee-statistic-page .seach-web .box-container .text-field .MuiInputLabel-root.Mui-focused,.employee-statistic-page .seach-web .box-container .text-field .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-input{border-color:#fff}.employee-statistic-page .seach-web .box-container .text-field .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#fff;font-family:SiemReap!important}.employee-statistic-page .seach-web .box-container .text-field .css-1ua80n0-MuiInputBase-input-MuiOutlinedInput-input{font-family:SiemReap!important}.employee-statistic-page .seach-web .box-container .text-field .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#fff;border-radius:6px;font-family:SiemReap!important}.employee-statistic-page .seach-web .box-container .text-field .MuiInputLabel-root.Mui-focused,.employee-statistic-page .seach-web .box-container .text-field .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-input{border-radius:6px;color:#000;font-family:SiemReap!important}.employee-statistic-page .seach-mobile{display:none;margin-top:20px}@media(min-width:426px)and (max-width:600px){.employee-statistic-page .seach-mobile{display:flex}}@media(min-width:377px)and (max-width:425px){.employee-statistic-page .seach-mobile{display:flex}}@media(min-width:0px)and (max-width:376px){.employee-statistic-page .seach-mobile{display:flex}}.employee-statistic-page .seach-mobile .box-container{align-items:center;background-color:#fff;border-radius:10px;display:flex;width:100%}.employee-statistic-page .seach-mobile .box-container .text-field .MuiInputLabel-root,.employee-statistic-page .seach-mobile .box-container .text-field .MuiOutlinedInput-input{color:#000!important}@media(min-width:426px)and (max-width:600px){.employee-statistic-page .seach-mobile .box-container .text-field .css-1gywuxd-MuiInputBase-root-MuiOutlinedInput-root{width:150px}}.employee-statistic-page .seach-mobile .box-container .text-field .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#fff}.employee-statistic-page .seach-mobile .box-container .text-field :hover .MuiOutlinedInput-input{color:#fff}.employee-statistic-page .seach-mobile .box-container .text-field :hover .MuiInputLabel-root{color:#000}.employee-statistic-page .seach-mobile .box-container .text-field :hover .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#fff}.employee-statistic-page .seach-mobile .box-container .text-field .MuiInputLabel-root.Mui-focused,.employee-statistic-page .seach-mobile .box-container .text-field .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-input{color:#000}.employee-statistic-page .seach-mobile .box-container .text-field .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#fff}.employee-statistic-page .slash{background-color:#0f81c2;height:45px;width:4px}.employee-statistic-page .link{color:#0f81c2;cursor:pointer;font-family:Century Gothic;font-size:16px;text-decoration:none}.employee-statistic-page .color{color:#0f81c2;font-size:20px;font-weight:700}.employee-statistic-page .icons{align-items:center;color:#0f81c2;display:flex;height:auto;justify-content:center;width:1.2em}.employee-statistic-page .make{align-items:center;direction:row;justify-content:flex-start}.employee-statistic-page .left-icon{align-items:flex-end;direction:column;display:flex;justify-content:center}.employee-statistic-page .make-icon{align-items:center;display:flex;justify-content:space-between}.employee-statistic-page .card{align-items:center;direction:row;justify-content:center}.employee-statistic-page .card .icon{background-color:#c0e1ff}.employee-statistic-page .card .icon,.employee-statistic-page .card .icon-mark{align-items:center;border-radius:10px;display:flex;height:50px;justify-content:center;width:50px}.employee-statistic-page .card .icon-mark{background-color:#5a5a5a}.employee-statistic-page .card .text{color:#e2e2e2}.employee-statistic-page .card .num-make{color:#0f81c2;font-size:40px;font-weight:700}.employee-statistic-page .center{orientation:center;align-items:center;justify-content:space-evenly;line-height:1}.employee-statistic-page .center .text-inline{font-weight:700;justify-content:flex-start;text-align:left}.employee-statistic-page .center .sub-color{color:#e0e0e0;font-size:small}.employee-statistic-page .center .success{color:green;font-size:large}.employee-statistic-page .center .warning{color:orange;font-size:large}.employee-statistic-page .center .btn-maker{background-color:#ffff8d;color:#e89014}.employee-statistic-page .center .btn-maker .circle{border-radius:20%;color:#e89014;font-size:large;font-weight:700;height:30px;margin-right:5px;width:30px}.employee-statistic-page .center .btn-maker .text-padding{color:#e89014;font-size:22;font-weight:700}.employee-statistic-page .title .right{color:#0f81c2;font-size:22px;font-weight:700}.employee-statistic-page .title .text{font-size:22px;font-weight:700}.employee-statistic-page .title .buttom{color:orange}.employee-statistic-page .title .start-merge{display:block;margin-top:5%;text-align:left}.employee-statistic-page .title .start-merge .success{color:green;font-size:small}.employee-statistic-page .title .start-merge .warning{color:orange;font-size:small}.employee-statistic-page .title .start-merge .error{color:#ff4500;font-size:small}.employee-statistic-page .title .start-merge .primary{color:#0091ff;font-size:small}.employee-statistic-page .btn-add{background-color:#0f81c2;border-radius:10px;display:flex;flex-direction:column;justify-content:center;padding:0 15px}.employee-statistic-page .btn-add .style-add{color:#fff;font-size:16px;font-weight:400;text-transform:none}@media(min-width:426px)and (max-width:600px){.employee-statistic-page .btn-add .style-add{font-size:14px}}@media(min-width:769px)and (max-width:1024px){.employee-statistic-page .btn-add{height:40px;margin-right:30px;padding:0 10px}}@media(min-width:426px)and (max-width:600px){.employee-statistic-page .btn-add{padding:0 5px}}.employee-statistic-page .container{margin-top:20px}@media(min-width:0px)and (max-width:376px){.employee-statistic-page .container{width:310px!important}}@media(min-width:377px)and (max-width:425px){.employee-statistic-page .container{width:370px!important}}@media(min-width:426px)and (max-width:600px){.employee-statistic-page .container{width:476px!important}}.employee-statistic-page .container .table-head{border-collapse:initial;border-spacing:0 8px;overflow-x:auto;white-space:nowrap;width:100%}.employee-statistic-page .container .table-head .table-row .header-title{border:none;color:#0f81c2;font-size:16px;font-weight:700;padding:4px 20px}.employee-statistic-page .container .table-head .table-row .filter-title{border:none;color:#0f81c2;font-size:16px;font-weight:700;padding:8px 0}.employee-statistic-page .container .table-head .table-row .filter-btn{color:#525151}.employee-statistic-page .container .table-head .table-row .filter-btn .icon-flip{direction:ltr!important;font-size:22px;-webkit-transform:rotate(180deg)!important;transform:rotate(180deg)!important;transition:all .3s ease-in-out}.employee-statistic-page .container .table-head .table-row .filter-btn .icon-flip-back{direction:ltr!important;font-size:22px;-webkit-transform:rotate(0deg)!important;transform:rotate(0deg)!important;transition:all .3s ease-in-out}.employee-statistic-page .container .table-head .body{background-color:hsla(0,0%,89%,.414);box-shadow:none}.employee-statistic-page .container .table-head .body :hover{background-color:#c8e9ff}.employee-statistic-page .container .table-head .body .body-row .first-body-title{border:none;border-radius:5px 0 0 5px;cursor:pointer;font-family:Khmer OS Siemreap;font-size:14px;padding:6px 20px}.employee-statistic-page .container .table-head .body .body-row .body-title{border:none;cursor:pointer;font-family:Khmer OS Siemreap;font-size:14px;padding:6px 20px}.employee-statistic-page .container .table-head .body .body-row .body-title .body-name{font-family:Khmer OS Siemreap;font-size:14px}.employee-statistic-page .container .table-head .body .body-row .body-title .btn-resign{background-color:#f8dada;border-radius:6px;color:#fa2929;padding:3px 12px;text-transform:none}.employee-statistic-page .container .table-head .body .body-row .body-title .btn-suspend{background-color:#faf5ef;border-radius:6px;color:orange;padding:3px 12px;text-transform:none}.employee-statistic-page .container .table-head .body .body-row .body-title .btn-working{background-color:#dfe6f7;border-radius:6px;color:#0f81c2;padding:3px 12px;text-transform:none}.employee-statistic-page .container .table-head .body .body-row .last-body-title{border:none;border-radius:0 5px 5px 0;cursor:pointer;font-family:Khmer OS Siemreap;font-size:14px;padding:6px 20px;text-align:right}.employee-statistic-page .container .table-head .body .body-row .last-body-title .day{font-family:Khmer OS Siemreap;font-size:14px;text-align:center}.contract-report-styles{background-color:#fff;border-radius:10px;padding:30px;width:100%}.contract-report-styles .logo-image{height:auto;margin-top:15px;width:80px}.contract-report-styles .tackteng-font{display:flex;justify-content:center}.contract-report-styles .tackteng-font .image-tackteng{width:140px}.contract-report-styles .title-Report{font-family:Khmer OS Muol Light;font-size:10px;font-weight:100!important;letter-spacing:normal!important;text-align:center}.contract-report-styles .title-En{font-family:GothicBoldFont;font-size:10px;font-weight:700;font-weight:180%;text-align:center}.contract-report-styles .container{display:block;height:100%!important;margin:0 auto .5cm}.contract-report-styles .container .expired-contract-table{border:.2px solid #92cbf9;border-spacing:0!important;display:table;margin-top:10px;overflow-x:auto;white-space:nowrap;width:100%}.contract-report-styles .container .expired-contract-table .header-sub,.contract-report-styles .container .expired-contract-table .header-title{background-color:#deeffd;border:.2px solid #92cbf9;font-family:Khmer OS Muol Light;font-size:9px!important;font-weight:100!important;letter-spacing:normal!important;padding:4px}.contract-report-styles .container .expired-contract-table .header-sub{color:#000}.contract-report-styles .container .expired-contract-table .body-text-profile{border:.2px solid #92cbf9;font-family:SiemReap;font-size:9px!important;letter-spacing:normal!important;padding:0!important}.contract-report-styles .container .expired-contract-table .body-text-profile .staff-image{height:34px;object-fit:cover!important;width:34px}.contract-report-styles .container .expired-contract-table .body-text{border:.2px solid #92cbf9;font-family:SiemReap;font-size:9px!important;letter-spacing:normal!important;padding:0 4px}.contract-report-styles .container .expired-contract-table-footer{border-spacing:0!important;display:table;margin-top:10px;overflow-x:auto;white-space:nowrap;width:100%}.contract-report-styles .container .expired-contract-table-footer .body-text-profile{border:.5px solid #92cbf9;font-family:SiemReap;font-size:9px!important;letter-spacing:normal!important;padding:0!important}.contract-report-styles .container .expired-contract-table-footer .body-text-profile .staff-image{height:34px;object-fit:cover!important;width:34px}.contract-report-styles .container .expired-contract-table-footer .body-text{border:.5px solid #92cbf9;font-family:SiemReap;font-size:9px!important;letter-spacing:normal!important;padding:0 4px}.contract-report-styles .container .loan-footer-title{color:#000;font-family:SiemReap;font-size:9px;text-align:center}.contract-report-styles .container .loan-footer-name{color:#000;font-family:Khmer OS Muol Light;font-size:9px;font-weight:100!important;text-align:center}.contract-report-styles .footer-set{background-color:#fff;bottom:0;left:0;position:"fixed";text-align:center;width:100%}.contract-report-styles .footer-set .divider{border:2px solid #0f81c2;margin:50px 0 10px}.contract-report-styles .footer-set .footer{color:#0f81c2;font-family:SiemReap;font-size:11px!important;font-weight:500;letter-spacing:normal!important;line-height:20px}.evaluation-page .box-container{align-items:center;background-color:#fff;border-radius:10px;display:flex;width:100%}.evaluation-page .box-container .text-field{background-color:#fff;border-radius:10px;box-shadow:none;display:flex;height:40px;justify-content:center}.evaluation-page .box-container .text-field .date-filter-respon-desktop{display:flex;flex-direction:column;height:100%;justify-content:center}@media(min-width:426px)and (max-width:600px){.evaluation-page .box-container .text-field .date-filter-respon-desktop{display:none}}@media(min-width:377px)and (max-width:425px){.evaluation-page .box-container .text-field .date-filter-respon-desktop{display:none}}@media(min-width:0px)and (max-width:376px){.evaluation-page .box-container .text-field .date-filter-respon-desktop{display:none}}.evaluation-page .box-container .text-field .date-filter-respon-mobile{display:none}@media(min-width:426px)and (max-width:600px){.evaluation-page .box-container .text-field .date-filter-respon-mobile{display:flex;flex-direction:column;height:100%;justify-content:center}}@media(min-width:377px)and (max-width:425px){.evaluation-page .box-container .text-field .date-filter-respon-mobile{display:flex;flex-direction:column;height:100%;justify-content:center}}@media(min-width:0px)and (max-width:376px){.evaluation-page .box-container .text-field .date-filter-respon-mobile{display:flex;flex-direction:column;height:100%;justify-content:center}}.evaluation-page .container-date{display:flex;justify-content:flex-end;width:100%}@media(min-width:426px)and (max-width:600px){.evaluation-page .container-date{align-items:flex-end;display:flex;flex-direction:column;justify-content:flex-end}}.evaluation-page .container-date .start-text{color:#0f81c2;font-weight:600;padding:10px 5px}@media(min-width:426px)and (max-width:600px){.evaluation-page .container-date .start-text{font-size:14px}}.evaluation-page .container-date .end-text{color:#0f81c2;font-weight:600;padding:10px 5px}@media(min-width:426px)and (max-width:600px){.evaluation-page .container-date .end-text{font-size:14px}}.evaluation-page .MuiOutlinedInput-input{color:#000!important;height:10px}.evaluation-page .MuiInputLabel-root{color:#000!important}@media(min-width:426px)and (max-width:600px){.evaluation-page .css-1u3bzj6-MuiFormControl-root-MuiTextField-root{width:150px}}.evaluation-page .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border:none}.evaluation-page :hover .MuiOutlinedInput-input{color:#fff}.evaluation-page :hover .MuiInputLabel-root{color:#000}.evaluation-page :hover .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#fff}.evaluation-page .MuiInputLabel-root.Mui-focused,.evaluation-page .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-input{color:#000}.evaluation-page .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#fff}@media(min-width:426px)and (max-width:600px){.evaluation-page .css-1nv32ag-MuiButtonBase-root-MuiIconButton-root{display:none}}.evaluation-page .slash{background-color:#0f81c2;height:45px;width:4px}@media(min-width:769px)and (max-width:1024px){.evaluation-page .slash{height:40px}}@media(min-width:426px)and (max-width:600px){.evaluation-page .slash{height:40px;margin:0;padding:0;width:2px}}.evaluation-page .page-title{color:#0f81c2;font-size:20px;font-weight:700}@media(min-width:769px)and (max-width:1024px){.evaluation-page .page-title{font-size:20px}}@media(min-width:426px)and (max-width:600px){.evaluation-page .page-title{font-size:16px}}.evaluation-page .page-title-kh{color:#0f81c2;font-family:Siemreap!important;font-size:20px;font-weight:700}@media(min-width:426px)and (max-width:600px){.evaluation-page .page-title-kh{display:none!important}}@media(min-width:377px)and (max-width:425px){.evaluation-page .page-title-kh{display:none!important}}@media(min-width:0px)and (max-width:376px){.evaluation-page .page-title-kh{display:none!important}}.evaluation-page .color{color:#0f81c2;font-size:22px;font-weight:700}.evaluation-page .icons{align-items:center;color:#0f81c2;display:flex;height:auto;justify-content:center;width:1.2em}@media(min-width:426px)and (max-width:600px){.evaluation-page .icons{display:none}}.evaluation-page .header-text{color:#0f81c2;font-family:Century Gothic;font-size:14px}.evaluation-page .total-student{background-color:#fff;border-radius:5px;color:#0f81c2;font-family:Century Gothic;font-size:16px;font-weight:700;height:40px;padding-left:7px;width:100px}.evaluation-page .btn-add{background-color:#0f81c2!important;border-radius:10px;color:#fff;height:40px;padding:0 15px;width:120px}.evaluation-page .btn-add .style-add{color:#fff;font-size:14px;font-weight:700;text-transform:none}.evaluation-page .btn-remove{background-color:#f75959;border-radius:10px;display:flex;flex-direction:column;justify-content:center;padding:0 15px}.evaluation-page .btn-remove .style-remove{color:#fff;font-size:16px;font-weight:400;text-transform:none}.evaluation-page .btn-remove .modal-delete .delete-user{background-color:red;width:100%}.evaluation-page .container{margin-top:20px}@media(min-width:0px)and (max-width:376px){.evaluation-page .container{width:310px!important}}@media(min-width:377px)and (max-width:425px){.evaluation-page .container{width:370px!important}}@media(min-width:426px)and (max-width:600px){.evaluation-page .container{width:476px!important}}.evaluation-page .container .table{border-collapse:initial;border-spacing:0 8px;overflow-x:auto;white-space:nowrap;width:100%}.evaluation-page .container .table .header-row .header-title{border:none;color:#0f81c2;font-size:16px;font-weight:700;padding:6px 20px}.evaluation-page .container .table .body-title-affair{box-shadow:none}.evaluation-page .container .table .body-title-affair .body-row-title-affair{box-shadow:none;margin-bottom:10px!important}.evaluation-page .container .table .body-title-affair .body-row-title-affair .affair-title{background-color:#f8f8f8!important;border:none;color:#0f81c2;font-size:16px}.evaluation-page .container .table .body-title-affair .body-row-title-affair .border{background-color:#0f81c2;height:20px;width:3px}.evaluation-page .container .table .body-title-affair .body-row-title-affair .css-177gid-MuiTableCell-root{padding:0 20px}.evaluation-page .container .table .body{background-color:hsla(0,0%,89%,.414);box-shadow:none}.evaluation-page .container .table .body :hover{background-color:#c8e9ff;cursor:pointer}.evaluation-page .container .table .body .affair-total{background-color:#f8f8f8!important;border:none;color:#0f81c2;font-size:16px;font-weight:700}.evaluation-page .container .table .body .body-row .body-affair-title{background-color:#fff!important;border:none;color:#0f81c2;font-size:16px;font-weight:700}.evaluation-page .container .table .body .body-row .body-title-first{background-color:#fff;border:none;border-radius:5px 0 0 5px;font-size:14px;padding:6px 20px;width:10%}.evaluation-page .container .table .body .body-row .body-title{background-color:#fff;border:none;font-family:Siemreap!important;font-size:14px;padding:6px 20px}.evaluation-page .container .table .body .body-row .body-title .status-attendance{color:#fff;font-size:8px;font-weight:700;height:18px;margin-left:8px;padding-top:2px;text-transform:uppercase}.evaluation-page .container .table .body .body-row .body-title .color-Presence{background-color:green}.evaluation-page .container .table .body .body-row .body-title .color-Permission{background-color:#3100ff}.evaluation-page .container .table .body .body-row .body-title .color-Late{background-color:#ffe223}.evaluation-page .container .table .body .body-row .body-title .color-Absence{background-color:red}.evaluation-page .container .table .body .body-row .body-name{font-family:Khmer OS Siemreap;font-size:14px}.evaluation-page .container .table .body .body-row .body-title-last{background-color:#fff;border:none;border-radius:0 5px 5px 0;font-size:14px;padding:6px 20px}.evaluation-page .container .table .body .body-row .body-title-last .objective-big{font-family:Khmer OS Siemreap;font-size:11px;line-height:2;white-space:pre-line}.evaluation-page .container .table .body .body-row .body-title-last .object-small{font-family:Khmer OS Siemreap;font-size:13px}.evaluation-page .container .att-Presence{color:#6aadf7;font-weight:700}.evaluation-page .container .att-Late{color:orange;font-weight:700}.evaluation-page .container .att-Absence{color:#f15b5b;font-weight:700}.evaluation-page .container .att-Permission{color:#fdd386;font-weight:700}.evaluation-page .container .att-Check{color:#f15b5b;font-weight:700}.evaluation-page .container .container-empty-text{align-items:center;display:flex;height:50vh;justify-content:center;position:fixed;width:80%}@media(min-width:426px)and (max-width:600px){.evaluation-page .container .container-empty-text{height:30vh;width:87%}}.evaluation-page .container .container-empty-text .empty-text{border-bottom:1px solid #0f81c2;color:#0f81c2;font-family:Century Gothic;font-size:20px;font-style:italic}.evaluation-page .container .container-btn{align-items:center;display:flex;height:90vh;justify-content:center;position:fixed;width:80%}@media(min-width:426px)and (max-width:600px){.evaluation-page .container .container-btn{height:50vh;width:88%}}.evaluation-page .container .container-btn .btn-upload{background-color:#fff;border-radius:10px;box-shadow:0 .4em .4em -.4em #747474;height:20%;padding:0 15px;transition:.6s;width:50%}@media(min-width:426px)and (max-width:600px){.evaluation-page .container .container-btn .btn-upload{width:88%}}.evaluation-page .container .container-btn .btn-upload:hover{box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);-webkit-transform:translateY(-.2em);transform:translateY(-.2em);transition:.3s}.evaluation-page .container .container-btn .btn-upload .btn{width:100%}.evaluation-page .container .container-btn .btn-upload .btn:hover{background-color:#fff}.evaluation-page .container .container-btn .btn-upload .btn .style-upload{color:#ccc;font-size:16px;font-weight:400;text-align:center!important;text-transform:none;width:100%}.card{background-color:#fff!important;border-radius:8px;height:180px;padding:5px 5px 12px 16px}.card .status{font-size:12.5px}.card .box-status{background-color:green;border-radius:50%}.card .card-title{font-size:20px;font-weight:700}.card .icon-button{color:#707070;font-size:16px!important}.card .value-icon-button{color:#707070;font-size:12px!important}.card .card-discription{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#707070;display:-webkit-box;font-size:13px!important;height:60px;overflow:hidden}