.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}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@font-face{font-family:GothicBoldRegular;src:url(/static/media/GothicBoldRegular.4669e88ae36834cda916.ttf)}@font-face{font-family:KhmerOsMuol;src:url(/static/media/KhmerOSmuollight.35fac32b6e1e0e1a8639.ttf)}@font-face{font-family:Siemreap;src:url(/static/media/KhmerOSsiemreap.c7829629429e92a9e769.ttf)}@font-face{font-family:Bayon;src:url(/static/media/Bayon.dd64516e1957739ea4f1.ttf)}.setup-report-container{font-family:Bayon!important;font-size:50px;font-weight:700;padding-top:20px;text-align:center}.logo-container{display:flex;flex-direction:column;justify-content:center}.logo-company{width:70px}.report-top-title{color:#000!important;font-family:Siemreap!important;font-size:12px!important;text-align:center!important}.report-container{padding:10px 20px;width:100%}.report-header-row{background-color:#0f80c2!important;border:none!important;border-radius:6px!important;padding:6px 20px!important}.report-header-title-start{border-radius:6px 0 0 6px!important;padding:8px 0 8px 20px!important}.report-header-title,.report-header-title-start{background-color:#0f80c2!important;border:none!important;color:#fff!important;font-family:Siemreap!important;font-size:12px!important}.report-header-title{padding:8px 0!important;text-align:left}.report-header-title-end{background-color:#0f80c2!important;border:none!important;border-radius:0 6px 6px 0!important;color:#fff!important;font-family:Siemreap!important;font-size:12px!important;padding:8px 20px 8px 0!important}.report-body-cell-bottom{color:#000!important;font-weight:700!important}.report-body-cell-bottom,.report-body-cell-bottom-start{border:none!important;font-family:Siemreap!important;font-size:11px!important;padding:8px 0!important}.report-body-cell-bottom-start{color:#0f80c2!important}.report-body-cell-start{font-family:Siemreap!important;font-size:11px!important;padding:8px 0 8px 20px!important}.report-body-cell,.report-body-cell-end{font-family:Siemreap!important;font-size:11px!important;padding:8px 0!important}.report-body-row{padding:6px 20px!important}.fc-toolbar-title{color:#027816!important}.fc .fc-button-primary:disabled{background-color:#027816;border-color:#027816;color:#fff}.fc .fc-button-primary{background-color:#027816!important;color:#fff}.fc-h-event .fc-event-title{border-radius:20px!important;font-size:13px!important;padding:6px 10px!important}.print-report-container{background-color:#fff;padding:20px 0 10px}.report-title{color:#027816;font-family:KhmerOsMuol!important;font-size:18px!important;text-align:center}.main{position:relative}.inner,.main{background-color:#eef0f3;width:100%}.inner{display:table;height:100%;overflow-x:auto;position:fixed;white-space:nowrap}@media(min-width:0px)and (max-width:376px){.inner{width:320px!important}}@media(min-width:377px)and (max-width:425px){.inner{width:480px!important}}@media(min-width:426px)and (max-width:600px){.inner{width:550px!important}}@media(min-width:426px)and (max-width:768px){.inner{width:768px!important}}.backdrop-style{background:linear-gradient(180deg,#fff 30%,#dde9f3)}.backdrop-style .background-image{background-position:50% 50%;background-repeat:no-repeat;background-size:80%;height:100%;left:0;opacity:.1;position:fixed;top:0;width:100%}.backdrop-style .system-title{color:#eef0f3;font-size:20px;font-weight:700;margin-bottom:20px;margin-top:10px}.backdrop-style .power-title{color:#eef0f3;font-weight:700}.drawer-menu .MuiDrawer-paper{background-color:#fff;box-shadow:1.95px 1.95px 2.6px rgba(19,105,233,.15)}.drawer-menu .image-container{border-radius:50%!important;height:160px;width:160px}.drawer-menu .image-container .logo{height:100%;width:100%}.drawer-menu .list-menu{margin-top:20px}.drawer-menu .list-menu .list-item-active{height:50px;width:100%}.drawer-menu .list-menu .list-item-active .list-item-button .list-item-icon{color:#027816;height:100%;justify-content:center}.drawer-menu .list-menu .list-item-active .list-item-button .list-item-icon .icon{color:#027816;height:22px;width:22px}.drawer-menu .list-menu .list-item-active .list-item-button .list-item-text{color:#027816;font-family:KhmerOsMuol!important;font-size:15px;padding-top:4px}.drawer-menu .list-menu .list-item-active .submenu-icon-active{color:#027816}.drawer-menu .list-menu .list-item{height:50px;width:100%}.drawer-menu .list-menu .list-item .list-item-button .list-item-icon{height:100%;justify-content:center}.drawer-menu .list-menu .list-item .list-item-button .list-item-icon .icon{height:22px;width:22px}.drawer-menu .list-menu .list-item .list-item-button .list-item-text{color:#484949;font-family:KhmerOsMuol!important;font-size:15px;padding-top:4px}.drawer-menu .list-menu .list-item .submenu-icon-active{color:#484949}.top-bar{background-color:#fff;padding:0 20px}.top-bar .icon-right{color:gray;height:26px;width:26px}.top-bar .user-name{color:gray;font-size:16px}.top-bar .link-icon{color:#027816;font-size:26px}.top-bar .btn-menu{height:35px;padding:0 10px 0 0}.top-bar .btn-menu .avatar-user{height:35px;width:35px}.top-bar .btn-menu .icon-menu{color:#027816}.top-bar .btn-menu .username-text{color:#027816;font-family:KhmerOsMuol!important;font-size:15px}.dialog-container .MuiPaper-root{border-radius:10px!important}.dialog-container .dialog-title{color:#027816;font-family:KhmerOsMuol!important;font-size:16px}.dialog-container .dialog-subtitle{font-family:Siemreap!important;font-size:13px;margin-top:6px}.dialog-container .close-icon{color:red}.dialog-container .avater-image{border-radius:10px;height:160px;object-fit:cover;width:160px}.dialog-container .image-title{color:#027816;font-family:Century Gothic;font-size:15px;text-align:center}.dialog-container .field-title{color:#027816}.dialog-container .field-title,.dialog-container .text-field-date{font-family:Siemreap!important;font-size:15px}.dialog-container .header-info{background-color:#f8f8f8;border-radius:8px;padding:8px}.dialog-container .header-info .header-info-text{color:#027816;font-family:Siemreap!important;font-size:15px;width:50%}.dialog-container .header-info-text-top{color:#027816;font-family:KhmerOsMuol;font-size:15px;margin-bottom:10px;margin-top:10px}.dialog-container .table-container{background-color:#fff;border-radius:10px;margin-top:0;width:100%}.dialog-container .table-container .education-table{border-collapse:initial;border-spacing:0 8px;display:table;overflow-x:auto;white-space:nowrap;width:100%}.dialog-container .table-container .education-table .table-row .table-cell-first{border-radius:10px 0 0 10px}.dialog-container .table-container .education-table .table-row .table-cell,.dialog-container .table-container .education-table .table-row .table-cell-first{background-color:#f8f8f8;border-bottom:none!important;color:#027816!important;font-family:Siemreap!important;font-size:15px;padding:10px 20px}.dialog-container .table-container .education-table .table-row .table-cell-last{background-color:#f8f8f8;border-bottom:none!important;border-radius:0 10px 10px 0;color:#027816!important;font-size:15px;font-weight:700}.dialog-container .table-container .education-table .table-row .table-cell-last .btn-add-data{color:#027816!important}.dialog-container .table-container .education-table .table-row .table-cell-last .css-4imts3-MuiTableCell-root{padding:0!important}.dialog-container .table-container .education-table .table-row-body .table-cell{font-family:Siemreap!important;font-size:15px}.dialog-container .table-container .education-table .body{background-color:#fff;box-shadow:none}.dialog-container .table-container .education-table .body :hover{background-color:#eff6fd;cursor:pointer}.dialog-container .table-container .education-table .body .body-cell-sticky-left{background-color:#fff;left:0;position:-webkit-sticky;position:sticky}.dialog-container .table-container .education-table .body .body-cell-sticky-right{background-color:#fff;position:-webkit-sticky;position:sticky;right:0}.dialog-container .table-container .education-table .body .body-row .body-cell-start{border:none;border-radius:6px 0 0 6px;font-family:Siemreap!important;font-size:15px;padding:6px 6px 6px 20px}.dialog-container .table-container .education-table .body .body-row .body-cell{border:none;font-family:Siemreap!important;font-size:15px;padding:6px 6px 6px 20px}.dialog-container .logout-des{font-family:Siemreap!important;font-size:15px;text-align:center}.dialog-container .search-field-salary{background-color:#11783c;border-radius:6px;font-family:Century Gothic;width:100%}.dialog-container .search-field-salary .css-1ua80n0-MuiInputBase-input-MuiOutlinedInput-input{font-family:Siemreap!important}.dialog-container .search-field-salary .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#fff;border-radius:6px;font-family:Siemreap!important}.dialog-container .search-field-salary .MuiInputLabel-root.Mui-focused,.dialog-container .search-field-salary .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-input{border-radius:6px;color:#fff;font-family:Siemreap!important}.dialog-container .search-field-salary .supplier-detail-box{justify-content:space-between}.dialog-container .search-field-salary .css-19qh8xo-MuiInputBase-input-MuiOutlinedInput-input,.dialog-container .search-field-salary .css-1n4twyu-MuiInputBase-input-MuiOutlinedInput-input{color:#fff}.dialog-container .search-field{border-radius:6px;font-family:Century Gothic;width:100%}.dialog-container .search-field .css-e2mtqw-MuiInputAdornment-root,.dialog-container .search-field .css-nu79wc-MuiInputAdornment-root{color:#000!important}.dialog-container .search-field .MuiOutlinedInput-input,.dialog-container .search-field .css-1ua80n0-MuiInputBase-input-MuiOutlinedInput-input{color:#000;font-family:Siemreap!important}.dialog-container .search-field .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-radius:6px;color:#000;font-family:Siemreap!important}.dialog-container .search-field .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-input{border-radius:6px!important;color:#000!important;font-family:Siemreap,!important!important}.dialog-container .search-field .MuiInputLabel-root.Mui-focused{border-radius:6px;color:#000;font-family:Siemreap!important}.dialog-container .search-field .supplier-detail-box{justify-content:space-between}.dialog-container .list-table-cell{color:#027816;font-family:15px;font-size:15px;padding:8px 10px}.dialog-container .list-table-body-cell{font-family:15px;font-size:15px;padding:10px}.dialog-container .addlist-icon{color:#027816;font-size:24px}.dialog-container .deletelist-icon{color:#f75257;font-size:24px}.dialog-container .viewpw-icon{cursor:pointer}.dialog-container .btn-create{background-color:#027816!important}.dialog-container .btn-create,.dialog-container .btn-delete{border-radius:5px;color:#fff;font-family:KhmerOsMuol!important;margin-top:10px;padding:8px 0}.dialog-container .btn-delete{background-color:#f75257!important}.dialog-container .btn-status{background-color:#027816!important;border-radius:5px;color:#fff;font-family:KhmerOsMuol!important;margin-top:10px;padding:8px 0}.dialog-container .icon-button{height:180px;margin-top:-10px;width:180px}.dialog-container .icon-button .company-logo{height:100%;width:100%}.dialog-container .invoice-title{color:#027816;font-family:KhmerOsMuol;font-size:18px;font-weight:200;text-align:center}.dialog-container .invoice{border-bottom:1px solid #027816;color:#027816;font-family:Siemreap!important;font-size:18px;font-weight:700;text-align:center}.dialog-container .date-title{text-align:right}.dialog-container .body-title,.dialog-container .date-title{color:#027816;font-family:Siemreap!important;font-size:15px}.dialog-container .tab-container{border:1px solid #027816;border-collapse:collapse}.dialog-container .tab-container .body-cell,.dialog-container .tab-container .thead-table{border:1px solid #027816;font-family:Siemreap!important;font-size:14px}.dialog-container .tab-container .body-cell{text-align:center}.dialog-container .tab-container .footer-tab{border:1px solid #027816;font-family:KhmerOsMuol;font-size:14px;text-align:center}.dialog-container .footer-invoice{color:#027816;font-family:KhmerOsMuol;font-size:15px;text-align:center}.dialog-container .btn-print{background-color:#027816!important;color:#fff;font-size:16px;text-align:center}.page-container .page-header{height:40px;width:100%}.page-container .page-header .slash{background-color:#027816;height:40px;width:4px}.page-container .page-header .page-title{color:#027816;font-family:KhmerOsMuol!important;font-size:18px;font-weight:100!important}.page-container .page-header .breadcrumbs-title{color:#000;font-family:Siemreap!important;font-size:15px}.page-container .page-header .page-link-title{color:#027816;cursor:pointer;font-family:Siemreap!important;font-size:15px;text-decoration:none}.page-container .search-title{width:130px!important}.page-container .search-title,.page-container .search-title-salary{color:#027816;font-family:KhmerOsMuol!important;font-size:15px;font-weight:100!important;margin-top:10px}.page-container .search-title-salary{width:340px!important}.page-container .details-header{background-color:#fff;border-radius:10px;margin-top:30px;padding:20px}.page-container .details-header .details-des{color:#027816;font-family:Siemreap!important;font-size:15px}.page-container .tabs-container .stack-tabs{background-color:#fff;border-radius:5px;padding:0 20px;width:500px}.page-container .tabs-container .stack-tabs .btn-tabs{color:#484949!important;font-family:KhmerOsMuol!important;font-size:15px}.page-container .tabs-container .stack-tabs .btn-tabs-action{color:#027816!important;font-family:KhmerOsMuol!important;font-size:15px}.page-container .tabs-container .btn-dollar-payment{background-color:#ff8204;border-radius:5px;color:#fff;font-family:KhmerOsMuol!important;font-size:15px;justify-content:center;width:auto}.page-container .tabs-container .btn-dollar-payment .icon-dollar{margin-bottom:2px}.page-container .tabs-container .btn-create-payment{background-color:#fff;border-radius:5px;color:#027816;font-family:KhmerOsMuol!important;font-size:15px;justify-content:center;text-align:center;width:auto}.page-container .tabs-container .btn-create-payment .icon-create-payment{font-size:12px;font-weight:700;margin-bottom:3px}.page-container .search-field{background-color:#fff;border-radius:6px;width:100%}.page-container .search-field,.page-container .search-field .css-1ua80n0-MuiInputBase-input-MuiOutlinedInput-input{font-family:Siemreap!important}.page-container .search-field .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#fff;border-radius:6px;font-family:Siemreap!important}.page-container .search-field .MuiInputLabel-root.Mui-focused,.page-container .search-field .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-input{border-radius:6px;color:#000;font-family:Siemreap!important}.page-container .search-field .supplier-detail-box{justify-content:space-between}.page-container .search-field .css-jvf6rl-MuiInputBase-root-MuiOutlinedInput-root{font-family:Siemreap,!important!important}.page-container .btn-create{background-color:#027816!important;border-radius:10px;color:#fff;font-family:Siemreap!important;font-size:"Siemreap"!important;height:100%;padding:8px 30px}.page-container .btn-create .icon-add{height:18px;width:18px}.page-container .btn-save{background-color:#fff;border-radius:8px;color:#027816!important;font-family:KhmerOsMuol!important;font-size:"Siemreap"!important;height:100%;padding:6px 20px}.page-container .btn-save .icon-save{height:18px;margin-right:5px;width:18px}.page-container .body-container{border-radius:10px;margin-top:10px;padding:0 0 20px;width:100%}@media(min-width:0px)and (max-width:376px){.page-container .body-container{width:310px!important}}@media(min-width:377px)and (max-width:425px){.page-container .body-container{width:370px!important}}@media(min-width:426px)and (max-width:600px){.page-container .body-container{width:476px!important}}.page-container .body-container .table{border-collapse:initial;border-spacing:0 8px;display:table;overflow-x:auto;white-space:nowrap;width:100%}.page-container .body-container .table .header-row{background-color:#fff;padding:30px 0}.page-container .body-container .table .header-row .header-title-start{border:none;border-radius:6px 0 0 6px;color:#027816;font-family:Siemreap!important;font-size:16px;font-weight:700;padding:10px 10px 10px 15px}.page-container .body-container .table .header-row .header-title{border:none;color:#027816;font-family:Siemreap!important;font-size:16px;font-weight:700;padding:6px 10px}.page-container .body-container .table .header-row .header-title-end{border:none;border-radius:0 6px 6px 0;color:#027816;font-family:Siemreap!important;font-size:16px;font-weight:700;padding:6px 15px 6px 0}.page-container .body-container .table .header-row .header-sticky-left{background-color:#fff;left:0;position:-webkit-sticky;position:sticky}.page-container .body-container .table .header-row .header-sticky-right{background-color:#fff;position:-webkit-sticky;position:sticky;right:0}.page-container .body-container .table .body-row{background-color:#fff;cursor:pointer}.page-container .body-container .table .body-row .body-cell-start-salary{border:none;border-left:6px solid #fb3a3a;border-radius:6px 0 0 6px;font-family:Siemreap!important;font-size:15px;padding:6px 10px 6px 15px}.page-container .body-container .table .body-row .body-cell-end-salary{border:none;border-radius:0 6px 6px 0;border-right:6px solid #fb3a3a;font-family:Siemreap!important;font-size:15px;padding:6px 15px 6px 10px}.page-container .body-container .table .body-row .body-cell-start{border:none;border-left:6px solid #fff;border-radius:6px 0 0 6px;font-family:Siemreap!important;font-size:15px;padding:6px 10px 6px 15px}.page-container .body-container .table .body-row .body-cell{border:none;font-family:Siemreap!important;font-size:15px;padding:6px 10px}.page-container .body-container .table .body-row .body-cell .price-per-day{font-family:Siemreap!important;font-size:14px}.page-container .body-container .table .body-row .body-cell .paid-status-paid{background-color:#11783c;border-radius:5px;color:#fff;font-family:Siemreap!important;font-size:15px;padding:4px;text-align:center;width:100px}.page-container .body-container .table .body-row .body-cell .paid-status-unpaid{background-color:#ff8000;border-radius:5px;color:#fff;font-family:Siemreap!important;font-size:15px;padding:4px;text-align:center;width:100px}.page-container .body-container .table .body-row .body-cell-end{border:none;border-radius:0 6px 6px 0;border-right:6px solid #fff;font-family:Siemreap!important;font-size:15px;padding:6px 15px 6px 10px}.page-container .body-container .table .body-row .body-cell-sticky-left{background-color:#fff;left:0;position:-webkit-sticky;position:sticky}.page-container .body-container .table .body-row .body-cell-sticky-right{background-color:#fff;position:-webkit-sticky;position:sticky;right:0}.page-container .body-container .table .body-row-details{background-color:#fff;cursor:pointer}.page-container .body-container .table .body-row-details .body-cell-start{border:none;border-radius:6px 0 0 6px;font-size:15px;padding:14px 0 14px 20px}.page-container .body-container .table .body-row-details .body-cell{border:none;font-size:15px;padding:10px 10px 10px 20px}.page-container .body-container .table .body-row-details .body-cell-end{border:none;border-radius:0 6px 6px 0;font-size:15px;padding:14px 20px 14px 0}.page-container .body-container .table .body-row-gray .body-cell-start{border:none;font-size:15px;padding:8px 0 8px 20px}.page-container .body-container .table .body-row-gray .body-cell{border:none;font-size:15px;padding:8px 0}.page-container .body-container .table .body-row-gray .body-cell-end{border:none;font-size:15px;padding:8px 20px 8px 0}.page-container .body-container .table .body-row-gray .body-cell-empty{border:none;padding:10px}.page-container .show-data{background-color:#fff;border-radius:5px;font-family:Century Gothic;font-size:15px;font-weight:700;height:40px;padding-left:7px;width:100%}.empty-container .text-title{color:#b6b5b5;font-family:Century Gothic;font-size:16px;font-weight:700;margin-top:10px;text-align:center}.empty-container .empty-image{height:auto;width:20%}.empty-container .text-des{color:gray;font-family:Century Gothic;font-size:15px;text-align:center}.crop-container .MuiPaper-root{border-radius:10px!important}.crop-container .dialog-title{color:#027816;font-size:15px;font-weight:700}.crop-container .close-icon{color:red}.crop-container .avater-image{height:140px;width:140px}.crop-container .dialog-content{background:#333;height:500px;position:relative;width:auto}.button-action-container{height:38px;padding:0!important;width:38px}.button-action-container .view-container{background-color:#027816!important;border-radius:8px;height:26px;width:26px}.button-action-container .view-container .view-icon{background-color:#027816!important;color:#fff;font-size:18px!important}.button-action-container .update-container{background-color:#ff8000!important;border-radius:8px;height:26px;width:26px}.button-action-container .update-container .update-icon{background-color:#ff8000!important;color:#fff;font-size:15px!important;margin-bottom:1px}.button-action-container .status-container{background-color:#fff!important;border-radius:8px;height:26px;width:26px}.button-action-container .status-container .status-icon{height:20px!important;width:20px!important}.button-action-container .reset-container{background-color:#027816!important;border-radius:8px;height:26px;width:26px}.button-action-container .reset-container .reset-icon{background-color:#027816!important;color:#fff;font-size:15px!important;margin-bottom:1px}.button-action-container .disable-update-container{background-color:#e0e0e0!important;border-radius:8px;height:26px;width:26px}.button-action-container .disable-update-container .update-icon{background-color:#e0e0e0!important;color:#000;font-size:15px!important;margin-bottom:1px}.button-action-container .delete-container{background-color:#fff!important;border:1px solid #f75257;border-radius:8px;height:26px;width:26px}.button-action-container .delete-container .delete-icon{color:#f75257;font-size:15px!important;margin-bottom:2px}.button-action-container .delete-icon{color:#f75257;font-size:26px!important}.button-action-container .btn-void{background-color:#f75257!important;border-radius:5px!important;color:#fff!important;font-family:Siemreap!important;font-size:13px;height:28px!important;padding:2px 10px!important}.button-action-container .update-title{font-family:Century Gothic;font-size:15px!important}.btn-true{background-color:red!important}.btn-false,.btn-true{border-radius:4px!important;color:#fff!important;font-size:15px!important;height:30px!important;text-transform:none!important}.btn-false{background-color:#027816!important}.view-container .MuiPaper-root{border-radius:10px!important}.view-container .dialog-title{color:#027816;font-family:KhmerOsMuol!important;font-size:16px}.view-container .dialog-subtitle{font-family:Siemreap!important;font-size:13px;margin-top:6px}.view-container .close-icon{color:red}.view-container .header-view{background-color:#f8f8f8;border-radius:8px;padding:8px}.view-container .header-view .header-view-text{color:#027816!important;font-family:Siemreap!important;font-size:15px}.view-container .body-view{padding:10px 8px}.view-container .body-view .body-view-text{color:#000;font-family:KhmerOsMuol;font-family:Siemreap!important;font-size:15px;font-weight:500}.salary-details-container .page-header{height:40px;width:100%}.salary-details-container .page-header .slash{background-color:#027816;height:40px;width:4px}.salary-details-container .page-header .page-title{color:#027816;font-family:KhmerOsMuol!important;font-size:18px;font-weight:100!important}.salary-details-container .page-header .breadcrumbs-title{color:#000;font-family:Siemreap!important;font-size:15px}.salary-details-container .page-header .page-link-title{color:#027816;cursor:pointer;font-family:Siemreap!important;font-size:15px;text-decoration:none}.salary-details-container .search-title{color:#027816;font-family:KhmerOsMuol!important;font-size:15px;font-weight:100!important;margin-top:10px;width:160px!important}.salary-details-container .search-field{background-color:#fff;border-radius:6px;font-family:Century Gothic;width:100%}.salary-details-container .search-field .css-1ua80n0-MuiInputBase-input-MuiOutlinedInput-input{font-family:Siemreap!important}.salary-details-container .search-field .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#fff;border-radius:6px;font-family:Siemreap!important}.salary-details-container .search-field .MuiInputLabel-root.Mui-focused,.salary-details-container .search-field .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-input{border-radius:6px;color:#000;font-family:Siemreap!important}.salary-details-container .search-field .supplier-detail-box{justify-content:space-between}.salary-details-container .details-header{background-color:#fff;border-radius:10px;margin-top:30px;padding:20px}.salary-details-container .details-header .details-des{color:#027816;font-family:Siemreap!important;font-size:15px}.salary-details-container .total-container{width:45%}@media(min-width:1025px)and (max-width:1650px){.salary-details-container .total-container{width:60%}}@media(min-width:769px)and (max-width:1024px){.salary-details-container .total-container{width:70%}}@media(min-width:426px)and (max-width:768px){.salary-details-container .total-container{width:100%}}@media(min-width:0px)and (max-width:376px){.salary-details-container .total-container{width:100%}}@media(min-width:377px)and (max-width:425px){.salary-details-container .total-container{width:100%}}@media(min-width:426px)and (max-width:600px){.salary-details-container .total-container{width:100%}}.salary-details-container .total-container .show-data{background-color:#027816;border-radius:5px;font-family:Century Gothic;font-size:15px;font-weight:700;height:40px;padding-left:7px;width:100%}.salary-details-container .total-container .show-data .header-text{border:none;color:#fff;font-family:Siemreap!important;font-size:16px;padding:6px 10px}.salary-details-container .total-container .show-data .number-text{border:none;color:#fff;font-family:Siemreap!important;font-size:15px;margin-top:4px;padding:10px}.salary-details-container .btn-view{background-color:#027816!important;border-radius:10px;color:#fff;font-family:Siemreap!important;font-size:"Siemreap"!important;height:100%;padding:8px 30px;width:200px}.salary-details-container .btn-view .view-icon{color:#fff;font-size:18px!important}.salary-details-container .btn-create{background-color:#027816!important;border-radius:10px;color:#fff;font-family:Siemreap!important;font-size:"Siemreap"!important;height:100%;padding:8px 30px}.salary-details-container .btn-create .icon-add{height:18px;width:18px}.salary-details-container .calendar-container{background-color:#fff;border-radius:15px;margin-top:20px;padding:20px}.header-container{padding:5px;width:100%!important}.header-container .stack-container-first{background-color:#fff;border-radius:10px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);padding:20px;width:100%!important}.header-container .stack-container-first .card-title{color:#027816;font-family:KhmerOsMuol;font-size:15px;font-weight:100}.header-container .stack-container-first .card-des{color:orange;font-family:Siemreap!important;font-size:15px;font-weight:100}.header-container .stack-container-first .card-des-num{font-family:Century Gothic;font-size:24px}.header-container .stack-container-first .card-des-after-num{font-family:Siemreap!important;font-size:15px;font-weight:100;margin-top:12px}.salary-data-container{background-color:#fff;border-radius:10px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);padding:20px;width:100%!important}.salary-data-container .card-title{color:#027816;font-family:KhmerOsMuol;font-size:15px;font-weight:100}.salary-data-container .card-header-title{color:orange;font-family:Siemreap!important;font-size:15px;font-weight:100}.salary-data-container .card-item-title{font-family:KhmerOsMuol;font-size:15px;font-weight:100}.salary-data-container .stack-container-salary{border-radius:10px;padding:10px}.salary-data-container .stack-container-salary .front-slash{border-radius:2px;width:6px}.salary-data-container .stack-container-salary .card-des-num{font-family:Century Gothic;font-size:24px}.staff-by-section-chart{background-color:#fff;border-radius:10px!important;height:500px!important;padding:20px}.staff-by-section-chart .chart-title{color:#027816;font-family:KhmerOsMuol;font-size:20}.staff-by-section-chart .select-field .css-19qh8xo-MuiInputBase-input-MuiOutlinedInput-input{font-family:Siemreap,!important!important;font-size:14px!important}.staff-by-section-chart .select-date{font-family:Century Gothic;font-size:14px!important}.staff-by-section-chart .select-date .css-19qh8xo-MuiInputBase-input-MuiOutlinedInput-input{font-family:Century Gothic!important;font-size:14px!important}.staff-by-section-chart .table{border-collapse:initial;border-spacing:0 6px;display:table;overflow-x:auto;white-space:nowrap;width:100%}.staff-by-section-chart .table .header-row{background-color:#fff;padding:10px 0}.staff-by-section-chart .table .header-row .header-title-start{border-radius:6px 0 0 6px}.staff-by-section-chart .table .header-row .header-title,.staff-by-section-chart .table .header-row .header-title-start{border:none;color:#027816;font-family:Century Gothic;font-size:15px;font-weight:700;padding:10px 10px 10px 20px}.staff-by-section-chart .table .body{background-color:#fff;box-shadow:none}.staff-by-section-chart .table .body :hover{background-color:#eff6fd}.staff-by-section-chart .table .body .body-row{cursor:pointer}.staff-by-section-chart .table .body .body-row .body-cell-start{border:none;border-radius:6px 0 0 6px;font-size:15px;padding:6px 6px 6px 20px}.staff-by-section-chart .table .body .body-row .body-cell-start .time-schedule{color:#027816;font-family:Siemreap!important;font-size:15px}.staff-by-section-chart .table .body .body-row .body-cell-start .name{font-family:Siemreap!important;font-size:15px}.staff-by-section-chart .table .body .body-row .body-cell{border:none;font-family:Siemreap!important;font-size:15px;padding:6px 6px 6px 20px}.staff-by-section-chart .table .body .body-row .body-cell .status-finish{color:#09aa09;font-family:Siemreap!important;font-size:16px}.staff-by-section-chart .table .body .body-row .body-cell .status-pending{color:#f4d03f!important;font-family:Siemreap!important;font-size:16px}.staff-by-section-chart .table .body .body-row .active-icon{background-color:#09ff00;border-radius:50%;height:10px;margin-top:7px!important;width:10px}.staff-by-section-chart .table .body .body-row .not-active-icon{background-color:red;border-radius:50%;height:10px;margin-top:7px;width:10px}.staff-by-section-chart .table .body .body-row .body-cell-end{border:none;border-radius:0 6px 6px 0;font-size:15px;padding:6px 20px 6px 0}.staff-by-section-chart .table .body .body-row .body-cell-end .status{background-color:#027816;border-radius:2px;border-radius:10px;color:#fff;font-family:Century Gothic;font-size:12px;margin:0 auto;padding:1px 8px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.login-page{background-color:#027816;height:100vh;width:100%}.login-page .background-image{background-position:50% 50%;background-repeat:no-repeat;background-size:50%;-webkit-filter:blur(1px);filter:blur(1px);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:#027816}.login-page .container .box-login .btb-sign-in{background-color:#fff!important;color:#027816;font-size:18px;font-weight:700}.setting-page .page-header{height:40px}.setting-page .page-header .slash{background-color:#027816;height:40px;width:4px}.setting-page .page-header .page-title{color:#027816;font-family:KhmerOsMuol!important;font-size:18px;font-weight:100!important}.setting-page .page-header .breadcrumbs-title{color:#000;font-family:Siemreap!important;font-size:15px}.setting-page .page-header .page-link-title{color:#027816;cursor:pointer;font-family:Siemreap!important;font-size:15px;text-decoration:none}.setting-page .setting-page-container{background-color:#fff;border-radius:10px;height:140px;padding:20px}.setting-page .setting-page-container .image{height:40px;width:40px}.setting-page .setting-page-container .page-title{color:#027816;font-family:Siemreap!important;font-size:16px;font-weight:700;margin:10px 0}.setting-page .setting-page-container .page-description{color:#027816;color:#191919;display:-webkit-box;font-family:Siemreap!important;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:pre-line;width:100%}.report-container{display:block;margin:0 auto .5cm}.report-container .table-report{border:1px solid #027816!important;border-collapse:initial;border-spacing:0!important;display:table;overflow-x:auto;white-space:nowrap;width:100%}.report-container .table-report .header-title{background-color:#eff8ed;border:1px solid #027816;color:#027816;font-family:Siemreap!important;font-size:15px!important;font-weight:700;letter-spacing:normal!important;padding:7px 10px}.report-container .table-report .body-text,.report-container .table-report .table-text{letter-spacing:normal!important}.report-container .table-report .body-no,.report-container .table-report .body-text,.report-container .table-report .table-text{border:1px solid #027816;font-family:Siemreap!important;font-size:15px!important;font-weight:500;font-weight:100;padding:5px 10px}.report-container .table-report .body-no{text-align:center}.report-container .table-report .table-under{background-color:#027816;color:#fff;font-family:Siemreap!important;font-size:15px!important;padding:5px 10px;text-align:center}.footer-amount{font-family:Siemreap!important;letter-spacing:normal!important}.footer-amount,.footer-set{background-color:#fff;bottom:0;left:0;padding:10px;position:"fixed";text-align:center;width:100%}.footer-set .divider{border:2px solid #027816;margin:50px 0 10px}.footer-set .footer{color:blue;font-family:Siemreap!important;font-size:15px!important;font-weight:500;letter-spacing:normal!important;line-height:25px}.icon-mash{color:#027816;width:100px}.cicle-maker{background-color:gray;border-radius:100%;height:300px;width:300px}.cicle-maker .typography{align-items:center;display:flex;font-weight:700;justify-content:center;margin-top:35%}.marsk{color:gray;font-size:30;font-weight:700}.back-text{color:#fff;font-family:Century Gothic;font-weight:700}.btn-home{border:1px solid #027816;border-radius:5px;color:#027816;font-size:12px}.employee-info .page-header{height:40px;width:100%}.employee-info .page-header .slash{background-color:#027816;height:40px;width:4px}.employee-info .page-header .page-title{color:#027816;font-family:KhmerOsMuol;font-size:18px}.employee-info .page-header .breadcrumbs-title{color:#000;font-family:KhmerOsMuol;font-size:15px}.employee-info .page-header .slash-title{color:#027816;font-family:KhmerOsMuol;font-size:18px;font-weight:700}.employee-info .page-header .page-link-title{color:#027816;cursor:pointer;font-family:Siemreap!important;font-size:15px;text-decoration:none}.employee-info .page-header .btn-create{background-color:#027816!important;border-radius:8px;color:#fff;padding:4px 20px}.employee-info .page-header .btn-create .icon-add{width:20px}.employee-info .slash{background-color:#027816;height:45px;width:4px}.employee-info .color{color:#027816;font-size:22px;font-weight:700}.employee-info .btn-add{background-color:#027816;border-radius:10px;height:40px;padding:0 8px;transition:.3s}.employee-info .btn-add .style-add{color:gray;font-size:15px;font-weight:400;text-transform:none}.employee-info .main-containner{background-color:#fff;border-radius:10px;margin-top:20px;padding:20px}.employee-info .main-containner .profile-container{background-color:#fff;border-radius:10px;padding:10px 20px 20px}.employee-info .main-containner .profile-container .profile{justify-content:center}.employee-info .main-containner .profile-container .profile .avater-image{height:185px!important;object-fit:cover;width:160px!important}.employee-info .main-containner .profile-container .header-info-text-top{font-family:KhmerOsMuol;font-size:15px;margin-bottom:15px;margin-top:15px}.employee-info .main-containner .profile-container .header-info-text-top .btn-add-data{background-color:#f8f8f8;color:#027816!important}.employee-info .main-containner .profile-container .body-text-file{color:#000;font-family:KhmerOsMuol;font-size:15px;font-weight:500}.employee-info .main-containner .profile-container .header-info{background-color:#f8f8f8;border-radius:8px;padding:8px}.employee-info .main-containner .profile-container .header-info .header-info-text{color:#027816;font-family:Siemreap!important;font-size:15px;width:50%}.employee-info .main-containner .profile-container .header-info .btn-add-data{color:#027816!important;padding-bottom:0!important;padding-top:0!important}.employee-info .main-containner .profile-container .body-info{padding:10px 8px}.employee-info .main-containner .profile-container .body-info .body-info-text{color:#000;font-family:Siemreap!important;font-size:15px;font-weight:500;width:50%}.employee-info .main-containner .profile-container .body-info .body-text-child{color:#000;font-family:Siemreap!important;font-size:15px;font-weight:500}.employee-info .main-containner .profile-container .body-info .body-info-text-address{color:#000;font-family:KhmerOsMuol;font-size:15px;font-weight:500;width:100%}.employee-attendance .slash{background-color:#027816;height:45px;width:4px}.employee-attendance .color{color:#027816;font-size:22px;font-weight:700}.employee-attendance .btn-add{background-color:#027816;border-radius:10px;height:40px;padding:0 8px;transition:.3s}.employee-attendance .btn-add:hover{background-color:#47a6ff;box-shadow:0 .4em .4em -.4em #027816;-webkit-transform:translateY(-.2em);transform:translateY(-.2em);transition:.3s}.employee-attendance .btn-add .style-add{color:gray;font-size:16px;font-weight:400;text-transform:none}.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:185px!important;margin:10px 0;object-fit:cover;width:160px!important}.employee-attendance .main-containner .profile-container .name-container-khmer{font-family:Siemreap!important;font-size:18px;margin-top:10px;text-align:center}.employee-attendance .main-containner .profile-container .name-container{font-family:KhmerOsMuol;font-size:16px;font-weight:700;text-align:center}.employee-attendance .main-containner .profile-container .position-container{font-family:KhmerOsMuol;font-size:15px;text-align:center}.employee-attendance .main-containner .profile-container .box-contact{padding:10px}.employee-attendance .main-containner .profile-container .box-contact .contact-icon{color:#027816}.employee-attendance .main-containner .profile-container .box-contact .contact-icon-location{color:#027816;font-size:30px}.employee-attendance .main-containner .profile-container .box-contact .contact-des{font-family:Siemreap!important;font-size:14px;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:KhmerOsMuol;text-align:center}.employee-attendance .main-containner .leave-container .grid-leave .box-leave .leave-public{color:#000;font-family:KhmerOsMuol;font-size:15px;text-align:center}.employee-attendance .main-containner .leave-container .grid-leave .box-leave .leave-annual{color:green;font-family:KhmerOsMuol;font-size:15px;text-align:center}.employee-attendance .main-containner .leave-container .grid-leave .box-leave .leave-unpaid{color:red;font-family:KhmerOsMuol;font-size:15px;text-align:center}.employee-attendance .main-containner .leave-container .grid-leave .last-box-leave{width:100%}.employee-attendance .main-containner .leave-container .grid-leave .last-box-leave .leave-num{font-family:KhmerOsMuol;text-align:center}.employee-attendance .main-containner .leave-container .grid-leave .last-box-leave .leave-permission{color:#027816;font-family:KhmerOsMuol;font-size:15px;text-align:center}.employee-attendance .main-containner .grid-date{display:flex;justify-items:flex-end}.employee-attendance .main-containner .grid-date .btn-filter{background-color:#fff;border-radius:10px;display:flex;flex-direction:column;justify-content:center;width:100%}.employee-attendance .main-containner .grid-date .btn-filter .form-controll-select .MuiOutlinedInput-input{border-radius:10px;color:#000!important}.employee-attendance .main-containner .grid-date .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:#027816;border:none;color:#fff;font-family:KhmerOsMuol;font-size:16px;padding:10px 20px}.employee-attendance .main-containner .table-attendance .tablecell-body{color:#000;font-family:KhmerOsMuol;font-size:15px;padding:10px 20px}.employee-attendance .main-containner .table-attendance .body{background-color:#fff;box-shadow:none}.employee-attendance .main-containner .table-attendance .body :hover{background-color:#eff6fd;cursor:pointer}.employee-attendance .main-containner .table-attendance .body .body-row{height:55px!important}.employee-attendance .main-containner .table-attendance .body .body-row .body-cell-start{border:none;border-radius:6px 0 0 6px;font-family:Siemreap!important;font-size:15px;padding:6px 6px 6px 20px}.employee-attendance .main-containner .table-attendance .body .body-row .body-cell{border:none;font-family:Siemreap!important;font-size:15px;padding:6px 6px 6px 20px;text-align:center}.employee-attendance .main-containner .table-attendance .body .body-row .body-cell .icon-attendance{font-size:20px!important;font-weight:700}.employee-attendance .main-containner .table-attendance .body .body-row .body-cell-end{border:none;border-radius:0 6px 6px 0;font-family:Siemreap!important;font-size:15px;padding:6px 20px 6px 0;text-align:center}.employee-attendance .main-containner .table-attendance .body .body-row .body-cell-end .attendance-text{font-family:Siemreap!important;font-size:15px}.employee-attendance .main-containner .table-attendance .body .body-row .body-cell-end .icon-attendance{font-size:20px!important;font-weight:700}.employee-attendance .main-containner .box-seemore{display:flex;justify-content:center;margin-top:10px}.employee-attendance .main-containner .box-seemore .btn-seemore{font-family:KhmerOsMuol;text-align:center;text-transform:none;width:20%}.contract-details .slash{background-color:#027816;height:45px;width:4px}.contract-details .color{color:#027816;font-size:22px;font-weight:700}.contract-details .btn-add{background-color:#027816;border-radius:10px;display:flex;flex-direction:column;justify-content:center;padding:0 8px}.contract-details .btn-add .style-add{color:gray;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:185px!important;margin:10px 0;object-fit:cover;width:160px!important}.contract-details .main-containner .profile-container .profile-name-khmer{font-family:Siemreap!important;font-size:18px;text-align:center}.contract-details .main-containner .profile-container .profile-name{font-family:KhmerOsMuol;font-size:16px;font-weight:700;text-align:center}.contract-details .main-containner .profile-container .title-items{font-family:KhmerOsMuol;font-size:15px;margin-top:10px}.contract-details .main-containner .profile-container .items-name{font-family:Siemreap!important;font-size:16px;font-weight:700}.contract-details .main-containner .profile-container .box-contact{padding:10px}.contract-details .main-containner .profile-container .box-contact .contact-icon{color:#027816}.contract-details .main-containner .profile-container .box-contact .contact-icon-location{color:#027816;font-size:30px}.contract-details .main-containner .profile-container .box-contact .contact-des{font-family:KhmerOsMuol;font-size:14px;font-weight:700;margin-top:2px}.contract-details .main-containner .profile-container .header-info-text-top{font-family:KhmerOsMuol;font-size:15px;margin-bottom:15px;margin-top:20px}.contract-details .main-containner .profile-container .header-info{background-color:#f8f8f8;border-radius:8px;padding:8px}.contract-details .main-containner .profile-container .header-info .header-info-text{color:#027816;font-family:Siemreap!important;font-size:15px;width:50%}.contract-details .main-containner .profile-container .body-info{padding:8px}.contract-details .main-containner .profile-container .body-info .body-text-child{color:#000;font-family:Siemreap!important;font-size:15px;font-weight:500}.contract-details .main-containner .profile-container .body-info .body-info-text{color:#000;font-size:15px;font-weight:500;width:50%}.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:#027816;border-radius:10px;color:#fff;font-family:KhmerOsMuol;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{background-color:#027816;border-radius:10px 0 0 10px;color:#fff;font-size:15px;font-weight:700;padding:10px 20px}.contract-details .main-containner .table-container .education-table .table-row .table-cell{background-color:#027816;color:#fff;font-size:15px;font-weight:700;padding:10px 20px}.contract-details .main-containner .table-container .education-table .table-row .table-cell-last{background-color:#027816;border-radius:0 10px 10px 0;color:#fff;font-size:15px;font-weight:700}.contract-details .main-containner .table-container .education-table .table-row .table-cell-last .btn-add-data{color:#fff!important}.contract-details .main-containner .table-container .education-table .table-row .table-cell-last .css-4imts3-MuiTableCell-root{padding:0!important}.contract-details .main-containner .table-container .education-table .table-row-body .table-cell{font-family:Siemreap!important;font-size:15px;padding:10px 20px!important}.contract-details .main-containner .table-container .education-table .body{background-color:#fff;box-shadow:none}.contract-details .main-containner .table-container .education-table .body :hover{background-color:#eff6fd;cursor:pointer}.contract-details .main-containner .table-container .education-table .body .body-cell-sticky-left{background-color:#fff;left:0;position:-webkit-sticky;position:sticky}.contract-details .main-containner .table-container .education-table .body .body-cell-sticky-right{background-color:#fff;position:-webkit-sticky;position:sticky;right:0}.contract-details .main-containner .table-container .education-table .body .body-row .body-cell-start{border:none;border-radius:6px 0 0 6px;font-family:Siemreap!important;font-size:15px;padding:6px 6px 6px 20px}.contract-details .main-containner .table-container .education-table .body .body-row .body-cell{border:none;font-family:Siemreap!important;font-size:15px;padding:6px 6px 6px 20px}.contract-details .main-containner .table-container .education-table .body .body-row .body-cell .acitve-status .css-wjsjww-MuiChip-label{background-color:#027816!important}.contract-details .main-containner .table-container .education-table .body .body-row .body-cell .expired-status .css-wjsjww-MuiChip-label{background-color:#f54949!important}.contract-details .main-containner .table-container .education-table .body .body-row .body-cell .user-name{font-family:Siemreap!important;font-size:15px}.contract-details .main-containner .table-container .education-table .body .body-row .body-cell .text-field-score{width:60px!important}.contract-details .main-containner .table-container .education-table .body .body-row .body-cell .text-field-score .MuiInputBase-input{padding:5px!important;text-align:center!important}.contract-details .main-containner .table-container .education-table .body .body-row .body-cell .grade-score-cell{font-family:Siemreap!important;font-size:15px;font-weight:700!important}.contract-details .main-containner .table-container .education-table .body .body-row .body-cell-end{border:none;border-radius:0 6px 6px 0;font-family:Siemreap!important;font-size:15px;padding:6px 6px 6px 0}.contract-details .main-containner .table-container .education-table .body .body-row .body-cell-score-end{border:none;border-radius:0 6px 6px 0;font-size:15px;padding:6px 6px 6px 0}.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:KhmerOsMuol;font-size:15px;text-align:center}.contract-details .main-containner .active-status{background-color:green;border-radius:8px;padding:5px;width:100%}.contract-details .main-containner .active-status .text-status{color:#fff;font-family:KhmerOsMuol;font-size:15px;text-align:center}.action-update{color:#027816}.action-delete{color:red}.employee-details .page-header{height:40px;width:100%}.employee-details .page-header .slash{background-color:#027816;height:40px;width:4px}.employee-details .page-header .page-title{color:#027816;font-family:KhmerOsMuol;font-size:18px}.employee-details .page-header .breadcrumbs-title{color:#000;font-family:Siemreap!important;font-size:15px}.employee-details .page-header .slash-title{color:#027816;font-family:KhmerOsMuol;font-size:18px;font-weight:700}.employee-details .page-header .page-link-title{color:#027816;cursor:pointer;font-family:Siemreap!important;font-size:15px;text-decoration:none}.employee-details .btn-create{background-color:#027816!important;border-radius:8px;color:#fff;padding:4px 20px}.employee-details .btn-create .icon-add{width:20px}.employee-details .tabs-containner{margin-top:30px}.employee-details .tabs-containner .box-container{border-bottom:1px solid #cac9c9!important;padding-bottom:20px}@media(min-width:426px)and (max-width:768px){.employee-details .tabs-containner .box-container{display:none!important}}@media(min-width:426px)and (max-width:600px){.employee-details .tabs-containner .box-container{display:none!important}}@media(min-width:377px)and (max-width:425px){.employee-details .tabs-containner .box-container{display:none!important}}@media(min-width:0px)and (max-width:376px){.employee-details .tabs-containner .box-container{display:none!important}}.employee-details .tabs-containner .box-container .btn-tabs{background:none;border-radius:0;color:#000;font-family:KhmerOsMuol;font-size:15px;padding:4px 15px;text-transform:none}.employee-details .tabs-containner .box-container .active-btn-tabs{background:none;border-bottom:2px solid #027816;border-radius:0;color:#027816;font-family:KhmerOsMuol;font-size:15px;padding:4px 15px;text-transform:none}.employee-details .tabs-containner .box-container-mobile{border-bottom:1px solid gray;display:none}@media(min-width:426px)and (max-width:768px){.employee-details .tabs-containner .box-container-mobile{display:block}}@media(min-width:426px)and (max-width:600px){.employee-details .tabs-containner .box-container-mobile{display:block}}@media(min-width:377px)and (max-width:425px){.employee-details .tabs-containner .box-container-mobile{display:block}}@media(min-width:0px)and (max-width:376px){.employee-details .tabs-containner .box-container-mobile{display:block}}.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}