*{box-sizing:border-box}*,body{margin:0;padding:0}.custom-checkbox{display:inline-block}.custom-checkbox .MuiSvgIcon-root{margin:0 auto;color:#969696}.custom-checkbox label{font-weight:500;-webkit-user-select:none;-ms-user-select:none;user-select:none;margin-bottom:0;color:#3b3838;font-size:12px;display:flex;align-items:center;min-width:140px}.checkbox-download .MuiCheckbox-root{margin-left:-9px!important;padding-left:9px!important}.custom-checkbox.checkbox-report input{position:absolute;left:-9999px}.custom-box{position:relative}.custom-box:before{position:absolute}.custom-checkbox .MuiCheckbox-colorPrimary .MuiSvgIcon-root{margin:0;width:25px;height:25px;color:#558232}.custom-checkbox .Mui-checked .MuiSvgIcon-root{color:#558232!important}.MuiCheckbox-root{padding-left:unset!important}.MuiCheckbox-colorSecondary.Mui-checked{color:#558232!important;padding-left:unset}.MuiOutlinedInput-adornedEnd{height:40px;padding-right:0!important;width:230px}.calendar-container .MuiFormControl-root,.calendar-container .MuiInputBase-root{width:100%;height:100%}.calendar-container .MuiInputBase-root .MuiInputAdornment-positionEnd .MuiButtonBase-root{padding:5px}.MuiPickersBasePicker-pickerView{padding-bottom:12px}.calendar-item .MuiFormHelperText-contained{margin:3px 0 0 10px;width:300px!important}.calendar-container .MuiFormHelp-root.Mui-error{font-size:12px}.preview-header .calendar-container input{font-size:11px!important}.calendar .calendar-container .calendar-item-1 .MuiFormHelperText-root.Mui-error{position:absolute;width:300px;top:1px!important;left:300px;font-size:12px}.calendar .calendar-container .calendar-item-2 .MuiFormHelperText-root.Mui-error{position:absolute;width:300px;top:20px!important;left:149px;font-size:12px}.calendar .calendar-container .calendar-item-single .MuiFormHelperText-root.Mui-error{position:absolute;width:300px;top:1px!important;left:80px;font-size:10px}.MuiInputAdornment-positionEnd{margin-left:0!important}.MuiPickersDay-current{color:unset!important}.MuiPickersDay-daySelected{color:#fff!important}.calendar-container{position:relative}.weekInput-err{position:absolute;top:25px;color:#f44336;margin:3px 0 0 10px;width:300px!important;font-size:.75rem;text-align:left;font-weight:400;line-height:1.66;letter-spacing:.03333em}.weekInput-err-hide{display:none}.MuiPickersBasePicker-container .MuiPickersToolbar-toolbar,.MuiPickersDay-daySelected{background-color:#558232!important}.wrap{display:flex;align-items:center}.wrap-icon{width:30px;position:relative;top:9px;margin-right:5px}.wrap-icon svg{font-size:1.7rem;color:#558237}.wrap .MuiFormControl-root{display:table-cell;width:100%}.wrap .MuiFormControl-root .MuiInput-formControl{width:100%}.wrapper__fpwd-form .wrap .MuiFormControl-root .MuiInput-formControl{width:320px}.short-text{overflow:hidden;text-overflow:clip}label#standard-basic-label{padding-left:5px}.form-container,.search-item .form-container .MuiFormControl-root,.search-item .form-container .MuiFormControl-root .MuiInputBase-root{width:100%;height:100%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.form-container .MuiFormControl-root .MuiInputBase-root input{min-width:242px;height:100%;padding:0 14px;font-size:12px}.MuiInputLabel-outlined{-webkit-transform:translate(12px,8px) scale(.75)!important;transform:translate(12px,8px) scale(.75)!important;color:#558232!important}.wrapper_select_input .MuiTextField-root .MuiInputLabel-formControl.Mui-required:after{top:-5px;left:calc(100% + 5px);color:red;width:-webkit-max-content;width:max-content;content:"*";position:absolute;font-size:20px;background:#fff;margin:3px 10px 3px 3px}.wrapper_select_input .MuiTextField-root .MuiInputLabel-formControl.Mui-required .MuiFormLabel-asterisk.MuiInputLabel-asterisk{display:none}.wrapper_select_input #label{position:absolute;left:38px}.wrapper_select_input #label.require_label:after{top:-5px;left:calc(100% + 5px);color:red;width:-webkit-max-content;width:max-content;content:"*";position:absolute;font-size:20px;background:#fff;margin:3px 10px 3px 3px}.wrapper_select_input .label_unshink.MuiInputLabel-shrink{-webkit-transform:translateY(1.5px) scale(1)!important;transform:translateY(1.5px) scale(1)!important;top:22px}.wrapper_select_input .MuiSvgIcon-root.MuiSelect-icon{color:#558232;top:calc(50% - 17px);font-size:32px;right:0;-webkit-transform:scaleY(1.5);transform:scaleY(1.5)}.wrapper_select_input .MuiOutlinedInput-root{position:relative;border-radius:4px;height:25px;font-size:12px;color:#558232;width:95px}.wrapper_select_input .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#558232}.wrapper_select_input .MuiOutlinedInput-notchedOutline{border-color:rgba(80,80,80,.9)}#dialog__message-error .MuiPaper-root{font-size:14px;width:500px;height:170px;border-radius:2px;border:2px solid #558232}#dialog__message-error .dialog__message-content{display:flex;justify-content:flex-start;align-items:flex-start;margin:20px 20px 0 10px;padding:5px;color:#558232;overflow-y:hidden}#dialog__message-error .dialog__message-content p{color:#558232;font-size:12px}#dialog__message-error .dialog__message-title{margin:0;background:#558232;color:#fff;font-size:14px;font-weight:600;padding:0 15px}#dialog__message-error .dialog__message-title h2{font-size:13px;margin:5px 0}#dialog__message-error .MuiDialogActions-root button{width:150px;height:25px;background:#558232;color:#fff;font-size:13px}#dialog__message-error .dialog__message-action{padding:15px;margin:0 10px}#dialog__message-error .MuiDialog-root .MuiDialog-paperWidthFalse{max-width:445px}#dialog__message-error .MuiButton-label{font-size:13px!important}@media screen and (min-width:450px){#dialog__message-error .MuiDialog-root .MuiDialog-paperWidthFalse{width:445px}}#modal__confirm .MuiPaper-root{font-size:16px;border-radius:2px;border:2px solid #558232;width:403px}#modal__confirm .dialog__message-content{display:flex;margin:20px 20px 0 15px;padding:5px 0 0;color:#558232;font-size:14px;overflow-y:hidden}#modal__confirm .dialog__message-content div{font-size:12px}#modal__confirm .dialog__message-content p{color:#558232}#modal__confirm .dialog__message-title{margin:0;background:#558232;color:#fff;font-size:14px;font-weight:600;padding:0 15px}#modal__confirm .dialog__message-title h2{margin:5px 0;font-size:13px}#modal__confirm .MuiButton-label{font-size:13px!important}#modal__confirm .MuiDialogActions-root button{width:128px;height:28px;margin:0 10px;font-size:13px}#modal__confirm .dialog__message-action{padding:15px 20px;display:flex;justify-content:center;align-items:center}#modal__confirm .button-submit{background-color:#558237!important;border-color:1px solid #558237!important;font-size:13px}.message__pre-text{font-size:13px!important}#modal__confirm .button-cancel{color:#3b3838!important;border:1px solid #558232!important;padding:5px;background-color:#fff;font-size:13px}#modal__confirm .MuiDialog-root .MuiDialog-paperWidthFalse{max-width:350px!important}#confirm-dialog-title{color:#fff;background-color:#558237!important;font-size:16px;padding-top:12px;padding-bottom:12px}#modal__confirm .MuiDialog-container .MuiDialog-paper{margin:0;padding:0;width:500px;height:170px}#modal__confirm .wrapper__opacity{padding:0;margin:0}.message__pre-text{text-align:left!important;font-size:12px!important}.alignEnd{justify-content:end!important}.wrapper__progress-dialog{position:fixed;left:50%;top:50%!important;color:#fff;width:250px!important;margin:-30px 0 0 -125px;border-radius:5px;padding:20px 30px;background-color:#548135!important;z-index:5;font-size:14px}.wrapper__progress-dialog label{font-weight:400}.MuiLinearProgress-root{position:relative;margin-top:5px!important;height:3px}.MuiLinearProgress-bar{background-color:#548135!important;height:5px!important;overflow:hidden}.MuiLinearProgress-barColorPrimary{background-color:#fff!important;-webkit-animation:MuiLinearProgress-keyframes-barColorPrimary 2.1s cubic-bezier(.65,.815,.735,.395) infinite!important;animation:MuiLinearProgress-keyframes-barColorPrimary 2.1s cubic-bezier(.65,.815,.735,.395) infinite!important}.MuiLinearProgress-bar2Indeterminate .MuiLinearProgress-barColorPrimary{background-color:#fff!important;display:none}@-webkit-keyframes MuiLinearProgress-keyframes-barColorPrimary{0%{left:-35%;right:100%}60%{left:100%;right:-90%}to{left:100%;right:-90%}}@keyframes MuiLinearProgress-keyframes-barColorPrimary{0%{left:-35%;right:100%}60%{left:100%;right:-90%}to{left:100%;right:-90%}}.container-common{margin:0 20px 20px 15px}.container-common .calendar-container,.preview-filter .calendar-container{width:105px;height:100%;display:flex;justify-content:flex-start}.MuiButton-containedPrimary{background-color:#558232!important}.wrapper{width:100%;height:100vh;display:flex;box-sizing:border-box;overflow-y:hidden!important}.main-panel{width:calc(100% - 200px)}.main-panel,.main-panel.mob_show{height:100%;display:flex;flex-direction:column}.main-panel.mob_show{width:100%}.side-bar.mob_show{display:none}.hiddenOnScroll{z-index:5;overflow-x:hidden!important}.company-logo{cursor:pointer}@media screen and (max-width:959px){.side-bar{display:none}}.footer .copyright{color:#000;padding:15px;text-align:center;margin:0;font-size:14px;font-family:"Roboto",sans-serif;line-height:1.5}.footer{margin-top:10px;min-width:375px}.nav-main{box-sizing:content-box;width:100%;border-bottom:2px solid #e6e7e6;height:60px;position:-webkit-sticky;position:sticky;top:0;z-index:10;background:inherit}.nav-wrapper{display:flex;width:calc(100% - 30px);margin:0 15px;color:#558232;flex-wrap:wrap;height:60px}.nav-description,.nav-title{flex:2 1;display:flex;align-items:center}.nav-description{font-weight:500;font-size:1.1rem;justify-content:flex-end}.nav-item{padding:10px;pointer-events:auto;cursor:pointer}.nav-icon{padding:0 10px}.nav-datetime,.nav-title .nav-item,.nav-userinfo{min-width:150px}.nav-pagename{font-size:13px;padding:10px;width:-webkit-max-content;width:max-content}.nav-datetime,.nav-userinfo{font-size:12px}.nav-datetime{cursor:default}.nav-userinfo a{color:unset;text-decoration:none}.nav-userinfo{padding-right:0;min-width:100px}.nav-dropdown{padding-left:0}.nav-logout{margin-top:5px;pointer-events:auto;cursor:pointer}.logout-icon{width:26px;height:26px}.avatar-icon{width:25px;height:25px;padding-left:3px;margin:1px 0 0}.avatar{width:30px;height:30px;border-radius:50%;background-color:#fff;border:1px solid #558232}.nav-wrapper .icon__toggle-show{display:block}.nav-wrapper .icon__toggle-hide{display:none}@media (max-width:1280px){.nav-description{flex:6 1}.nav-title{flex:4 1}.nav-pagename{font-size:13px}}@media (max-width:959px){.nav-title .nav-item,.nav-userinfo{display:none}}@media (max-width:745px){.nav-description .nav-datetime,.nav-description .nav-icon{display:none}}.sidebar-container{width:100%;height:100%;box-sizing:border-box}.side-bar{display:block;background-color:#f5faeb;height:100vh;width:200px}.menu-container::-webkit-scrollbar{display:none}.wrapper__side-bar{position:relative;overflow:auto}.wrapper__side-bar::-webkit-scrollbar{display:none}.company-container{height:60px}.company-container,.sidebar-header{width:100%;display:flex;align-items:center;justify-content:center}.sidebar-header{height:25px;background-color:#558232}.header-text{width:90%;font-size:15px;color:#fff;text-align:center}.menu-container{margin-top:10px;overflow:scroll}.sidebar-icon{cursor:pointer;width:14px;height:20px}.link-icon-arrow{display:flex;align-items:center;cursor:pointer;position:absolute;right:0}.sidebar-arrowIcon{width:14px;height:14px}.menu-wrapper{margin:3px 5px 3px 0}.menu-content{width:100%;padding-left:15px}.active-link{color:#cb2f2f!important}.closeMenu-container img{cursor:pointer;width:20px;height:20px;vertical-align:middle;margin-right:10px}.hide-sideBar{display:none}.side-bar .sidebar-logo{width:100%;padding:4px;border:1px solid #558232;background:#fff}.sidebar-logo{width:100%}.wrapper__side-bar .text-link{width:100%;display:flex;margin-bottom:2px;text-decoration:none}.wrapper__side-bar .link-name{color:#558232;font-size:12px;cursor:pointer}.wrapper__side-bar .link-icon{display:flex;align-items:center;cursor:pointer;margin-right:10px;position:relative}.link-icon .menu-icon-red{color:#cb2f2f}.link-icon .menu-icon-green{color:#558232}.wrapper__side-bar .text-link:last-child{margin-bottom:0}.wrapper__side-bar .active-link .link-name{color:#cb2f2f!important}.marginTop4{margin-top:4px}.marginTop1_5{margin-top:1.5px}.sidebar-item-container{width:100%;height:23px;display:flex;background-color:#558232;margin:1px 0}.sidebar-item-content{width:100%;height:100%;display:flex;align-items:center;padding:0 5px}.sidebar-item-container a{text-decoration:none}.menu-icon,.menu-text{font-size:12px;height:20px;display:flex;align-items:center;color:#fafafa}.menu-text{margin-left:10px}.changepass-container{padding:60px 0 20px 60px}.content{position:relative}.changepass-container .error-message{color:red;left:500px;margin-top:-15px;font-size:13px;position:absolute;line-height:13px;white-space:nowrap;font-family:"Roboto","Helvetica","Arial",sans-serif}.clear-button{background-color:#fff!important;font-size:13px!important}.button{width:130px;color:#fff;margin-right:20px!important}.submit-button:disabled{background-color:#bbb!important}.submit-button{background-color:#558232!important;font-size:13px!important;color:#fff!important}.btn-container{margin-top:70px;font-size:13px}.changepass-container .MuiSvgIcon-root{color:#969696!important}.changepass-container .icon-visibility svg{color:#558232!important}.changepass-container .content .MuiInputBase-root.MuiInput-root{min-width:450px}.changepass-container .MuiGrid-container{width:100%;height:100%;margin:0}.changepass-container .MuiGrid-item{padding:0!important}.changepass-container .MuiGrid-item label+.MuiInput-formControl{margin-top:0}.change_userPass_infor{margin-top:30px}.changepass-container .content .MuiInputLabel-shrink{-webkit-transform-origin:40px 40px;transform-origin:40px 40px;-webkit-transform:translateY(1.5px) scale(.769)!important;transform:translateY(1.5px) scale(.769)!important}.change-password-container .MuiFormControl-root{height:40px!important}.change-password-container .MuiFormLabel-root{color:#558232!important;font-size:13px!important}.change-password-container .MuiInput-underline:after{border-color:#558237!important}.change-password-container .width120{width:455px}@media (max-width:600px){.changepass-container{padding:40px 10px}.changepass-container .error-message{margin-left:10px}.changepass-container .MuiInputBase-root.MuiInput-root{min-width:300px}}.changePass-label{display:flex}.icon-visibility{position:relative}.backgorund-password-hover.MuiIconButton-edgeEnd{margin-right:5px;padding:0 5px}.backgorund-password-hover:hover.MuiIconButton-root{border-radius:0}.changePass-labelEnd{font-size:20px;background-color:#fff;color:red;position:absolute;right:-20px;top:-2px}.changePass-label .error-message{min-width:-webkit-max-content;min-width:max-content;position:absolute;left:50px;line-height:1.66;letter-spacing:.03333em;top:10px;cursor:default}.changePass-label .left140{left:50px}#dialog__message .MuiPaper-root{font-size:14px;width:430px;border-radius:2px;border:2px solid #558232}#dialog__message .dialog__message-content{display:flex;justify-content:flex-start;align-items:flex-start;margin:20px;padding:5px;color:#558232}#dialog__message .dialog__message-content p{color:#558232;font-size:13px}#dialog__message .dialog__message-title{margin:0;background:#558232;color:#fff;font-size:14px;font-weight:600;padding:0 15px}#dialog__message .dialog__message-title h2{font-size:14px;margin:5px 0}#dialog__message .MuiDialogActions-root button{width:150px;height:25px;background:#558232;color:#fff;font-size:13px}#dialog__message .dialog__message-action{padding:15px;margin:0 10px}#dialog__message .MuiDialog-root .MuiDialog-paperWidthFalse{max-width:445px}@media screen and (min-width:450px){#dialog__message .MuiDialog-root .MuiDialog-paperWidthFalse{width:445px}}.compliance__wrapper{font-family:"Roboto","Helvetica","Arial",sans-serif}.compliance__container{margin:0!important}.table-container .MuiTableCell-root{border-bottom:none}.table-compliance-padding{padding:0 20px 20px 15px;overflow-y:auto}.supplier-container{min-width:100%;display:flex;padding-top:8px;padding-bottom:2px;border-bottom:0}.supplier-header{font-size:15px}.supplier-code{width:35%;margin-left:10px}.supplier-groupTitle{color:#558232;margin-right:10px}.supplier-name{width:87.5%}.supplier-groupTitle-size{white-space:nowrap;resize:none;overflow:hidden}.compliance-record .MuiTableCell-body{padding:0}.compliance-cell{height:35px;display:flex;align-items:center;font-size:11px}.compliance-cell-row-1{height:30px}.compliance-cell-border{border-bottom:1px solid grey}.paddinglr-8{padding-left:8px;padding-right:8px}.paddingr-20{padding-right:20px!important}.paddingr-40{padding-right:40px!important}.paddingl-16{padding-left:16px}.paddingl-20{padding-left:20px}.paddingb-2{padding-bottom:2px}.text-red{color:red}.alignItemEnd{align-items:flex-end}.alignItemCenter{align-items:center}.paddingb-5{padding-bottom:5px}.radio-checkbox-2{justify-content:center}.radio-checkbox .MuiRadio-root{padding:0!important;cursor:auto}.radio-checkbox .MuiSvgIcon-fontSizeSmall{font-size:.9rem}.compliance__wrapper .radio-checkbox .MuiSvgIcon-root{width:15px;height:15px}.flex{display:flex;align-items:flex-end;justify-content:center}.flexEnd{justify-content:flex-end}.background-blue{background-color:#f5faeb}.table-compliance-padding{height:100vh}.compliance-update{justify-content:center}.compliance-content-scroll{overflow-x:auto;width:100%}.compliance__wrapper .toolbar .calendar-item .MuiInputBase-root .MuiInputBase-input{font-size:12px!important}.compliance__wrapper .MuiButton-root{background-color:#558232;color:#fff}.compliance__wrapper .MuiButton-contained:hover{background-color:#558232!important}.compliance__wrapper .btn-download .MuiButton-label{font-size:13px}.header-height .MuiTableCell-head{line-height:1rem}.header-height .MuiTableCell-root{padding:5px}@media (max-width:1653px){.compliance__wrapper .header-col .col-6-small-screen,.compliance__wrapper .header-col .col-7-small-screen{width:8%}}@media (max-width:1800px){.supplier-code{width:20%!important}}@media (max-width:1370px){.supplier-code{width:35%!important}.compliance__wrapper .header-col .col-4-small-screen{width:12%}.compliance__wrapper .header-col .col-5-small-screen,.compliance__wrapper .header-col .col-6-small-screen,.compliance__wrapper .header-col .col-7-small-screen{width:10%}}.toolbar{height:60px}.toolbar,.toolbar-no-height{margin:5px 0}.toolbar,.toolbar-no-height,.toolbar-no-height-padding-top{display:flex;flex-direction:row;align-items:center;justify-content:space-between;min-width:1050px}.toolbar-no-height-padding-top{padding-top:15px}.toolbar-small{min-width:900px}.actionContainer{width:100%;height:25px;display:flex;align-items:center}.csv-container{width:20%;height:25px}.csv-style{margin-right:30px}.searchContainer{height:100%;width:270px;margin-right:50px}.searchLeftContainer{height:100%;width:270px;margin-left:50px}.search-item{width:100%;height:100%}.icon-redirect{width:23px;height:23px;cursor:pointer;margin-right:15px}.icon-action{width:16px;height:18px;cursor:pointer}.createContainer,.expireDateContainer,.filterIconContainer,.filterWeekContainer,.previewContainer,.timeLabelContainer,.turnBackIconContainer{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:100%}.icon-filter{width:16px;height:18px;margin-right:15px}.filterWeekContainer{margin-left:20px}.checkboxContainer,.downloadIconContainer,.expireDateContainer,.filterIconContainer,.filterWeekContainer,.timeLabelContainer,.turnBackIconContainer{display:flex;align-items:center}.turnBackIconContainer{margin-right:15px}.toolbar-text{font-size:12px}.timelablel-text,.toolbar-text{color:#a6a6a6;margin-right:10px}.timelablel-text{font-size:10px;margin-left:10px}.select-item{height:100%;width:90px;margin-right:20px}.filterContainer{display:flex;height:25px}.dt-week-calendar-container,.year-month-calendar-container{display:flex;flex-direction:row;height:25px;align-items:center}.dt-week-calendar-container,.week-calendar-item{margin-right:15px}.complianceCalendarFilter{display:flex;height:25px;margin-right:20px}.downloadIconContainer{margin-right:15px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:100%}.checkboxContainer{margin-right:15px}.calendar-item{width:95px;height:100%;margin-right:10px}.icon-turnback{width:24px;height:24px;cursor:pointer}.calendar-item input{font-size:12px;color:#000}.btn-download{height:25px;display:flex;position:relative;margin-bottom:15px;min-width:170px;justify-content:flex-end}.btn-download,.btn-text{color:#fff;font-size:13px}.btn-text{text-decoration:none}.btn-download .MuiButton-root{min-width:170px!important;font-size:13px}.toolbar .calendar-item .MuiInputBase-root .MuiInputBase-input{font-size:11px!important}.toolbar-no-height .MuiSelect-select:focus,.toolbar .MuiSelect-select:focus{background-color:transparent}.approvalContainer,.hqConfirmContainer{display:flex;align-items:center;margin-right:30px}.apporval-label,.filterWeek-label,.hqConfirm-label{width:-webkit-max-content;width:max-content}.compliance__wrapper .searchContainer{margin-right:11px}.arrow-back-icon{color:#558232}.choose-all-container{height:25px;width:140px;margin-right:10px}.choose-all-container .choose-all{height:25px;background-color:#fff;color:#558232;border:1.9px solid #558232;font-size:13px;min-width:120px}.btn-download-all-container{height:25px;width:170px}.btn-download-all-container .btn-download-all{min-width:140px}.btn-download-all-container .btn-download-all,.btn-download-all-container .btn-download-all :hover{height:25px;background-color:#558232;color:#fff;font-size:13px}.MuiButton-contained:hover{background-color:#558232}.btn-download-all-container :hover{background-color:#558232!important}.infomation-container{width:14%;margin-right:25px;margin-left:10px}.toolbar-to-lbl{font-size:12px;color:#a6a6a6;margin:auto 10px}@media (max-width:1570px){.expireDateContainer .toolbar-text,.maintain-container .filterIconContainer .toolbar-text,.timeLabelContainer .timelablel-text{min-width:50px}}.wrapper_select_input_calendar .MuiTextField-root .MuiInputLabel-formControl.Mui-required:after{top:-5px;left:calc(100% + 5px);color:red;width:-webkit-max-content;width:max-content;content:"*";position:absolute;font-size:20px;background:#fff;margin:3px 10px 3px 3px}.wrapper_select_input_calendar .MuiTextField-root .MuiInputLabel-formControl.Mui-required .MuiFormLabel-asterisk.MuiInputLabel-asterisk{display:none}.wrapper_select_input_calendar #label{position:absolute;left:38px}.wrapper_select_input_calendar #label.require_label:after{top:-5px;left:calc(100% + 5px);color:red;width:-webkit-max-content;width:max-content;content:"*";position:absolute;font-size:20px;background:#fff;margin:3px 10px 3px 3px}.wrapper_select_input_calendar .label_unshink.MuiInputLabel-shrink{-webkit-transform:translateY(1.5px) scale(1)!important;transform:translateY(1.5px) scale(1)!important;top:22px}.wrapper_select_input_calendar .MuiSvgIcon-root.MuiSelect-icon{color:#558232;top:calc(50% - 17px);font-size:32px;right:0;-webkit-transform:scaleY(1.5);transform:scaleY(1.5)}.wrapper_select_input_calendar .MuiOutlinedInput-root{position:relative;border-radius:4px;height:25px;font-size:12px;color:#558232}.wrapper_select_input_calendar .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#558232}.wrapper_select_input_calendar .MuiOutlinedInput-notchedOutline{border-color:rgba(80,80,80,.9)}.select-item .select-container .MuiFormControl-root,.select-item .select-container .MuiInputBase-root,.sorted-select .sorted-container .MuiFormControl-root,.sorted-select .sorted-container .MuiInputBase-root{width:100%;height:100%}.select-item .select-container .MuiSelect-root,.sorted-select .sorted-container .MuiSelect-root{width:100%;color:#558232}.select-item .select-container .MuiOutlinedInput-input,.sorted-select .sorted-container .MuiOutlinedInput-input{padding-top:0;padding-bottom:0}.maintain-wrapper .select-item .Mui-focused .MuiSelect-select{background:transparent}.MuiMenuItem-root{font-size:12px!important}.item-year{width:75px}.item-month{width:50px}.wrapper_select_input_calendar .MuiInputBase-root .MuiSelect-select{min-width:0!important}.MuiMenu-paper{max-height:calc(100% - 372px)!important}.infoText-container{top:17px;left:10px}.triangle{left:0;border-color:transparent transparent #558232;border-width:2px 20px 32px 5px;z-index:0}.triangle,.triangle-hiden{content:"";position:absolute;top:-2px;border-style:solid;display:block;width:0}.triangle-hiden{left:1px;border-color:transparent transparent #fff;border-width:3px 20px 32px 4px;z-index:1}.infoText{position:relative;top:20px;left:-20px}.data-download__wrapper{width:100%;display:block;overflow:auto}.data-download__container{margin:0 20px 20px 15px}.data-download__container .calendar-container{width:105px;height:100%;display:flex;justify-content:flex-start}.pb-40{margin-bottom:40px}.data-download__wrapper .toolbar-no-height{height:60px}@media (max-width:1500px) and (max-height:200px){.data-download__wrapper .data-download__container .table-scroll{overflow-x:auto!important;width:100%}}#Modal__preview-file .MuiBox-root{width:80%;height:80vh}#Modal__preview-file .MuiBox-root .pg-viewer-wrapper,#Modal__preview-file .MuiBox-root .react-grid-Main{overflow:scroll!important}#Modal__preview-file .spreadsheet-viewer .react-grid-HeaderCell-sortable{pointer-events:none!important}.iframe--previewFile__txt .background-file{height:calc(80vh - 100px);min-width:100%;border:none;outline:0;overflow:auto;white-space:pre;background:rgba(1,1,1,.02);font-size:14px}.iframe--previewFile__txt div:first-child{padding-bottom:15px}.iframe--previewFile__txt br{content:""}.delivery-data__wrapper{width:100%;display:block}.delivery-data__wrapper .delivery-data__container{margin:0 20px 20px 15px}.delivery-data__container .calendar-container{width:105px;height:100%;display:flex;justify-content:flex-start}.list-table-container{min-width:1050px}.delivery-data-detail__wrapper .toolbar-no-height,.delivery-data__container .toolbar-no-height{height:60px}@media (max-width:1500px){.delivery-data__wrapper .delivery-data__container .table-scroll{overflow-x:auto;width:100%}}.delivery-data-detail__wrapper{width:100%;display:block}.delivery-data-detail__container{margin:0 20px 20px 15px}.delivery-data-detail__container .calendar-container{width:105px;height:100%;display:flex;justify-content:flex-start}.spacing{height:5px}.pb-25{margin-bottom:25px}.table-list-container{min-width:1050px}@media (max-width:1366px){.delivery-data-detail__wrapper .delivery-data-detail__container .table-scroll{overflow-x:auto!important;padding-bottom:25px;width:100%}}@media (max-width:1290px){.distribution__wrapper .table-scroll,.hquser__wrapper .table-scroll,.maintain-wrapper .table-scroll{overflow-x:auto;width:100%}}@media (max-width:1100px){.allergen__wrapper .table-scroll,.branch__wrapper .table-scroll,.customer__wrapper .table-scroll,.excel-template__wrapper .table-scroll,.reception-data__wrapper .table-scroll{overflow-x:auto;width:100%}}@media (max-width:1900px){.delivery-data-detail__wrapper .table-scroll{overflow-x:auto!important;padding-bottom:25px;width:100%}}.delivery-data-detail__wrapper .delivery-data-detail__container .table-container .MuiTableContainer-root{overflow-x:hidden}.table-container-fit-content{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.table-container-fit-content .MuiGrid-root .MuiTableContainer-root .MuiTable-root .MuiTableBody-root .MuiTableRow-root .MuiTableCell-root{border-bottom:none}.myPage_container{width:100%}.myPage_wrapper{padding:16px 20px 0}.userInfo_form_container{height:100%;padding:5px 40px 30px;max-width:1200px}.userInfo_form_container:first-of-type{padding:5px 40px 0}.change_userPass_header_text,.userInfo_header_text{color:#558232;padding:5px 0 5px 15px;font-size:13px;border-bottom:none}.change_userPass_header,.userInfo_header{border-bottom:hidden;background-color:#f5faeb}.nm-user-container{display:flex}.userInfo_form_container .changepass-container{padding:0}.changepass-container .wrap-lock-icon{padding:0 15px 0 0!important}.MuiIconButton-edgeEnd{margin-right:0}.customer-id,.customer-name{font-size:12px;line-height:12px}.changepass-container .MuiInputBase-input{padding:5px 0 2px 10px;font-size:13px}.change_userPass_header_text_wrapper,.userInfo_header_text_wrapper{min-width:-webkit-max-content;min-width:max-content}.userInfo_form_container .content{height:40px;position:relative}.myPage_wrapper .nm-user-container .custom-checkbox .Mui-checked .MuiSvgIcon-root,.myPage_wrapper .nm-user-container .MuiCheckbox-colorSecondary.Mui-checked,.myPage_wrapper .nm-user-container .MuiCheckbox-colorSecondary.Mui-disabled{color:grey!important;padding-left:unset}.portal-create-content{height:100%}.form-min-width{min-width:500px}.formEdit-container .wrap{padding:0!important}.formEdit-container .wrap-icon{width:unset;position:relative;top:4px;margin:0;padding:10px 15px 0 0}.formEdit-container .icon--deactive{color:#969696!important}.iconForm{width:24px;height:24px}.iconForm-nutel{width:20px;height:20px;margin-left:5px}.formEdit-container .width450{width:450px}.formEdit-container .width450 label{font-size:12px}.portal-create .MuiInputLabel-shrink{-webkit-transform:translateY(1.5px) scale(.8333334)!important;transform:translateY(1.5px) scale(.8333334)!important;-webkit-transform-origin:0 40px;transform-origin:0 40px}.portal-create .MuiInputLabel-formControl{font-size:13px}.formEdit-container .wrap label+.MuiInput-formControl{margin-top:18.76px}.portal-create-content .MuiInput-root{font-size:10px}.formEdit-container .wrap .MuiFormControl-root .MuiInput-formControl .MuiInput-input{padding:5px 0 2px 10px;font-size:12px}.formEdit-container .wrap-icon svg{font-size:1.5rem!important}.myPage_wrapper .MuiInput-underline:after{border-color:#558237!important}.myPage_wrapper .MuiFormLabel-root{color:#558232!important}.portal-create .MuiInput-underline:before{border-bottom:1px solid #558232!important}.formEdit-container .formEdit-input{display:flex;justify-content:flex-start;align-items:center}.formEdit-container{width:100%}.formEdit-container .formEdit-input .input-spacing{width:40px}.formEdit-container .formEdit-input .wrap .wrap-icon{padding:0}.formEdit-container .formEdit-input .wrap .MuiFormControl-root{margin-right:44px}.changepass-container .MuiFormControl-root{height:100%}.formEdit-container .width120{width:120px}.formEdit-container .formEdit-input .MuiFormLabel-root.Mui-disabled{color:#969696!important}.formEdit-container .width210{width:210px}.portal-create .MuiTextField-root .MuiInputBase-root .MuiInputBase-input.Mui-disabled{color:#969696}.formEdit-container .width160{width:160px}.customer-container{display:flex;height:40px}.customer-content{display:flex;align-items:flex-end;font-size:12px;margin-bottom:5px}.customer-id{margin:0 10px}.portal-create .formEdit-input .MuiInput-underline:before{border-bottom:1px solid #969696!important}.btn-cancel,.btn-submit{font-size:13px}.info-container{position:relative;width:800px;height:20px}.icon-container:hover+.infoText-container,.icon-container:hover+.multi-infoText-container{display:block}.infoText-container{display:none;position:absolute;top:20px;left:20px}.infoText{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;overflow:hidden;white-space:nowrap;font-size:12px;background-color:#fff;color:#558232;padding:10px;border-radius:10px;border:1.75px solid #558232}.infoText:after{left:-17px;border-color:transparent #fff;border-width:7px 20px 7px 0;z-index:1}.infoText:after,.infoText:before{content:"";position:absolute;top:50%;border-style:solid;display:block;width:0}.infoText:before{left:-21px;border-color:transparent #558232;border-width:7px 22px 7px 0;z-index:0}.mutiple-line .infoText{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;word-wrap:break-word;white-space:pre-wrap}.mutiple-line .infoText-container{top:-26px}.custom-background-infor .info-container{position:relative;width:800px;height:20px}.custom-background-infor .icon-container:hover+.infoText-container,.custom-background-infor .icon-container:hover+.multi-infoText-container{display:block}.custom-background-infor .infoText-container{display:none;position:absolute;top:-18px;left:40px}.custom-background-infor .multi-infoText-container{display:none;position:absolute;top:-30px;left:40px}.custom-background-infor .infoText{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;overflow:hidden;white-space:nowrap;font-size:12px;background-color:#fff;color:#558232;padding:10px;border-radius:10px;border:1.75px solid #558232;top:unset;left:unset}.custom-background-infor .infoText-container:after{content:"";position:absolute;top:50%;left:-17px;border-color:transparent #fff;border-style:solid;border-width:7px 20px 7px 0;display:block;width:0;z-index:1}.custom-background-infor .infoText-container:before{content:"";position:absolute;top:50%;left:-21px;border-color:transparent #558232;border-style:solid;border-width:7px 22px 7px 0;display:block;width:0;z-index:0}.custom-background-infor .mutiple-line .infoText{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;word-wrap:break-word;white-space:pre-wrap}.custom-background-infor .mutiple-line .infoText-container,.custom-background-infor .mutiple-line .multi-infoText-container{top:-26px}.makeStyles-titleHead-11{font-size:11px!important}.portal-createWrapper .space{padding:0!important}.makeStyles-root-12 .MuiTextField-root{min-height:40px}.makeStyles-root-104 .MuiTextField-root{height:40px!important}.table-head{background-color:#f2f2f2!important}.table-row{background-color:#f5faeb!important}@media (max-width:1365px){.portal-wrapper .MuiTableContainer-root{overflow-x:scroll}}.form-compliance-wrapper{padding:40px 20px 20px 15px;font-family:"Roboto","Helvetica","Arial",sans-serif;font-size:12px;color:#969696}.allergen-af-container,.allergen-bf-container,.approval-container,.confirm-container,.product-code-container,.product-name-container,.supplier-code-container,.supplier-name-container,.tradeMark-container{width:100%;display:flex;margin-bottom:10px;line-height:1.1rem}.allergen-af-title,.allergen-bf-title,.approval-title,.confirm-title,.product-code-title,.product-name-title,.supplier-code-title,.supplier-name-title,.tradeMark-title{width:7.5%}.allergen-af-wrapper,.allergen-bf-wrapper,.approval-wrapper,.confirm-checkbox,.product-code-content,.product-name-content,.supplier-code-content,.supplier-name-content,.tradeMark-checkbox{width:92.5%;color:#3b3838}.flex-center{display:flex;align-items:center;justify-content:center}.flex-display{display:flex}.allergen-bf-code{background-color:#558232}.allergen-bf-code,.allergen-bf-code-no-check{width:100px;height:25px;color:#fff;margin:0 2px 1px 0}.allergen-bf-code-no-check{background-color:#bfbfbf}.allergen-af-code{background-color:#ff6;color:#3b3838;border:2px solid #ffd966}.allergen-af-code,.allergen-af-code-no-check{width:100px;height:25px;margin:0 2px 1px 0;cursor:pointer}.allergen-af-code-no-check{background-color:#bfbfbf;color:#fff}.form-compliance-container .MuiRadio-colorSecondary.Mui-disabled{color:#969696}.form-compliance-container .allergen-af-wrapper .MuiRadio-colorSecondary.Mui-checked{color:#558232}.form-compliance-container .allergen-af-radio .MuiIconButton-root,.form-compliance-container .allergen-bf-radio .MuiIconButton-root{padding:0 10px 0 0}.allergen-af-title-text,.allergen-bf-title-text{line-height:25px;display:flex;align-items:center}.allergen-af-row-1,.allergen-bf-row-1{line-height:25px;align-items:center}.allergen-af-row,.allergen-bf-row{line-height:30px}.allergen-af-content,.allergen-bf-content{align-items:center}.approval-container,.confirm-container,.tradeMark-container{line-height:40px;margin-bottom:0}.approval-container{min-width:348px}.approval-container .MuiIconButton-root,.confirm-container .MuiIconButton-root,.tradeMark-container .MuiIconButton-root{padding:0}.approval-checkbox,.approval-date-container,.approval-wrapper,.confirm-checkbox,.tradeMark-checkbox{display:flex;align-items:center}.approval-date-title{margin-right:30px}.allergen-af-title-text{margin-left:58px}.allergen-af-title-text,.approval-date-title,.approval-title,.confirm-title,.tradeMark-title{color:#558232}.approval-checkbox{width:80px}.allergen-af-wrapper .MuiSvgIcon-root path{color:#558232}.buttonSpace{margin-top:50px;min-width:298px}.button{width:128px;height:28px;color:#558232;border-color:#558232!important;margin:0 20px 0 0!important}.button:hover{opacity:.9}.form-compliance-wrapper .submit-button{background-color:#558232!important;color:#fff!important;font-size:13px;width:128px;height:28px}.form-compliance-wrapper .button.clear-button{color:#3b3838;width:128px;height:28px}.form-compliance-wrapper .submit-button:disabled{background-color:#bbb!important}.form-compliance-wrapper .buttonSpace .MuiButton-label{font-size:13px}.allergen-af-code,.allergen-af-code-no-check,.allergen-bf-code,.allergen-bf-code-no-check{width:65px;font-size:11px}.allergenContainer{width:100%;display:flex;margin-bottom:10px;line-height:1.1rem}.allergenContainer .title{min-width:127px}.allergenContainer .content{width:89%}.content__row1{display:flex}.radio{color:#3b3838}.radio__1{margin-bottom:100px}.content__row1,.content__row2,.content__row3,.content__row4{display:flex}.content__row2,.content__row3,.content__row4{line-height:30px;min-width:122px}.form-compliance-wrapper .MuiRadio-colorSecondary.Mui-disabled{color:#969696}.form-compliance-wrapper .radio__container .MuiIconButton-root{padding:0 10px 0 0}.allergen-bf-content{color:#3b3838}.allergenAfter .title__Text,.form-compliance-wrapper .allergenAfter .MuiRadio-colorSecondary.Mui-checked{color:#558232}.Mui-focusVisible :hover{background-color:red}.allergenAfter .title__Text{margin-left:58px}.fontWeightBold{font-weight:700}.fontWeightNormal{font-weight:400}@media (max-width:1900px){.form-compliance-container{min-width:-webkit-max-content;min-width:max-content}.form-compliance-container .title-common{width:11%}.form-compliance-container .content-common{width:89%}.allergen-bf-container{margin-right:20px}.form-compliance-wrapper .title-common{min-width:127px}.form-compliance-wrapper .content-common{width:89%}}.wrapper__fpwd{margin:0 auto;padding:0;box-sizing:border-box;font-size:16px}.wrapper__fpwd .wrapper__fpwd-title{text-align:center;padding:20px 0;border-bottom:2px solid #e6e7e6;color:#558237;font-weight:600;font-size:20px}.wrapper__fpwd .wrapper__fpwd-form{max-width:480px;margin:auto}.wrapper__fpwd-form .wrapper__fpwd-helptext{margin:40px 0;display:flex;font-size:14px}.wrapper__fpwd-form .wrapper__fpwd-helptext .section-note{margin-right:10px}.wrapper__fpwd-form .wrap{margin:10px 0}.wrapper__fpwd-form .wrap .wrap-icon{margin-right:10px}.wrapper__fpwd-form .wrap .wrap-icon svg{color:#969696}.wrapper__fpwd-form .wrap input{font-size:16px;color:#3b3838}.wrapper__fpwd-form .wrap .MuiInputLabel-formControl{color:#558237;font-size:12px}.wrapper__fpwd-form .wrap .MuiFormLabel-root.Mui-focused{color:#558237!important}.wrapper__fpwd-form .wrap .MuiInput-underline:after{border-bottom:#558237!important}.wrapper__fpwd-form .wrap label{color:#558237!important}.wrapper__fpwd-form .wrap .MuiFormLabel-asterisk{color:red}.form-forgot__button{display:flex;align-items:center;justify-content:flex-start;flex-direction:row;margin:70px 0}.form-forgot__button .btn-submit-container .btn-submit{width:150px;height:30px;max-width:150px;font-size:13px;color:#fff;background-color:#558237;border-color:#558237;border-radius:4px}.form-forgot__button .btn-cancel-container .btn-cancel{background-color:#fff;color:#3b3838;border:1px solid #558237;margin:0 20px;width:150px;height:30px;font-size:13px}.form-forgot__button .btn-submit-container .btn-submit:hover{opacity:.9;color:#fff;background-color:#558237;border:1px solid #558237}.form-forgot__button .btn-cancel-container .btn-cancel:hover{opacity:.9;color:#558237;background-color:#fff;border:1px solid #558237}.icon-deactive{width:24px;height:24px}.forgot-password-helper-text{font-size:13px}.btn-submit-text{color:#fff}.form-forgot__button .MuiButton-root.Mui-disabled{background-color:rgba(0,0,0,.26)!important}.form-forgot__button .btn-submit-container{cursor:pointer;font-size:13px}@media screen and (max-width:760px){.wrapper__fpwd .wrapper__fpwd-form{padding:0 20px;width:100%}.wrapper__fpwd-form .wrapper__fpwd-helptext{font-size:10px}}.login{background:#fff;height:100vh;overflow:hidden}.login .login-wrap{height:100%}.login .login-container{display:flex;align-items:center;justify-content:center;height:100%}.login-form{width:30%;border-radius:4px;box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12)!important;width:370px;height:215px}.login-form .card{margin-bottom:0!important}.login-form .card .header{padding:0}.login-form .card .content{padding:0 30px 15px}.login-form .header{display:flex;justify-content:center;align-items:flex-end;background-color:#e6fac8!important;border-color:#e6fac8!important;height:45px;border-radius:0;border-top-right-radius:4px;border-top-left-radius:4px}.login-form .header h4{color:#558237;font-size:12px;overflow:hidden;font-weight:800;padding-bottom:5px}.login-form .wrap{margin:5px 0;height:46px}.login-form .wrap .MuiInput-formControl{margin-top:12px}.login-form .wrap-icon{padding-top:10px}.login-form .content input{font-size:12px;color:#282828}.login-button{margin:3px 0 0}.login-button button{width:100%;height:23px;color:#fff;background-color:#558237!important;border-color:#558237!important;font-size:13px}.login-button button:hover{opacity:.9}.login-forget-password{margin-top:13px;text-align:right;font-size:9px;color:#3b3838}.btn-login .MuiButton-label{font-size:12px}.login footer{position:fixed;left:0;bottom:0;right:0}.login-form .card .content .wrap .MuiFormLabel-root.Mui-focused{color:#558237!important}.login-form .card .content .wrap .MuiInput-underline:after{border-bottom:2px solid #558237!important}.login-form .card .content .wrap label{color:#558237!important;font-size:12px}.MuiInput-underline:hover:not(.Mui-disabled):before{border-bottom-color:#558237!important}.login-form .MuiInputBase-root input{padding-left:10px}.login-form .wrap-icon .MuiSvgIcon-root{color:#969696;margin-bottom:2px}.MuiInputLabel-shrink{-webkit-transform:translateY(1.5px) scale(.8333334)!important;transform:translateY(1.5px) scale(.8333334)!important}@media (max-width:768px){.login-form{width:90%}.login-form .header h4{font-size:13px}}@media (max-width:1024px) and (min-width:769px){.login-form{width:50%}.login-form .header h4{font-size:13px}}@media (min-width:1025px){.login-form .header h4{font-size:13px}}
/*# sourceMappingURL=main.2beed634.chunk.css.map */