*{box-sizing:border-box}*,body{margin:0;padding:0}.custom-checkbox{display:inline-block}.custom-checkbox .MuiSvgIcon-root{color:#969696;margin:0 auto}.custom-checkbox label{align-items:center;color:#3b3838;display:flex;font-size:12px;font-weight:500;margin-bottom:0;min-width:140px;-webkit-user-select:none;user-select:none}.checkbox-download .MuiCheckbox-root{margin-left:-9px!important;padding-left:9px!important}.custom-checkbox.checkbox-report input{left:-9999px;position:absolute}.custom-box{position:relative}.custom-box:before{position:absolute}.custom-checkbox .MuiCheckbox-colorPrimary .MuiSvgIcon-root{color:#558232;height:25px;margin:0;width:25px}.custom-checkbox .Mui-checked .MuiSvgIcon-root{color:#558232!important}.MuiCheckbox-root{padding-left:0!important}.MuiCheckbox-colorSecondary.Mui-checked{color:#558232!important;padding-left:0}.MuiOutlinedInput-adornedEnd{height:40px;padding-right:0!important;width:230px}.calendar-container .MuiFormControl-root,.calendar-container .MuiInputBase-root{height:100%;width: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{font-size:12px;left:300px;position:absolute;top:1px!important;width:300px}.calendar .calendar-container .calendar-item-2 .MuiFormHelperText-root.Mui-error{font-size:12px;left:149px;position:absolute;top:20px!important;width:300px}.calendar .calendar-container .calendar-item-single .MuiFormHelperText-root.Mui-error{font-size:10px;left:80px;position:absolute;top:1px!important;width:300px}.MuiInputAdornment-positionEnd{margin-left:0!important}.MuiPickersDay-current{color:inherit!important}.MuiPickersDay-daySelected{color:#fff!important}.calendar-container{position:relative}.weekInput-err{color:#f44336;font-size:.75rem;font-weight:400;letter-spacing:.03333em;line-height:1.66;margin:3px 0 0 10px;position:absolute;text-align:left;top:25px;width:300px!important}.weekInput-err-hide{display:none}.MuiPickersBasePicker-container .MuiPickersToolbar-toolbar,.MuiPickersDay-daySelected{background-color:#558232!important}.wrap{align-items:center;display:flex}.wrap-icon{margin-right:5px;position:relative;top:9px;width:30px}.wrap-icon svg{color:#558237;font-size:1.7rem}.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{height:100%;width:100%;width:-webkit-fit-content;width:fit-content}.form-container .MuiFormControl-root .MuiInputBase-root input{font-size:12px;height:100%;min-width:242px;padding:0 14px}.MuiInputLabel-outlined{color:#558232!important;transform:translate(12px,8px) scale(.75)!important}.wrapper_select_input .MuiTextField-root .MuiInputLabel-formControl.Mui-required:after{background:#fff;color:red;content:"*";font-size:20px;left:calc(100% + 5px);margin:3px 10px 3px 3px;position:absolute;top:-5px;width:-webkit-max-content;width:max-content}.wrapper_select_input .MuiTextField-root .MuiInputLabel-formControl.Mui-required .MuiFormLabel-asterisk.MuiInputLabel-asterisk{display:none}.wrapper_select_input #label{left:38px;position:absolute}.wrapper_select_input #label.require_label:after{background:#fff;color:red;content:"*";font-size:20px;left:calc(100% + 5px);margin:3px 10px 3px 3px;position:absolute;top:-5px;width:-webkit-max-content;width:max-content}.wrapper_select_input .label_unshink.MuiInputLabel-shrink{top:22px;transform:translateY(1.5px) scale(1)!important}.wrapper_select_input .MuiSvgIcon-root.MuiSelect-icon{color:#558232;font-size:32px;right:0;top:calc(50% - 17px);transform:scaleY(1.5)}.wrapper_select_input .MuiOutlinedInput-root{border-radius:4px;color:#558232;font-size:12px;height:25px;position:relative;width:95px}.wrapper_select_input .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#558232}.wrapper_select_input .MuiOutlinedInput-notchedOutline{border-color:#505050e6}#dialog__message-error .MuiPaper-root{border:2px solid #558232;border-radius:2px;font-size:14px;height:170px;width:500px}#dialog__message-error .dialog__message-content{align-items:flex-start;color:#558232;display:flex;justify-content:flex-start;margin:20px 20px 0 10px;overflow-y:hidden;padding:5px}#dialog__message-error .dialog__message-content p{color:#558232;font-size:12px}#dialog__message-error .dialog__message-title{background:#558232;color:#fff;font-size:14px;font-weight:600;margin:0;padding:0 15px}#dialog__message-error .dialog__message-title h2{font-size:13px;margin:5px 0}#dialog__message-error .MuiDialogActions-root button{background:#558232;color:#fff;font-size:13px;height:25px;width:150px}#dialog__message-error .dialog__message-action{margin:0 10px;padding:15px}#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{border:2px solid #558232;border-radius:2px;font-size:16px;width:403px}#modal__confirm .dialog__message-content{color:#558232;display:flex;font-size:14px;margin:20px 20px 0 15px;overflow-y:hidden;padding:5px 0 0}#modal__confirm .dialog__message-content div{font-size:12px}#modal__confirm .dialog__message-content p{color:#558232}#modal__confirm .dialog__message-title{background:#558232;color:#fff;font-size:14px;font-weight:600;margin:0;padding:0 15px}#modal__confirm .dialog__message-title h2{font-size:13px;margin:5px 0}#modal__confirm .MuiButton-label{font-size:13px!important}#modal__confirm .MuiDialogActions-root button{font-size:13px;height:28px;margin:0 10px;width:128px}#modal__confirm .dialog__message-action{align-items:center;display:flex;justify-content:center;padding:15px 20px}#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{background-color:#fff;border:1px solid #558232!important;color:#3b3838!important;font-size:13px;padding:5px}#modal__confirm .MuiDialog-root .MuiDialog-paperWidthFalse{max-width:350px!important}#confirm-dialog-title{background-color:#558237!important;color:#fff;font-size:16px;padding-bottom:12px;padding-top:12px}#modal__confirm .MuiDialog-container .MuiDialog-paper{height:170px;margin:0;padding:0;width:500px}#modal__confirm .wrapper__opacity{margin:0;padding:0}.message__pre-text{font-size:12px!important;text-align:left!important}.alignEnd{justify-content:end!important}.wrapper__progress-dialog{background-color:#548135!important;border-radius:5px;color:#fff;font-size:14px;left:50%;margin:-30px 0 0 -125px;padding:20px 30px;position:fixed;top:50%!important;width:250px!important;z-index:5}.wrapper__progress-dialog label{font-weight:400}.MuiLinearProgress-root{height:3px;margin-top:5px!important;position:relative}.MuiLinearProgress-bar{background-color:#548135!important;height:5px!important;overflow:hidden}.MuiLinearProgress-barColorPrimary{animation:MuiLinearProgress-keyframes-barColorPrimary 2.1s cubic-bezier(.65,.815,.735,.395) infinite!important;background-color:#fff!important}.MuiLinearProgress-bar2Indeterminate .MuiLinearProgress-barColorPrimary{background-color:#fff!important;display:none}@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{display:flex;height:100%;justify-content:flex-start;width:105px}.MuiButton-containedPrimary{background-color:#558232!important}.wrapper{box-sizing:border-box;display:flex;height:100vh;overflow-y:hidden!important;width:100%}.main-panel{width:calc(100% - 200px)}.main-panel,.main-panel.mob_show{display:flex;flex-direction:column;height:100%}.main-panel.mob_show{width:100%}.side-bar.mob_show{display:none}.hiddenOnScroll{overflow-x:hidden!important;z-index:5}.company-logo{cursor:pointer}@media screen and (max-width:959px){.side-bar{display:none}}.footer .copyright{color:#000;font-family:Roboto,sans-serif;font-size:14px;line-height:1.5;margin:0;padding:15px;text-align:center}.footer{margin-top:10px;min-width:375px}.nav-main{background:inherit;border-bottom:2px solid #e6e7e6;box-sizing:initial;height:60px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:10}.nav-wrapper{color:#558232;display:flex;flex-wrap:wrap;height:60px;margin:0 15px;width:calc(100% - 30px)}.nav-description,.nav-title{align-items:center;display:flex;flex:2 1}.nav-description{font-size:1.1rem;font-weight:500;justify-content:flex-end}.nav-item{cursor:pointer;padding:10px;pointer-events:auto}.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:inherit;text-decoration:none}.nav-userinfo{min-width:100px;padding-right:0}.nav-dropdown{padding-left:0}.nav-logout{cursor:pointer;margin-top:5px;pointer-events:auto}.logout-icon{height:26px;width:26px}.avatar-icon{height:25px;margin:1px 0 0;padding-left:3px;width:25px}.avatar{background-color:#fff;border:1px solid #558232;border-radius:50%;height:30px;width:30px}.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{box-sizing:border-box;height:100%;width:100%}.side-bar{background-color:#f5faeb;display:block;height:100vh;width:200px}.menu-container::-webkit-scrollbar{display:none}.wrapper__side-bar{overflow:auto;position:relative}.wrapper__side-bar::-webkit-scrollbar{display:none}.company-container{height:60px}.company-container,.sidebar-header{align-items:center;display:flex;justify-content:center;width:100%}.sidebar-header{background-color:#558232;height:25px}.header-text{color:#fff;font-size:15px;text-align:center;width:90%}.menu-container{margin-top:10px;overflow:scroll}.sidebar-icon{cursor:pointer;height:20px;width:14px}.link-icon-arrow{align-items:center;cursor:pointer;display:flex;position:absolute;right:0}.sidebar-arrowIcon{height:14px;width:14px}.menu-wrapper{margin:3px 5px 3px 0}.menu-content{padding-left:15px;width:100%}.active-link{color:#cb2f2f!important}.closeMenu-container img{cursor:pointer;height:20px;margin-right:10px;vertical-align:middle;width:20px}.hide-sideBar{display:none}.side-bar .sidebar-logo{background:#fff;border:1px solid #558232;display:block;margin:auto;padding:4px;width:45%}.sidebar-logo{width:100%}.wrapper__side-bar .text-link{display:flex;margin-bottom:2px;text-decoration:none;width:100%}.wrapper__side-bar .link-name{color:#558232;cursor:pointer;font-size:12px}.wrapper__side-bar .link-icon{align-items:center;cursor:pointer;display:flex;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{background-color:#558232;display:flex;height:23px;margin:1px 0;width:100%}.sidebar-item-content{align-items:center;display:flex;height:100%;padding:0 5px;width:100%}.sidebar-item-container a{text-decoration:none}.menu-icon,.menu-text{align-items:center;color:#fafafa;display:flex;font-size:12px;height:20px}.menu-text{margin-left:10px}.changepass-container{padding:60px 0 20px 60px}.content{position:relative}.changepass-container .error-message{color:red;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:13px;left:500px;line-height:13px;margin-top:-15px;position:absolute;white-space:nowrap}.clear-button{background-color:#fff!important;font-size:13px!important}.button{color:#fff;margin-right:20px!important;width:130px}.submit-button:disabled{background-color:#bbb!important}.submit-button{background-color:#558232!important;color:#fff!important;font-size:13px!important}.btn-container{font-size:13px;margin-top:70px}.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{height:100%;margin:0;width:100%}.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{transform:translateY(1.5px) scale(.769)!important;transform-origin:40px 40px}.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{background-color:#fff;color:red;font-size:20px;position:absolute;right:-20px;top:-2px}.changePass-label .error-message{cursor:default;left:50px;letter-spacing:.03333em;line-height:1.66;min-width:-webkit-max-content;min-width:max-content;position:absolute;top:10px}.changePass-label .left140{left:50px}#dialog__message .MuiPaper-root{border:2px solid #558232;border-radius:2px;font-size:14px;width:430px}#dialog__message .dialog__message-content{align-items:flex-start;color:#558232;display:flex;justify-content:flex-start;margin:20px;padding:5px}#dialog__message .dialog__message-content p{color:#558232;font-size:13px}#dialog__message .dialog__message-title{background:#558232;color:#fff;font-size:14px;font-weight:600;margin:0;padding:0 15px}#dialog__message .dialog__message-title h2{font-size:14px;margin:5px 0}#dialog__message .MuiDialogActions-root button{background:#558232;color:#fff;font-size:13px;height:25px;width:150px}#dialog__message .dialog__message-action{margin:0 10px;padding:15px}#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{overflow-y:auto;padding:0 20px 20px 15px}.supplier-container{border-bottom:0;display:flex;min-width:100%;padding-bottom:2px;padding-top:8px}.supplier-header{font-size:15px}.supplier-code{margin-left:10px;width:35%}.supplier-groupTitle{color:#558232;margin-right:10px}.supplier-name{width:87.5%}.supplier-groupTitle-size{overflow:hidden;resize:none;white-space:nowrap}.compliance-record .MuiTableCell-body{padding:0}.compliance-cell{align-items:center;display:flex;font-size:11px;height:35px}.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{cursor:auto;padding:0!important}.radio-checkbox .MuiSvgIcon-fontSizeSmall{font-size:.9rem}.compliance__wrapper .radio-checkbox .MuiSvgIcon-root{height:15px;width:15px}.flex{align-items:flex-end;display:flex;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:1370px){.supplier-code{width:85%!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{align-items:center;display:flex;flex-direction:row;justify-content:space-between;min-width:1050px}.toolbar-no-height-padding-top{padding-top:15px}.toolbar-small{min-width:900px}.actionContainer{align-items:center;display:flex;height:25px;width:100%}.csv-container{height:25px;width:20%}.csv-style{margin-right:30px}.searchContainer{height:100%;margin-right:50px;width:270px}.searchLeftContainer{height:100%;margin-left:50px;width:270px}.search-item{height:100%;width:100%}.icon-redirect{cursor:pointer;height:23px;margin-right:15px;width:23px}.icon-action{cursor:pointer;height:18px;width:16px}.createContainer,.expireDateContainer,.filterIconContainer,.filterWeekContainer,.previewContainer,.timeLabelContainer,.turnBackIconContainer{height:100%;width:-webkit-fit-content;width:fit-content}.icon-filter{height:18px;margin-right:15px;width:16px}.filterWeekContainer{margin-left:20px}.checkboxContainer,.downloadIconContainer,.expireDateContainer,.filterIconContainer,.filterWeekContainer,.timeLabelContainer,.turnBackIconContainer{align-items:center;display:flex}.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%;margin-right:20px;width:90px}.filterContainer{display:flex;height:25px}.dt-week-calendar-container,.year-month-calendar-container{align-items:center;display:flex;flex-direction:row;height:25px}.dt-week-calendar-container,.week-calendar-item{margin-right:15px}.complianceCalendarFilter{display:flex;height:25px;margin-right:20px}.downloadIconContainer{height:100%;margin-right:15px;width:-webkit-fit-content;width:fit-content}.checkboxContainer{margin-right:15px}.calendar-item{height:100%;margin-right:10px;width:95px}.icon-turnback{cursor:pointer;height:24px;width:24px}.calendar-item input{color:#000;font-size:12px}.btn-download{display:flex;height:25px;justify-content:flex-end;margin-bottom:15px;min-width:170px;position:relative}.btn-download,.btn-text{color:#fff;font-size:13px}.btn-text{text-decoration:none}.btn-download .MuiButton-root{font-size:13px;min-width:170px!important}.toolbar .calendar-item .MuiInputBase-root .MuiInputBase-input{font-size:11px!important}.toolbar .MuiSelect-select:focus,.toolbar-no-height .MuiSelect-select:focus{background-color:initial}.approvalContainer,.hqConfirmContainer{align-items:center;display:flex;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;margin-right:10px;width:140px}.choose-all-container .choose-all{background-color:#fff;border:1.9px solid #558232;color:#558232;font-size:13px;height:25px;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{background-color:#558232;color:#fff;font-size:13px;height:25px}.MuiButton-contained:hover{background-color:#558232}.btn-download-all-container :hover{background-color:#558232!important}.infomation-container{margin-left:10px;margin-right:25px;width:14%}.toolbar-to-lbl{color:#a6a6a6;font-size:12px;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{background:#fff;color:red;content:"*";font-size:20px;left:calc(100% + 5px);margin:3px 10px 3px 3px;position:absolute;top:-5px;width:-webkit-max-content;width:max-content}.wrapper_select_input_calendar .MuiTextField-root .MuiInputLabel-formControl.Mui-required .MuiFormLabel-asterisk.MuiInputLabel-asterisk{display:none}.wrapper_select_input_calendar #label{left:38px;position:absolute}.wrapper_select_input_calendar #label.require_label:after{background:#fff;color:red;content:"*";font-size:20px;left:calc(100% + 5px);margin:3px 10px 3px 3px;position:absolute;top:-5px;width:-webkit-max-content;width:max-content}.wrapper_select_input_calendar .label_unshink.MuiInputLabel-shrink{top:22px;transform:translateY(1.5px) scale(1)!important}.wrapper_select_input_calendar .MuiSvgIcon-root.MuiSelect-icon{color:#558232;font-size:32px;right:0;top:calc(50% - 17px);transform:scaleY(1.5)}.wrapper_select_input_calendar .MuiOutlinedInput-root{border-radius:4px;color:#558232;font-size:12px;height:25px;position:relative}.wrapper_select_input_calendar .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#558232}.wrapper_select_input_calendar .MuiOutlinedInput-notchedOutline{border-color:#505050e6}.select-item .select-container .MuiFormControl-root,.select-item .select-container .MuiInputBase-root,.sorted-select .sorted-container .MuiFormControl-root,.sorted-select .sorted-container .MuiInputBase-root{height:100%;width:100%}.select-item .select-container .MuiSelect-root,.sorted-select .sorted-container .MuiSelect-root{color:#558232;width:100%}.select-item .select-container .MuiOutlinedInput-input,.sorted-select .sorted-container .MuiOutlinedInput-input{padding-bottom:0;padding-top:0}.maintain-wrapper .select-item .Mui-focused .MuiSelect-select{background:#0000}.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{left:10px;top:17px}.triangle{border-color:#0000 #0000 #558232;border-style:solid;border-width:2px 20px 32px 5px;left:0;z-index:0}.triangle,.triangle-hiden{content:"";display:block;position:absolute;top:-2px;width:0}.triangle-hiden{border-color:#0000 #0000 #fff;border-style:solid;border-width:3px 20px 32px 4px;left:1px;z-index:1}.infoText{left:-20px;position:relative;top:20px}.data-download__wrapper{display:block;overflow:auto;width:100%}.data-download__container{margin:0 20px 20px 15px}.data-download__container .calendar-container{display:flex;height:100%;justify-content:flex-start;width:105px}.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{height:80vh;width:80%}#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{background:#01010105;border:none;font-size:14px;height:calc(80vh - 100px);min-width:100%;outline:0;overflow:auto;white-space:pre}.iframe--previewFile__txt div:first-child{padding-bottom:15px}.iframe--previewFile__txt br{content:""}.delivery-data__wrapper{display:block;width:100%}.delivery-data__wrapper .delivery-data__container{margin:0 20px 20px 15px}.delivery-data__container .calendar-container{display:flex;height:100%;justify-content:flex-start;width:105px}.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{display:block;width:100%}.delivery-data-detail__container{margin:0 20px 20px 15px}.delivery-data-detail__container .calendar-container{display:flex;height:100%;justify-content:flex-start;width:105px}.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: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%;max-width:1200px;padding:5px 40px 30px}.userInfo_form_container:first-of-type{padding:5px 40px 0}.change_userPass_header_text,.userInfo_header_text{border-bottom:none;color:#558232;font-size:13px;padding:5px 0 5px 15px}.change_userPass_header,.userInfo_header{background-color:#f5faeb;border-bottom:hidden}.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{font-size:13px;padding:5px 0 2px 10px}.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 .MuiCheckbox-colorSecondary.Mui-checked,.myPage_wrapper .nm-user-container .MuiCheckbox-colorSecondary.Mui-disabled,.myPage_wrapper .nm-user-container .custom-checkbox .Mui-checked .MuiSvgIcon-root{color:grey!important;padding-left:0}.portal-create-content{height:100%}.form-min-width{min-width:500px}.formEdit-container .wrap{padding:0!important}.formEdit-container .wrap-icon{margin:0;padding:10px 15px 0 0;position:relative;top:4px;width:auto}.formEdit-container .icon--deactive{color:#969696!important}.iconForm{height:24px;width:24px}.iconForm-nutel{height:20px;margin-left:5px;width:20px}.formEdit-container .width450{width:450px}.formEdit-container .width450 label{font-size:12px}.portal-create .MuiInputLabel-shrink{transform:translateY(1.5px) scale(.8333334)!important;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{font-size:12px;padding:5px 0 2px 10px}.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{align-items:center;display:flex;justify-content:flex-start}.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{align-items:flex-end;display:flex;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{height:20px;position:relative;width:800px}.icon-container:hover+.infoText-container,.icon-container:hover+.multi-infoText-container{display:block}.infoText-container{display:none;left:20px;position:absolute;top:20px}.infoText{background-color:#fff;border:1.75px solid #558232;border-radius:10px;color:#558232;font-size:12px;overflow:hidden;padding:10px;white-space:nowrap;width:-webkit-fit-content;width:fit-content}.infoText:after{border-color:#0000 #fff;border-style:solid;border-width:7px 20px 7px 0;left:-17px;z-index:1}.infoText:after,.infoText:before{content:"";display:block;position:absolute;top:50%;width:0}.infoText:before{border-color:#0000 #558232;border-style:solid;border-width:7px 22px 7px 0;left:-21px;z-index:0}.mutiple-line .infoText{word-wrap:break-word;white-space:pre-wrap;width:-webkit-fit-content;width:fit-content}.mutiple-line .infoText-container{top:-26px}.custom-background-infor .info-container{height:20px;position:relative;width:800px}.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;left:40px;position:absolute;top:-18px}.custom-background-infor .multi-infoText-container{display:none;left:40px;position:absolute;top:-30px}.custom-background-infor .infoText{background-color:#fff;border:1.75px solid #558232;border-radius:10px;color:#558232;font-size:12px;left:auto;overflow:hidden;padding:10px;top:auto;white-space:nowrap;width:-webkit-fit-content;width:fit-content}.custom-background-infor .infoText-container:after{border-color:#0000 #fff;border-style:solid;border-width:7px 20px 7px 0;content:"";display:block;left:-17px;position:absolute;top:50%;width:0;z-index:1}.custom-background-infor .infoText-container:before{border-color:#0000 #558232;border-style:solid;border-width:7px 22px 7px 0;content:"";display:block;left:-21px;position:absolute;top:50%;width:0;z-index:0}.custom-background-infor .mutiple-line .infoText{word-wrap:break-word;white-space:pre-wrap;width:-webkit-fit-content;width:fit-content}.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{color:#969696;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:12px;padding:40px 20px 20px 15px}.allergen-af-container,.allergen-bf-container,.approval-container,.confirm-container,.product-code-container,.product-name-container,.supplier-code-container,.supplier-name-container,.tradeMark-container{display:flex;line-height:1.1rem;margin-bottom:10px;width:100%}.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{color:#3b3838;width:92.5%}.flex-center{align-items:center;display:flex;justify-content:center}.flex-display{display:flex}.allergen-bf-code{background-color:#558232}.allergen-bf-code,.allergen-bf-code-no-check{color:#fff;height:25px;margin:0 2px 1px 0;width:100px}.allergen-bf-code-no-check{background-color:#bfbfbf}.allergen-af-code{background-color:#ff6;border:2px solid #ffd966;color:#3b3838}.allergen-af-code,.allergen-af-code-no-check{cursor:pointer;height:25px;margin:0 2px 1px 0;width:100px}.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{align-items:center;display:flex;line-height:25px}.allergen-af-row-1,.allergen-bf-row-1{align-items:center;line-height:25px}.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{align-items:center;display:flex}.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{border-color:#558232!important;color:#558232;height:28px;margin:0 20px 0 0!important;width:128px}.button:hover{opacity:.9}.form-compliance-wrapper .submit-button{background-color:#558232!important;color:#fff!important;font-size:13px;height:28px;width:128px}.form-compliance-wrapper .button.clear-button{color:#3b3838;height:28px;width:128px}.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{font-size:11px;width:65px}.allergenContainer{display:flex;line-height:1.1rem;margin-bottom:10px;width:100%}.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{box-sizing:border-box;font-size:16px;margin:0 auto;padding:0}.wrapper__fpwd .wrapper__fpwd-title{border-bottom:2px solid #e6e7e6;color:#558237;font-size:20px;font-weight:600;padding:20px 0;text-align:center}.wrapper__fpwd .wrapper__fpwd-form{margin:auto;max-width:480px}.wrapper__fpwd-form .wrapper__fpwd-helptext{display:flex;font-size:14px;margin:40px 0}.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{color:#3b3838;font-size:16px}.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{align-items:center;display:flex;flex-direction:row;justify-content:flex-start;margin:70px 0}.form-forgot__button .btn-submit-container .btn-submit{background-color:#558237;border-color:#558237;border-radius:4px;color:#fff;font-size:13px;height:30px;max-width:150px;width:150px}.form-forgot__button .btn-cancel-container .btn-cancel{background-color:#fff;border:1px solid #558237;color:#3b3838;font-size:13px;height:30px;margin:0 20px;width:150px}.form-forgot__button .btn-submit-container .btn-submit:hover{background-color:#558237;border:1px solid #558237;color:#fff;opacity:.9}.form-forgot__button .btn-cancel-container .btn-cancel:hover{background-color:#fff;border:1px solid #558237;color:#558237;opacity:.9}.icon-deactive{height:24px;width:24px}.forgot-password-helper-text{font-size:13px}.btn-submit-text{color:#fff}.form-forgot__button .MuiButton-root.Mui-disabled{background-color:#00000042!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{align-items:center;display:flex;height:100%;justify-content:center}.login-form{border-radius:4px;box-shadow:0 7px 8px -4px #0003,0 12px 17px 2px #00000024,0 5px 22px 4px #0000001f!important;height:215px;width:30%;width:370px}.login-form .card{margin-bottom:0!important}.login-form .card .header{padding:0}.login-form .card .content{padding:0 30px 15px}.login-form .header{align-items:flex-end;background-color:#e6fac8!important;border-color:#e6fac8!important;border-radius:0;border-top-left-radius:4px;border-top-right-radius:4px;display:flex;height:45px;justify-content:center}.login-form .header h4{color:#558237;font-size:12px;font-weight:800;overflow:hidden;padding-bottom:5px}.login-form .wrap{height:46px;margin:5px 0}.login-form .wrap .MuiInput-formControl{margin-top:12px}.login-form .wrap-icon{padding-top:10px}.login-form .content input{color:#282828;font-size:12px}.login-button{margin:3px 0 0}.login-button button{background-color:#558237!important;border-color:#558237!important;color:#fff;font-size:13px;height:23px;width:100%}.login-button button:hover{opacity:.9}.login-forget-password{color:#3b3838;font-size:9px;margin-top:13px;text-align:right}.btn-login .MuiButton-label{font-size:12px}.login footer{bottom:0;left:0;position:fixed;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{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.e88cf93e.css.map*/