body{margin:0;font-family:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI","Open Sans","Noto Sans","Montserrat","Antic Slab","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}input{font-family:"Poppins"}*{scrollbar-width:thin}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-thumb{background:rgba(31,67,229,.208);border-radius:5px}@media screen and (max-width:1300px){::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-thumb{background-color:rgba(31,67,229,.573)}}::-webkit-scrollbar-thumb:hover{background-color:rgba(31,67,229,.573)}img:not([src]),img[src=""]{opacity:0}.sortArrow{width:15px;height:15px;border:none;margin-left:5px}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.menuContainer{width:12rem;height:100vh;color:#333;border-right:1px solid #f2e0f7;flex-direction:column;transition:width .3s cubic-bezier(.4,0,.2,1);position:relative}.menuContainer,.menuExpandGroup{box-sizing:border-box;display:flex;background-color:#fff}.menuExpandGroup{height:3.5rem;align-items:center;padding:0 .5rem;flex-shrink:0}.companyLogo{padding:.25rem;height:2rem;width:auto;object-fit:contain;flex-shrink:0;transition:opacity .2s ease;cursor:pointer}.companyLogo:hover{opacity:.8}.menu-toggle-button{position:absolute;top:2.4rem;right:-16px;width:31px;height:31px;border-radius:50%;background:#fff;border:1px solid #f2e0f7;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1000;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:all .25s cubic-bezier(.4,0,.2,1);color:#666}.menu-toggle-button:hover{background:#0b57b4;color:#fff;border-color:#0b57b4;box-shadow:0 4px 12px rgba(11,87,180,.3);transform:scale(1.08)}.menu-toggle-button:active{transform:scale(.95)}.menu-toggle-button.collapsed{right:-16px}.menu-toggle-button svg{width:15px;height:15px;stroke-width:3}.menu2Container{height:100vh;border-right:1px solid #f2e0f7;width:72px;transition:width .3s cubic-bezier(.4,0,.2,1);position:relative}.menu2Container,.menuCollapseGroup{background-color:#fff;display:flex;flex-direction:column;box-sizing:border-box}.menuCollapseGroup{height:3.5rem;align-items:center;justify-content:center;grid-gap:.25rem;gap:.25rem;flex-shrink:0;padding:.5rem 0}.companyLogoCollapsed{height:1.5rem;width:auto;object-fit:contain;cursor:pointer;transition:opacity .2s ease}.companyLogoCollapsed:hover{opacity:.8}.menuItems{flex:1 1;font-size:11px;color:#333;overflow-y:auto;overflow-x:hidden;background-color:#fff;min-height:0}.menuItems::-webkit-scrollbar{width:4px}.menuItems::-webkit-scrollbar-track{background:transparent}.menuItems::-webkit-scrollbar-thumb{background:#d0d0d0;border-radius:2px}.menuItems::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.menuItems{scrollbar-width:thin;scrollbar-color:#d0d0d0 transparent}.profile-section{flex-shrink:0;border-top:1px solid #f2e0f7;background-color:#fafafa;transition:all .3s ease}.profile-section.expanded{padding:2px}.profile-section.collapsed{padding:12px 0;display:flex;justify-content:center}.profile-trigger{display:flex;align-items:center;grid-gap:10px;gap:10px;padding:8px 10px;border-radius:8px;cursor:pointer;transition:background-color .2s ease}.profile-trigger:hover{background-color:rgba(11,87,180,.08)}.profile-section.collapsed .profile-trigger{padding:6px;justify-content:center}.profile-avatar{flex-shrink:0;border:2px solid #e6f4ff;transition:border-color .2s ease}.profile-trigger:hover .profile-avatar{border-color:#0b57b4}.profile-info{display:flex;flex-direction:column;overflow:hidden;min-width:0}.profile-name{font-size:12px;color:#333}.profile-name,.profile-role{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.profile-role{font-size:10px;color:#888}.profile-popover-content{text-align:center;width:180px;padding:8px 0}.profile-popover-avatar{margin-bottom:10px;border:3px solid #e6f4ff}.profile-popover-name{font-size:13px;color:#333;margin-bottom:2px}.profile-popover-role{color:#888;font-size:11px;margin-bottom:12px}.profile-popover-logout-btn{width:100%}.custom-ant-menu{background:transparent!important;padding:8px!important;height:auto!important;overflow:visible!important}.custom-ant-menu,.custom-ant-menu.ant-menu-inline,.custom-ant-menu.ant-menu-vertical{border:none!important}.custom-ant-menu .ant-menu-submenu-title{color:#333!important}.custom-ant-menu .ant-menu-item,.custom-ant-menu .ant-menu-submenu-title{display:flex!important;align-items:center!important;height:40px!important;line-height:40px!important;margin:4px 0!important;border-radius:8px!important;font-size:12px;transition:all .25s ease;color:#777;padding:0 16px!important;width:100%!important;overflow:hidden}.custom-ant-menu .ant-menu-item .ant-menu-item-icon,.custom-ant-menu .ant-menu-submenu-title .ant-menu-item-icon{display:inline-flex;align-items:center;min-width:15px;width:16px;height:16px}.custom-ant-menu .ant-menu-title-content{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-ant-menu .ant-menu-item:hover,.custom-ant-menu .ant-menu-submenu-title:hover{background:rgba(11,87,180,.08)!important;color:#0b57b4!important;cursor:pointer}.custom-ant-menu .ant-menu-item:hover .menu-icon,.custom-ant-menu .ant-menu-submenu-title:hover .menu-icon{filter:brightness(1.2)}.custom-ant-menu .ant-menu-item-selected{background:#e6f4ff!important;color:#0b57b4!important;font-weight:500}.custom-ant-menu .ant-menu-submenu-selected>.ant-menu-submenu-title{color:#0b57b4!important;background:rgba(11,87,180,.05);font-weight:500}.ant-menu-inline-collapsed .ant-menu-item{justify-content:center}.menu-icon{width:15px;height:15px;filter:grayscale(40%);transition:all .3s ease}.menu-icon,.submenu-icon{margin-right:8px;flex-shrink:0;display:inline-flex;align-items:center}.submenu-icon{width:13px;height:13px}.custom-ant-menu .ant-menu-sub{padding:0!important;background:transparent!important;width:100%!important;overflow:visible!important;max-height:none!important}.custom-ant-menu .ant-menu-sub .ant-menu-item{padding-left:32px!important;padding-right:16px!important;height:40px!important;line-height:40px!important}.custom-ant-menu .ant-menu-submenu-arrow{right:16px!important;position:absolute;color:#666;transition:transform .2s ease;margin-left:auto!important}.custom-ant-menu .ant-menu-submenu-open>.ant-menu-submenu-title .ant-menu-submenu-arrow{transform:rotate(180deg)}.custom-ant-menu .ant-menu-submenu-arrow:after,.custom-ant-menu .ant-menu-submenu-arrow:before{background:#666}.collapsed-menu-item{display:flex;justify-content:center;align-items:center;height:40px;cursor:pointer;border-bottom:1px solid #f0f0f0;padding:0 16px!important;width:100%!important;transition:background-color .2s ease}.collapsed-menu-item:hover{background-color:#f5f5f5}.collapsed-menu-icon{width:17px;height:17px}.ant-menu-submenu-popup{max-height:none!important;overflow:visible!important;position:absolute!important;z-index:1050!important;background-color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.15);border-radius:4px;padding:4px 0}.ant-menu-submenu-popup .ant-menu{max-height:300px!important;overflow-y:auto!important;overflow-x:hidden!important}.ant-menu-submenu-popup .ant-menu-item{white-space:nowrap}.ant-menu-submenu-popup .ant-menu::-webkit-scrollbar{width:4px}.ant-menu-submenu-popup .ant-menu::-webkit-scrollbar-track{background:#f1f1f1}.ant-menu-submenu-popup .ant-menu::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:2px}.ant-menu-submenu-popup .ant-menu::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media screen and (max-width:767px){.menuContainer{position:fixed;left:0;top:0;z-index:1001;height:100vh;box-shadow:4px 0 12px rgba(0,0,0,.15);width:280px;background-color:#fff}.menu2Container{display:none}.detailsContainer{margin-left:0}.menuExpandGroup{height:3rem;padding:0 .75rem}.companyLogo{height:1.5rem;max-width:80px}.menu-toggle-button{width:27px;height:27px;right:-14px}.menu-toggle-button svg{width:13px;height:13px}.menuItems{font-size:11px}.custom-ant-menu .ant-menu-item,.custom-ant-menu .ant-menu-submenu-title{font-size:12px;height:40px}.custom-ant-menu .ant-menu-sub .ant-menu-item{height:40px}.profile-section.expanded{padding:2px}.profile-name{font-size:11px}.profile-role{font-size:9px}@media screen and (max-width:480px){.menuContainer{width:260px}.companyLogo{max-width:60px}.menuExpandGroup{padding:0 .5rem}}}@media screen and (min-width:768px) and (max-width:1199px){.menuContainer{width:13rem}.menuExpandGroup{height:3rem;padding:0 .5rem}.companyLogo{height:1.75rem;max-width:100px}.companyLogoCollapsed{height:1.25rem}.menu-toggle-button{width:29px;height:29px}.menu-toggle-button svg{width:14px;height:14px}.menuItems{font-size:12px}.custom-ant-menu .ant-menu-item,.custom-ant-menu .ant-menu-submenu-title{font-size:12px;height:42px}.custom-ant-menu .ant-menu-sub .ant-menu-item{height:42px}.profile-section.expanded{padding:2px}}@media screen and (min-width:1200px) and (max-width:1439px){.menuContainer{width:15rem}.menuExpandGroup{height:3.5rem}.companyLogo{height:2rem;max-width:111px}.companyLogoCollapsed{height:1.5rem}.menuItems{font-size:12px}.custom-ant-menu .ant-menu-item,.custom-ant-menu .ant-menu-submenu-title{font-size:12px;height:42px}.custom-ant-menu .ant-menu-sub .ant-menu-item{height:42px}}@media screen and (min-width:1440px){.menuContainer{width:14.8rem}.menuExpandGroup{height:3.5rem}.companyLogo{height:2.25rem;max-width:110px}.companyLogoCollapsed{height:1.75rem}.menuItems{font-size:13px}.custom-ant-menu .ant-menu-item,.custom-ant-menu .ant-menu-submenu-title{font-size:14px;height:44px}.custom-ant-menu .ant-menu-sub .ant-menu-item{height:44px}.profile-name{font-size:13px}.profile-role{font-size:11px}}@media screen and (min-width:1800px){.menuItems{font-size:13px}.custom-ant-menu .ant-menu-item,.custom-ant-menu .ant-menu-submenu-title{font-size:13px;height:44px}.custom-ant-menu .ant-menu-sub .ant-menu-item{height:44px}}.pageTitle{box-sizing:border-box;background-color:#fff;padding:8px 18px;border-bottom:1px solid #f2e0f7;display:flex;height:-moz-fit-content;height:fit-content;align-items:center;position:sticky;top:0}.pageTitleImage{width:1.5rem;height:1.5rem;margin:auto}@media screen and (min-width:1400px){.pageTitleImage{width:1.75rem;height:1.75rem}}@media screen and (min-width:1800px){.pageTitleImage{width:2rem;height:2rem}}.pageTitleText{vertical-align:top;padding-left:10px;line-height:1.5rem;font-size:12px;color:#1f43e5;font-weight:500;text-transform:uppercase;flex:1 1}@media screen and (min-width:1400px){.pageTitleText{line-height:2.5rem;font-size:16px}}@media screen and (min-width:1800px){.pageTitleText{line-height:2.5rem;font-size:16px}}.btn{margin-top:5px!important}.buttonList{display:flex;align-items:center}.Icon{max-width:4rem!important;min-width:3rem!important}.filterBtn{position:relative;display:inline-flex;align-items:center;justify-content:center;color:#1f43e5;border-color:#1f43e5}.filterBtn:hover{opacity:.8}.primaryBtn{max-width:15rem;min-width:8rem;width:-moz-fit-content;width:fit-content;padding:5px;font-size:12px;border-radius:5px;border:none;cursor:pointer;margin:auto 3px auto 5px;font-family:"Poppins",-apple-system,BlinkMacSystemFont,sans-serif;color:#fff;background-color:#1f43e5}.primaryBtn:hover{opacity:.8}.secondaryBtn{max-width:15rem;min-width:8rem;width:-moz-fit-content;width:fit-content;padding:5px;font-size:12px;border-radius:5px;border:none;cursor:pointer;margin:auto 3px auto 5px;font-family:"Poppins",-apple-system,BlinkMacSystemFont,sans-serif;color:#fff;background-color:#e51f29}.secondaryBtn:hover{opacity:.8}.backBtn{max-width:15rem;min-width:8rem;width:-moz-fit-content;width:fit-content;padding:5px;font-size:12px;border-radius:5px;border:none;cursor:pointer;margin:auto 3px auto 5px;font-family:"Poppins",-apple-system,BlinkMacSystemFont,sans-serif;color:#fff;background-color:#666}.backBtn:hover{opacity:.8}@media screen and (min-width:1400px){.pageTitle-button{font-size:12px}}@media screen and (min-width:1800px){.pageTitle-button{font-size:16px}}.imageIconButton{width:2.25rem;padding:1px;vertical-align:middle;border-radius:2px;border:none;cursor:pointer;background-color:#fff;margin:0 auto 0 5px}.imageIcon{width:100%;height:100%}.imageIcon:hover,.imageIconButton:hover{background-color:#add8e6}.uomListArea{box-sizing:border-box;margin:1rem 1.5rem;overflow:auto}.uomListTable{box-sizing:border-box;width:100%;max-height:80%;white-space:nowrap;border-collapse:collapse;overflow-x:auto}.uomListHeader{background-color:#fff;position:sticky;top:0;border-collapse:initial;border-spacing:0 1px;border-bottom:10px solid #eee;box-shadow:0 0 2px 2px #d3d3d3}.uomSymbolHeader{box-sizing:border-box;padding:10px 20px;font-size:12px;font-weight:500;color:#14c76a}@media screen and (min-width:1400px){.uomSymbolHeader{padding:15px 30px}}@media screen and (min-width:1800px){.uomSymbolHeader{padding:15px 30px}}.uomActionHeader{color:#14c76a;font-weight:500;padding:10px 20px;font-size:12px;text-align:end}@media screen and (min-width:1400px){.uomActionHeader{padding:15px 30px}}@media screen and (min-width:1800px){.uomActionHeader{padding:15px 30px}}.uomEditImage{width:1rem;height:2rem}.uomListData{box-sizing:border-box;width:100%;background-color:#fff;font-size:20px;color:#14c76a;color:#666;font-size:12px;border-top:5px solid #eee}.uomSymbolData{padding:5px 20px}@media screen and (min-width:1400px){.uomSymbolData{padding:10px 30px}}@media screen and (min-width:1800px){.uomSymbolData{padding:10px 30px}}.uomSymbolData2{padding:0 5px 0 20px}.uomSymbolData3{display:flex;padding:5px 20px}.uomActionData{padding:5px 20px;text-align:end}.uomEditImage{height:1rem;cursor:pointer}.createUom{box-sizing:border-box;width:100%;border:2px solid #d3d3d3;font-size:12px;padding-left:10px}@media screen and (min-width:1800px){.createUom{font-size:16px}}.uomCreateDescriptionData{flex:2 1;padding:0 10px;display:flex}.createUom2{flex:1 1;box-sizing:border-box;border:2px solid #d3d3d3;font-size:12px;padding-left:10px}@media screen and (min-width:1800px){.createUom2{font-size:16px}}.formElement{height:100%;display:flex;flex-direction:column}@media screen and (max-width:860px){.formElement{height:50%;display:flex;flex-direction:column;margin:1px}.formElement>:first-child{margin:0}.react-datepicker-wrapper>*{font-size:smaller}}.hintText{font-size:10px;color:#999;padding-right:5px;margin-bottom:5px}.mandatory{line-height:10px;font-size:10px;font-weight:700;color:red}.commonInput{border:1px solid #ddd;border-radius:10px}.commonInput,.commonInputError{width:100%;height:100%;box-sizing:border-box;color:#333;font-size:14px;flex:1 1;padding:0 10px}.commonInputError{border-radius:10px;border:1px solid #ee3f3f}.commonDropdown{border:1px solid #ddd;border-radius:10px}.commonDropdown,.commonDropdownError{width:100%;height:100%;box-sizing:border-box;color:#333;font-size:14px;flex:1 1;padding-left:10px}.commonDropdownError{border-radius:10px;border:1px solid #ee3f3f}.react-datepicker-wrapper{border:1px solid #c0b6b6!important;color:#333;border-radius:10px;background-color:#fff}.datePickerWrapperCustom,.react-datepicker-wrapper{width:100%;height:100%;box-sizing:border-box;font-size:14px;flex:1 1}.datePickerWrapperCustom{border:none!important;background-color:initial;border-radius:10px;padding:0!important}.datePickerWrapperCustomError{border:1px solid red!important}.datePickerWrapperDisabled{border:1px solid #ddd;font-size:20px;border-radius:10px;background-color:#f0f0f0}.datePickerWrapperDisabled,.react-datepicker__input-container{width:100%;height:100%;box-sizing:border-box;color:#333;flex:1 1}.react-datepicker__input-container{font-size:14px;border-radius:10px;border:none}.react-datepicker__close-icon:after{cursor:pointer;color:#b3b3b3;background-color:#fff;border-radius:50%;height:16px;width:16px;padding:2px 2px 3px;font-size:16px;font-weight:700;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"\00d7"}.commonDatepicker{height:100%;padding-left:10px;vertical-align:middle;display:flex;align-items:center;border-radius:5px;background-color:#fff}.inputFile{padding-left:5px;padding-top:8px}.inputDone,.inputFile{width:100%;height:100%;box-sizing:border-box;border:1px solid #ddd;color:#333;font-size:14px;flex:1 1;border-radius:10px;font-size:12px}.inputDone{text-align:center;align-items:center;justify-content:center;display:flex;overflow:hidden}.inputLabel{border:1px solid #ddd;border-radius:10px;display:flex;align-items:center;justify-content:center}.inputLabel,.inputLabelError{width:100%;height:100%;box-sizing:border-box;color:#333;font-size:14px;flex:1 1;text-align:center;background:linear-gradient(#fff,#d3d3d3);cursor:pointer}.inputLabelError{border-radius:10px;padding-top:8px;border:1px solid #ee3f3f}.inputLabel:hover,.inputLabelError:hover{background:linear-gradient(#d3d3d3,#a9a9a9);color:#fff}#upload_file,#upload_photo{opacity:0;position:absolute;top:10px;left:10px;z-index:-1}.formAddButton{background-color:#1f43e5;cursor:pointer;line-height:1.75rem;margin-top:2em!important}.formAddButton,.formAddButtonDisabled{height:100%;padding:0;text-align:center;color:#fff;border:1px solid transparent;display:flex;align-items:center;justify-content:center}.formAddButtonDisabled{background-color:#ff9011;cursor:no-drop}.topBannerDiv{box-sizing:border-box;height:2rem;background-color:#fff;display:flex;border-bottom:1px solid #f2e0f7;position:sticky;top:0}@media screen and (min-width:1400px){.topBannerDiv{height:3rem}}@media screen and (min-width:1800px){.topBannerDiv{height:3rem}}.companyName{width:16rem;font-weight:600;font-size:24px;color:#fff;line-height:24px;padding:.75rem 1rem}.searchBar{box-sizing:border-box;margin:.5rem 0 .5rem 2px;height:2rem;width:30rem;border:1px solid transparent;border-radius:5px;padding:0 10px;font-size:16px}.logOutGroup,.logOutGroup:hover{display:flex;cursor:pointer}.logOutGroup:hover{background-color:#f3f5f9}.logoutText{font-weight:600;font-size:16px;color:#fff;line-height:16px;padding:1rem 1rem 1rem .5rem}.logoutPopoverContent{width:6rem;background-color:#fff;padding:1rem;border-radius:5px;margin-right:.5rem;border:1px solid #f2e0f7;box-shadow:0 5px 5px 2px #d3d3d3;align-content:center}@media screen and (min-width:1400px){.logoutPopoverContent{width:10rem}}@media screen and (min-width:1800px){.logoutPopoverContent{width:10rem}}.topBannerUserImage{box-sizing:border-box;height:1.5rem;width:1.5rem;margin:.25rem 1rem;background-color:#fff;border-radius:50%;border:2px solid #f2e0f7}@media screen and (min-width:1400px){.topBannerUserImage{height:2.5rem;width:2.5rem;margin:.25rem 2rem}}@media screen and (min-width:1800px){.topBannerUserImage{height:2.5rem;width:2.5rem;margin:.25rem 2rem}}.popoverUserImage{box-sizing:border-box;height:4rem;width:4rem;margin:1rem;background-color:#fff;border-radius:50%;border:2px solid #d3d3d3}@media screen and (min-width:1400px){.popoverUserImage{height:6rem;width:6rem;margin:1rem 2rem}}@media screen and (min-width:1800px){.popoverUserImage{height:6rem;width:6rem;margin:1rem 2rem}}.popoverEmployeeName{width:100%;text-align:center;font-size:16px;color:#1f43e5;font-weight:600}@media screen and (min-width:1400px){.popoverEmployeeName{font-size:20px}}@media screen and (min-width:1800px){.popoverEmployeeName{font-size:20px}}.popoverEmployeeId{width:100%;text-align:center;font-size:12px;color:#666}@media screen and (min-width:1400px){.popoverEmployeeId{font-size:16px}}@media screen and (min-width:1800px){.popoverEmployeeId{font-size:16px}}.logoutButton{width:auto;min-width:80%;height:1.25rem;margin:.25rem auto;background-color:#eee;border:1px solid transparent;border-radius:3px;color:#14c76a;font-size:12px;font-weight:600;padding:0;display:block}@media screen and (min-width:1400px){.logoutButton{height:1.75rem;margin:.75rem auto;font-size:14px}}@media screen and (min-width:1800px){.logoutButton{height:1.75rem;margin:.75rem auto;font-size:14px}}.logoutButton:hover{border:1px solid #d3d3d3;cursor:pointer}.errorHeading{font-size:20px;padding-bottom:1rem}.errorSection{font-size:16px;font-weight:550;text-align:center;color:red;text-decoration:underline}.errorDetail{padding:0 20px;text-align:center}.noRecordsYet{text-align:center;font-size:24px;color:#ccc;font-weight:400;padding:3rem 0;font-style:italic}.noAccessContainer{height:100vh;width:100vw;display:flex;flex-direction:column;color:#1f43e5;font-size:24px;align-items:center;justify-content:center;font-weight:700}.noAccessBackToHome{cursor:pointer;text-decoration:underline}.poDeclineMultilineInput{border:1px solid #c8c8c8}.poDeclineMultilineInput,.poDeclineMultilineInputError{width:100%;box-sizing:border-box;color:#666;font-size:16px;background-color:#fff;flex:1 1;padding:10px}.poDeclineMultilineInputError{border:1px solid red}.purchaseImportInput{width:100%;height:100%;box-sizing:border-box;border:1px solid #c8c8c8;color:#666;font-size:16px;flex:1 1;background-color:#fff;display:flex;text-align:center;align-items:center;justify-content:center;background:linear-gradient(#fff,#d3d3d3);cursor:pointer}.customLineCheck{font-size:15px;width:60px;color:#1d4bcc;margin-top:15px;font-weight:400;cursor:pointer;grid-area:auto/auto/span 1/span 2}.customLineCheck>img{font-size:24px;height:20px;width:20px;margin:2px}.disableBomPOPup{color:grey;position:relative;display:inline-block}.disableBomPOPup>img{filter:grayscale(1);-webkit-filter:grayscale(1)}.disableBomPOPup:after{content:"Please select Line item";position:absolute;top:0;right:0;left:0;width:max-content;font-size:12px;display:none;text-align:center;background-color:rgba(0,0,0,.696);color:#fff;border-radius:4px;padding:4px;z-index:19}.disableBomPOPup:hover:after{display:block}.saleOrderHeader{display:inline-block;padding:0 30%;text-align:center}.saleOrderFooter{display:grid;grid-template-rows:1fr;grid-template-columns:3.5fr 1fr 1.5fr;text-align:center}.bomLevelColumn{display:flex;justify-content:space-around;font-size:medium;max-width:55px;font-family:cursive}.eway-modal-overlay{background-color:hsla(0,0%,50.2%,.5);z-index:1000}.eway-modal-content{width:800px;height:70vh;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:8px;padding:20px;overflow:auto;font-family:Arial,sans-serif;background-color:#fff;border:1px solid #ccc}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:hsla(0,0%,50.2%,.5);z-index:1000;display:flex;justify-content:center;align-items:center}.modal-content{width:500px;height:50vh;background-color:#fff;border-radius:8px;padding:20px;overflow:auto;border:1px solid #ccc}.modal-message{white-space:pre-line;margin-bottom:20px;overflow-y:auto;flex:1 1}.modal-close-btn{background-color:#007bff;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;float:right}.eway-form{display:flex;flex-direction:column;grid-gap:20px;gap:20px;font-family:Arial,sans-serif}.eway-title{color:#1976d2;text-align:center;margin-bottom:10px;font-size:1.1rem;font-weight:700}.eway-section{margin-bottom:5px;padding-bottom:5px;border-bottom:1px solid #eee}.eway-section-title{font-size:.9rem;color:#333;margin-bottom:8px;font-weight:600}.eway-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;margin-bottom:10px}@media screen and (max-width:900px){.eway-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:600px){.eway-grid{grid-template-columns:1fr}}.eway-label{display:block;margin-bottom:5px;font-weight:500;color:#555;font-size:14px}.eway-input{width:100%;padding:4px 6px;font-size:13px;border:1px solid #ccc;border-radius:4px}.eway-input:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 2px rgba(25,118,210,.2)}.eway-select{width:100%;padding:8px 12px;font-size:14px;border:1px solid #ccc;border-radius:4px;background-color:#fff;cursor:pointer}.eway-button-group{display:flex;justify-content:flex-end;grid-gap:10px;gap:10px;margin-top:10px}.eway-btn{padding:8px 16px;border-radius:4px;cursor:pointer;font-weight:500;font-size:14px;transition:all .3s ease;border:1px solid #ccc}.eway-btn-cancel{background-color:#f5f5f5;color:#333}.eway-btn-cancel:hover{background-color:#e0e0e0}.eway-btn-submit{background-color:#1976d2;border:1px solid #1976d2;color:#fff}.eway-btn-submit:hover{background-color:#115293;border-color:#115293}.small-date{max-width:200px}.small-field{max-width:150px}.small-field2{max-width:165px}.eway-error{color:#d32f2f;font-size:12px}.eway-input-error{border-color:#d32f2f}@media (max-width:900px){.eway-modal-content{width:90%;height:80vh}}.eway-error-border{border:1px solid red}.eway-error{color:red;font-size:.8rem;margin-top:4px;display:block}.createCustomerIndividualTabDetails{display:grid;grid-gap:10px 30px;gap:10px 30px;grid-template-columns:repeat(16,1fr);padding:20px;grid-template-rows:repeat(4,4rem)}.createCustomerDeliverCopyAddressWrapper{font-weight:700;font-size:16px;color:#666}.createCustomerDeliverCopyAddress{margin:20px 10px 0 20px}.createCustomerGeneralGrid{display:grid;grid-gap:10px 30px;gap:10px 30px;grid-template-columns:repeat(16,1fr);grid-template-rows:repeat(5,4rem)}.customerDeliverAddress{margin:20px auto 50px;width:90%;overflow:hidden}.customerDeliverAddressIndiCard{width:100%;background-color:#eee;margin-top:30px}.customerDeliverCardTitle{flex:1 1;background-color:#eee;border-bottom:3px solid #fff;padding:15px 30px;font-size:16px;font-weight:700;color:#14c76a}.customerDeliverArrow{padding:10px 20px}.customerDeliverCardGrid{padding:20px 50px;width:100%;display:flex}.customerDeliverLeftCard{flex:1 1;display:grid;grid-template-columns:1fr 10px 3fr;grid-gap:10px 5px;gap:10px 5px}.customerDeliverRightCard{flex:1 1;display:grid;grid-template-columns:1fr 10px 2fr;grid-gap:10px 5px;gap:10px 5px}.pagination-container{display:flex;list-style-type:none;justify-content:center;margin:0}.pagination-container .pagination-item{padding:0 12px;height:32px;text-align:center;margin:auto 4px;color:rgba(0,0,0,.87);display:flex;box-sizing:border-box;align-items:center;letter-spacing:.01071em;border-radius:16px;line-height:1.43;font-size:13px;min-width:32px}.pagination-container .pagination-item.dots:hover{background-color:initial;cursor:default}.pagination-container .pagination-item:hover{background-color:rgba(0,0,0,.04);cursor:pointer}.pagination-container .pagination-item.selected{background-color:rgba(0,0,0,.08)}.pagination-container .pagination-item .arrow:before{position:relative;content:"";display:inline-block;width:.4em;height:.4em;border-right:.12em solid rgba(0,0,0,.87);border-top:.12em solid rgba(0,0,0,.87)}.pagination-container .pagination-item .arrow.left{transform:rotate(-135deg) translate(-50%)}.pagination-container .pagination-item .arrow.right{transform:rotate(45deg)}.pagination-container .pagination-item.disabled{pointer-events:none}.pagination-container .pagination-item.disabled .arrow:before{border-right:.12em solid rgba(0,0,0,.43);border-top:.12em solid rgba(0,0,0,.43)}.pagination-container .pagination-item.disabled:hover{background-color:initial;cursor:default}.gotoPage{position:relative;font-size:small;width:180px}.gotoPage input[type=text]{text-align:right;border:1px solid grey;border-radius:20px;max-width:100px;padding-right:25px}.gotoPage .label{position:absolute;top:3px;left:3px;padding-right:5px;font-size:smaller;width:80px}.completePage{width:100%;min-height:100vh}.completePage,.detailsContainer{box-sizing:border-box;height:100vh;display:flex}.detailsContainer{flex:1 1;background-color:#f3f5f9;flex-direction:column;max-width:100vw;overflow:hidden}@media screen and (max-width:1300px){.detailsContainer{margin-left:none;width:95vw;overflow-x:hidden}}.employeeButton{max-width:15rem;min-width:8rem;width:-moz-fit-content;width:fit-content;padding:5px 12px;font-size:11px;border-radius:5px;border:none;cursor:pointer;background:linear-gradient(90deg,#1f43e5,#1f43e5);background-color:#fff;color:#fff;margin:2px auto 2px 5px;font-family:"Poppins",-apple-system,BlinkMacSystemFont,sans-serif}.filterButton{width:7rem;grid-gap:6px;gap:6px;font-size:12px!important;padding:5px 12px!important}@media screen and (min-width:1400px){.employeeButton{font-size:12px;margin:0 auto;padding:5px}}@media screen and (min-width:1800px){.employeeButton{font-size:16px;margin:0 auto;padding:7px 5px}}@media screen and (min-width:1400px){.employeeButton{margin-left:5px}}@media screen and (min-width:1800px){.employeeButton{margin-left:5px}}.modalButton{width:9rem;padding:5px;font-size:12px;border-radius:5px;border:none;cursor:pointer;background:linear-gradient(90deg,#1f43e5,#1f43e5);margin:0 auto;color:#fff}@media screen and (min-width:1400px){.modalButton{width:12rem;font-size:12px;margin:0 auto;padding:7px 5px;border-radius:10px}}@media screen and (min-width:1800px){.modalButton{width:12rem;font-size:16px;margin:0 auto;padding:7px 5px;border-radius:10px}}.employeeListArea{box-sizing:border-box;margin:1rem 1.5rem;overflow:auto}.employeeFilterArea{display:flex;flex-wrap:wrap;grid-gap:10px;gap:10px;margin-left:1.5rem}.employeePaginationArea{display:flex;align-items:center;justify-content:center;padding:2px 0 8px}.employeeListTable{box-sizing:border-box;width:100%;white-space:nowrap;border-collapse:collapse;overflow-x:auto}.employeeListHeader{background-color:#fff;position:sticky;top:0;border-collapse:initial;border-spacing:0 1px;border-bottom:10px solid #eee;box-shadow:0 0 2px 2px #d3d3d3}.employeeNameHeader{box-sizing:border-box;font-size:12px;font-weight:500;color:#14c76a;padding:10px 20px}@media screen and (min-width:1400px){.employeeNameHeader{padding:15px 30px}}@media screen and (min-width:1800px){.employeeNameHeader{padding:15px 30px}}.employeeActionHeader{color:#14c76a;font-weight:500;font-size:12px;text-align:end;padding:10px 20px}@media screen and (min-width:1400px){.employeeActionHeader{padding:15px 30px}}@media screen and (min-width:1800px){.employeeActionHeader{padding:15px 30px}}.employeeList{box-sizing:border-box;width:100%;font-size:20px;color:#14c76a;background-color:#fff;color:#666;font-size:12px;margin-top:5px;overflow:hidden;border-radius:5px;border-top:5px solid #eee}.employeeName{padding:10px 20px}@media screen and (min-width:1400px){.employeeName{padding:10px 30px}}@media screen and (min-width:1800px){.employeeName{padding:10px 30px}}.employeeAction{padding:10px 30px;text-align:end}.employeeActionImage{box-sizing:border-box;padding:2px 4px;height:1rem;cursor:pointer}@media screen and (min-width:1400px){.employeeActionImage{padding:2px 4px;height:1rem}}@media screen and (min-width:1800px){.employeeActionImage{padding:4px;height:1.25rem}}.formArea{box-sizing:border-box;margin:1rem 1.5rem 0;overflow:auto}.formGrid{display:grid;grid-gap:10px 30px;gap:10px 30px;grid-template-columns:repeat(16,1fr);grid-template-rows:repeat(4,4rem)}.profilePhoto{box-sizing:border-box;color:#666;font-size:12px;text-align:center;vertical-align:middle;grid-column:auto/span 3;grid-row:auto/span 2;display:flex;flex-direction:column;position:relative}.photoArea{flex:1 1;background-color:#d3d3d3;border-radius:10px;max-width:100%;object-fit:contain;max-height:calc(8rem + 10px)}.uploadEditProfilePhoto{position:absolute;padding:2px 5px;border-radius:10px 0 10px 0;background-color:grey;color:#fff;bottom:0;right:0;cursor:pointer}.uploadEditProfilePhotoError{position:absolute;padding:5px;border-radius:0 0 5px 0;background-color:#fff;bottom:0;right:0;cursor:pointer;border:1px solid #ee3f3f}.uploadEditProfilePhoto:hover{background-color:#5f5f5f;color:#fff}#uploadProfilePhoto{opacity:0;position:absolute;z-index:-1}.name,.role{grid-column:auto/span 3}.email,.general{grid-column:auto/span 4}.subTitle{box-sizing:border-box;margin:3rem 0 1rem;font-weight:500;font-size:12px;color:#1f43e5;text-transform:uppercase}@media screen and (min-width:1400px){.subTitle{font-size:14px}}@media screen and (min-width:1800px){.subTitle{font-size:14px}}.personalDetails{display:grid;grid-gap:10px 30px;gap:10px 30px;grid-template-columns:repeat(16,1fr);grid-template-rows:repeat(5,4rem)}.emergencyDetails{display:grid;grid-gap:10px 30px;gap:10px 30px;grid-template-columns:repeat(16,1fr);grid-template-rows:repeat(1,4rem)}.bankDetails{display:grid;grid-gap:10px 30px;gap:10px 30px;grid-template-columns:repeat(16,1fr);grid-template-rows:repeat(2,4rem)}.accountPassword,.additionalNotes{display:grid;grid-gap:10px 30px;gap:10px 30px;grid-template-columns:repeat(16,1fr);grid-template-rows:repeat(1,4rem)}.formSubmitArea{width:100%;box-sizing:border-box;background-color:#fff;padding:8px 18px;border-bottom:1px solid #f2e0f7;border-top:1px solid #f2e0f7}.formSubmitInnerArea{display:flex;justify-content:flex-end}.formSubmitErrorTextArea{flex:1 1;color:red;font-size:20px;margin:auto;text-align:left}.submitButton{width:9rem;padding:5px;font-size:12px;border-radius:5px;border:none;cursor:pointer;margin:5px;background-color:#1f43e5;color:#fff}@media screen and (min-width:1400px){.submitButton{width:12rem;font-size:12px;margin:0 auto;padding:7px 5px;border-radius:10px}}@media screen and (min-width:1800px){.submitButton{width:12rem;font-size:16px;margin:0 auto;padding:7px 5px;border-radius:10px}}@media screen and (min-width:1400px){.submitButton{margin:5px}}@media screen and (min-width:1800px){.submitButton{margin:5px}}.cancelButton{width:9rem;padding:5px;font-size:12px;border-radius:5px;border:none;cursor:pointer;margin:5px;background:grey;color:#fff}@media screen and (min-width:1400px){.cancelButton{width:12rem;font-size:12px;margin:0 auto;padding:7px 5px;border-radius:10px}}@media screen and (min-width:1800px){.cancelButton{width:12rem;font-size:16px;margin:0 auto;padding:7px 5px;border-radius:10px}}@media screen and (min-width:1400px){.cancelButton{margin:5px}}@media screen and (min-width:1800px){.cancelButton{margin:5px}}.employeeSummary{width:100%;margin:0 auto;display:flex}.employeeImage{box-sizing:border-box;background-color:#fff;border:2px solid #d3d3d3;border-radius:5px;width:10rem;height:10rem;min-width:10rem;min-height:10rem;object-fit:contain}.employeeCurrentStatus{width:100%;text-align:center}.employeeStatus{font-size:16px;font-weight:700;color:#029402}.employeeStatusInactive{font-size:16px;font-weight:700;color:#9e9e9e}.employeeSummaryText{margin:0 50px}.employeeSummaryName{font-size:20px;font-weight:700}.employeeSummaryRole{font-size:20px;color:#14c76a}.employeeSummaryGrid{padding-top:20px;display:grid;grid-template-columns:1fr 2fr;grid-gap:10px 5px;gap:10px 5px;white-space:nowrap;overflow:auto}.employeeSummaryCategory{font-weight:700;padding-right:5px}.employeeSummaryValue{word-wrap:normal}.employeeDetailCards{width:100%;padding:20px;margin:2rem auto;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;gap:20px;overflow:auto}.detailCard{box-sizing:border-box;background-color:#fff;padding:20px 60px;box-shadow:0 0 3px 0 #d3d3d3}.detailCardTitle{font-size:20px;font-weight:700;color:#14c76a}.employeeSummaryCardGrid{padding-top:20px;display:grid;grid-template-columns:2fr 5px 3fr;grid-gap:5px;gap:5px;white-space:nowrap}.employeeSummaryCardCategory{font-weight:700;white-space:pre-wrap;padding-right:5px;overflow:hidden}.employeeSummaryCardValue{padding-left:10px;white-space:pre-wrap;overflow:hidden}.modalImage{width:100%;height:100%;object-fit:contain}.loader{border:5px solid #dbdbdb;border-top-color:#1f43e5;border-radius:50%;width:2rem;height:2rem;animation:spin 1s linear infinite;margin:auto}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.createPurchaseOrderGrid{flex:1 1;display:grid;grid-gap:10px 30px;gap:10px 30px;grid-template-columns:repeat(18,1fr);grid-template-rows:repeat(3,4rem)}.purchaseListArea{box-sizing:border-box;margin:1rem 1.5rem;overflow:auto}.createSalesOrderGrid{flex:1 1;display:grid;grid-gap:10px 30px;gap:10px 30px;grid-template-columns:repeat(18,1fr);grid-template-rows:repeat(3,4rem)}.createSalesOrderGridNewCustomer{flex:1 1;display:grid;grid-gap:10px 30px;gap:10px 30px;grid-template-columns:repeat(18,1fr);grid-template-rows:repeat(5,4rem)}.vendorStoreDetailArea{padding-left:1rem;display:flex;flex-direction:column}.poVendorAddressDetail{flex:1 1}.poStoreAddressDetail{flex:1 1;padding:1rem 0 0}.detailTitle{color:#14c76a;font-size:16px;font-weight:700;text-align:end}.detailText{color:#666;font-size:12px;padding:.5rem 0;text-align:end}.createPurchaseImportGrid{display:grid;width:100%;grid-gap:10px 30px;gap:10px 30px;grid-template-columns:repeat(23,1fr)}.saveButton{width:9rem;padding:5px;font-size:12px;border-radius:5px;cursor:pointer;margin:5px;background-color:#fff;color:#1f43e5;border:1px solid #1f43e5}@media screen and (min-width:1400px){.saveButton{width:12rem;font-size:12px;margin:0 auto;padding:7px 5px;border-radius:10px}}@media screen and (min-width:1800px){.saveButton{width:12rem;font-size:16px;margin:0 auto;padding:7px 5px;border-radius:10px}}@media screen and (min-width:1400px){.saveButton{margin:5px}}@media screen and (min-width:1800px){.saveButton{margin:5px}}.declineButton{width:9rem;padding:5px;font-size:12px;border-radius:5px;border:none;cursor:pointer;margin:5px;background-color:#f30;color:#fff}@media screen and (min-width:1400px){.declineButton{width:12rem;font-size:12px;margin:auto;padding:7px 5px;border-radius:10px}}@media screen and (min-width:1800px){.declineButton{width:12rem;font-size:16px;margin:0 auto;padding:7px 5px;border-radius:10px}}.purchaseOrderSubSectionArea{box-shadow:0 1px 5px 1px #d3d3d3;padding-bottom:10px;margin-top:40px}.purchaseOrderIndividualItemsArea{display:grid;grid-gap:10px 30px;gap:10px 30px;grid-template-columns:repeat(24,1fr);padding:20px;grid-template-rows:repeat(1,4rem);margin-bottom:1rem}.poNetTotalSurchargeDiv{display:flex;width:100%;margin:2rem .5rem;justify-content:space-between}.purchaseInstruction{padding:10px 0;max-width:24vw}.poSpacer{width:24vw}.poNetTotal{flex:1 1;max-width:20vw;text-align:end;display:flex;flex-direction:column}.poFormElement{display:grid;grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(2,4rem);grid-gap:10px 30px;gap:10px 30px}.poTotalTitle{width:100%;display:flex;justify-content:space-between;align-items:center;color:#333}.poNetTotalAmount{color:#14c76a;font-size:14px;font-weight:500}.poListTabs{display:flex;text-align:center;position:sticky;font-size:12px;margin:.5rem 1rem 0;min-height:50px;min-width:97%;height:auto}@media screen and (min-width:1400px){.poListTabs{font-size:16px}}@media screen and (min-width:1800px){.poListTabs{font-size:16px}}.poListArea{box-sizing:border-box;margin:1rem;overflow:auto}.poSummaryGrid{display:grid;grid-template-columns:1fr 2fr;grid-gap:10px 5px;gap:10px 5px;white-space:nowrap}.poVendorImage{box-sizing:border-box;background-color:#fff;border:2px solid #d3d3d3;width:10rem;height:10rem;object-fit:contain}.poSummaryText{margin:0}.poSummaryText,.poSummaryText2{display:flex;flex-direction:column;flex:1 1}.poSummaryText2{margin:0 20px 0 0;text-align:end}.poDetailChargesDiv{margin:.5rem 0}.poText{padding:10px 0 0;display:flex;justify-content:space-between}.poSummaryValue{font-size:14px}.poNumberText{font-size:18px;color:#14c76a;font-weight:600;padding-bottom:1rem}.createSalesInvoiceInfo{display:flex;margin-bottom:1rem}.salesInvoiceCompanyAddress,.salesInvoiceOurAddress{flex:1 1}.detailTitleLeft{color:#14c76a;font-size:16px;font-weight:700}.detailTextLeft{color:#666;font-size:14px;padding:.5rem 0}.createSalesInvoiceGrid{flex:1 1;display:grid;grid-gap:10px 30px;gap:10px 30px;grid-template-columns:repeat(18,1fr);grid-template-rows:repeat(1,4rem);margin-bottom:1rem}.createInvoiceMultilineInput{width:100%;height:12rem;box-sizing:border-box;border:1px solid #c8c8c8;color:#666;font-size:16px;flex:1 1;background-color:#fff;padding-left:10px}.createSalesInvoiceGrid2{flex:1 1;display:grid;grid-gap:10px 30px;gap:10px 30px;grid-template-columns:repeat(18,1fr);grid-template-rows:repeat(1,4rem);margin:1rem 0}.createInwardInput{border:1px solid #ddd;border-radius:5px}.createInwardInput,.createInwardInputError{height:2rem;min-width:12rem;box-sizing:border-box;width:100%;padding:0 10px;font-size:16px;text-align:right}.createInwardInputError{border:1px solid #ee3f3f;border-radius:5px}.createInwardMultilineInput{width:35%;height:12rem;box-sizing:border-box;border:1px solid #c8c8c8;color:#666;font-size:16px;flex:1 1;background-color:#fff;padding-left:10px}.createPurchaseImportTabArea{box-shadow:0 1px 5px 1px #d3d3d3;padding-bottom:10px;margin-top:40px}.createPurchaseImportTabDetails{display:grid;grid-gap:10px 30px;gap:10px 30px;grid-template-columns:repeat(24,1fr);grid-template-rows:repeat(1,4rem);padding:20px}.purchaseSubTitle{box-sizing:border-box;margin:1rem 0;font-weight:500;font-size:12px;color:#1f43e5;text-transform:uppercase}@media screen and (min-width:1400px){.purchaseSubTitle{font-size:14px}}@media screen and (min-width:1800px){.purchaseSubTitle{font-size:14px}}.createPurchaseImportTab{border:2px solid;border-color:#fff #fff transparent;padding:10px;background-color:#e4e4e4;cursor:pointer;font-weight:600;color:#333}.createPurchaseImportTabSelected{padding:10px;color:#1f43e5;background-color:#fff;cursor:pointer;border:2px solid;border-color:#fff #fff #1f43e5;font-weight:700}.tabCloseButton{padding:5px 10px;margin:auto auto auto 15px;color:red;border-radius:50%}.tabCloseButton:hover{padding:5px 10px;background-color:hsla(0,0%,62%,.23137254901960785)}.importTaxSwitch{display:inline-block;width:40px;height:1.3rem;position:relative}.toggle-thumb{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:center;border:1px solid #1f43e5;border-radius:40px;cursor:pointer}.toggle-thumb:before{content:"";height:1rem;width:1rem;position:absolute;left:4px;border-radius:50%;background-color:#1f43e5;transition:all .4s ease-in-out}.importTaxCheckbox{opacity:0;width:0;height:0}.toggle-thumb:after{font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;color:#1f43e5;content:"₹";transform:translateX(22px)}.importTaxCheckbox:checked+.toggle-thumb:after{content:"%";transform:translateX(2px)}.importTaxCheckbox:checked+.toggle-thumb:before{transform:translateX(16px)}.purchaseSummaryGrid{padding:20px;display:grid;grid-template-columns:1fr 1fr;grid-gap:10px 5px;gap:10px 5px;flex:1 1;background-color:#f3f3f3;margin:1rem}.purchaseSummaryGridTitle{padding-top:20px;display:grid;grid-template-columns:1fr 1fr;grid-gap:10px 2rem;gap:10px 2rem;flex:1 1;margin:0 1rem;font-size:12px}.purchaseSummaryCategory{font-weight:700;padding-right:5px;color:#333;font-size:12px}.purchaseSummaryValue{font-size:12px}.purchaseSummaryRole{font-size:16px;color:#14c76a;font-weight:600}.locationListPage{list-style:none;display:inline-block;height:400px;border:2px groove #d0d0d0;background-color:#fff;width:600px;margin-top:100px;overflow:auto}.locationListPage::-webkit-scrollbar-thumb{background:rgba(62,92,226,.8666666666666667)}.locationListPage::-webkit-scrollbar-thumb:hover{background:#1f43e5}.purchaseImportSummary{margin:20px;max-width:max-content;grid-template-columns:1fr .65fr .65fr .65fr!important}.withSixColumngrid{grid-template-columns:1fr .65fr .65fr .65fr .65fr .65fr!important}.purchaseImportSummary>span{color:#1f43e5!important;margin:2px!important}.purchaseImportSummary>span.vendorSummaryHeader{color:#14c76a!important;margin:2px!important;font-weight:600;padding-right:5px;font-size:14px}.itemImagesGrid{background-color:#fff;border:1px solid #d3d3d3;border-radius:10px;padding:30px 20px;margin:1rem auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:25px;gap:25px;justify-items:center;max-width:90%;overflow:auto}@media screen and (min-width:768px){.itemImagesGrid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:30px;gap:30px;padding:40px 30px}}@media screen and (min-width:1024px){.itemImagesGrid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:35px 50px;gap:35px 50px;padding:50px}}@media screen and (min-width:1400px){.itemImagesGrid{grid-gap:50px 75px;gap:50px 75px;max-width:80%}}.singleItem{width:100%;max-width:160px;height:120px;cursor:pointer;transition:all .2s linear;box-shadow:0 0 10px 1px #d3d3d3;display:flex;flex-direction:column;justify-content:space-around;text-align:center;border-radius:10px;padding:10px}@media screen and (min-width:768px){.singleItem{max-width:180px;height:130px}}@media screen and (min-width:1024px){.singleItem{max-width:200px;height:150px}}.singleItemDisabled{width:100%;max-width:200px;height:150px;cursor:not-allowed;transition:all .2s linear;box-shadow:0 0 10px 2px #d3d3d3;display:flex;flex-direction:column;justify-content:space-around;text-align:center;padding:10px}.itemImage{width:50px;height:50px;margin:0 auto;object-fit:contain}@media screen and (min-width:768px){.itemImage{width:60px;height:60px}}@media screen and (min-width:1024px){.itemImage{width:75px;height:75px}}.itemText{color:#666;text-transform:uppercase;font-weight:500;font-size:10px;word-wrap:break-word;padding:0 5px}@media screen and (min-width:768px){.itemText{font-size:11px}}@media screen and (min-width:1024px){.itemText{font-size:12px}}.itemImageDisabled{width:75px;height:75px;margin:0 auto;cursor:not-allowed;transition:all .2s linear;object-fit:contain}.singleItem:hover{cursor:pointer;box-shadow:0 0 10px 2px #a9a9a9;transition:all .2s linear;transform:translateY(-2px)}.createItemCategoryGrid,.createItemIndiTabArea{display:grid;grid-gap:10px 30px;gap:10px 30px;grid-template-columns:repeat(16,1fr);grid-template-rows:repeat(1,4rem)}.createItemIndiTabArea{padding:20px}.itemIndiTabActions{padding:10px 50px 10px 20px;text-align:end}.createItemGrid{display:grid;grid-gap:10px 30px;gap:10px 30px;grid-template-columns:repeat(24,1fr);grid-template-rows:repeat(5,4rem)}.itemMultiline{grid-column:auto/span 7;grid-row:auto/span 2}.itemMultilineInput{width:100%;height:7rem;border:1px solid #c8c8c8;font-size:16px;flex:1 1;background-color:#fff;padding-left:10px}.itemMultilineInput,.itemPhoto{box-sizing:border-box;color:#666}.itemPhoto{border-radius:5px;font-size:12px;text-align:center;vertical-align:middle;grid-column:auto/span 3;grid-row:auto/span 2;display:flex;overflow:hidden;flex-direction:column;position:relative}.itemLogo{margin-top:5px;border:1px solid #aaa;flex:1 1;background-color:#d3d3d3;border-radius:5px;max-width:100%;object-fit:contain;max-height:100%}#uploadItemlogo{opacity:0;position:absolute;z-index:-1}.createItemIndividualTabDetails{display:grid;grid-gap:10px 30px;gap:10px 30px;grid-template-columns:repeat(16,1fr);grid-template-rows:repeat(1,4rem);padding:20px}.createItemPurchaseGrid{display:grid;grid-gap:10px 30px;gap:10px 30px;grid-template-columns:repeat(24,1fr);grid-template-rows:repeat(1,4rem)}.createItemPurchaseTable{margin:10px auto;width:100%;overflow:auto;border-collapse:initial;border-spacing:0 1px;background-color:#d3d3d3}.createPurchaseCostInput{height:1.5rem;border:1px solid #ddd;border-radius:5px}.createPurchaseCostInput,.createPurchaseCostInputError{min-width:6rem;box-sizing:border-box;width:100%;padding:0 10px;font-size:16px;text-align:right}.createPurchaseCostInputError{height:2rem;border:1px solid #ee3f3f;border-radius:5px}.createItemSalePriceGrid{display:grid;grid-gap:10px 30px;gap:10px 30px;grid-template-columns:repeat(24,1fr);grid-template-rows:repeat(2,4rem)}.createItemTaxInput{border:1px solid #ddd;border-radius:5px}.createItemTaxInput,.createItemTaxInputError{height:2rem;box-sizing:border-box;padding:0 10px;font-size:16px;text-align:right}.createItemTaxInputError{border:1px solid #ee3f3f;border-radius:5px}.itemsUploadButtonsDiv{display:flex;align-items:center;justify-content:space-around}.itemUpload{flex:1 1;margin:0 2rem;max-width:25rem}.itemsUploadText{width:100%;text-align:center;color:#14c76a;font-weight:700;font-size:20px}.itemsUploadGrid{margin-top:1rem;width:100%;display:grid;grid-gap:10px 50px;gap:10px 50px;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(1,3rem)}.itemsTable{width:100%;margin:auto;text-align:"center";justify-content:"center";overflow:auto}.itemsTableHeader,.itemsTableHeaderBold{border:1px solid #ccc;color:#333;border-collapse:collapse;padding:10px 5px}.itemsTableHeaderBold{background-color:#f3f3f3}.itemsTableValueBold{color:red;background-color:#f3f3f3}.itemsTableValue,.itemsTableValueBold{box-sizing:border-box;border:1px solid #ccc;border-collapse:collapse;white-space:nowrap;padding:5px}:focus{outline:none}.main-container{width:100vw;height:100vh;background:linear-gradient(203deg,#1f43e5,#14c76a);display:flex}.login-form{margin:auto}.login-form-container{background-color:#fff;width:20rem;padding:25px;border-radius:10px;border:1px solid hsla(0,0%,100%,.1);box-shadow:2px 2px 5px 2px hsla(0,0%,100%,.1);display:flex;flex-direction:column;justify-content:center}.lbl-login{width:100%;font-size:18px;font-weight:500;color:#1837be;margin-bottom:10px}.input-pwd,.input-username{padding:12px;width:-webkit-fill-available;border-radius:10px;font-size:14px;border:1px solid #ddd}.btn-login{height:40px;font-size:15px;font-family:"poppins";background-color:#1837be;color:#fff}.errorText{margin:10px 0;font-size:14px;color:#ee3f3f}.ant-form-item{margin-bottom:20px}.inventoryChecks,.plantsSubTitle{box-sizing:border-box;margin:20px 20px 0;font-weight:500;font-size:12px;color:#1f43e5;text-transform:uppercase}.inventoryChecks{text-transform:capitalize}@media screen and (min-width:1400px){.inventoryChecks,.plantsSubTitle{font-size:14px}}@media screen and (min-width:1800px){.inventoryChecks,.plantsSubTitle{font-size:14px}}.createPlantGeneralGrid{display:grid;grid-gap:10px 30px;gap:10px 30px;grid-template-columns:repeat(16,1fr);grid-template-rows:repeat(3,4rem)}.rolePagesContainer{flex:1 1;flex-direction:column;overflow:auto}.navButtons,.rolePagesContainer{box-sizing:border-box;width:100%;display:flex}.navButtons{padding:1rem;background-color:#eee}.roleButton{width:9rem;margin:0 auto;padding:5px;font-size:12px;border-radius:5px;border:none;cursor:pointer;background:linear-gradient(90deg,#1f43e5,#5a6ec5);color:#fff}@media screen and (min-width:1400px){.roleButton{width:12rem;font-size:12px;margin:0 auto;padding:7px 5px;border-radius:10px}}@media screen and (min-width:1800px){.roleButton{width:12rem;font-size:16px;margin:0 auto;padding:7px 5px;border-radius:10px}}.goBackButton{max-width:15rem;min-width:8rem;width:-moz-fit-content;width:fit-content;padding:6px;font-size:12px;border-radius:5px;border:none;cursor:pointer;background:linear-gradient(-90deg,grey,#666);color:#fff;margin:0 auto 0 5px}@media screen and (min-width:1400px){.goBackButton{font-size:12px;margin:0 auto;padding:7px 6px;border-radius:5px}}@media screen and (min-width:1800px){.goBackButton{font-size:16px;margin:0 auto;padding:7px 5px;border-radius:5px}}@media screen and (min-width:1400px){.goBackButton{margin-left:5px}}@media screen and (min-width:1800px){.goBackButton{margin-left:5px}}.roleListArea{box-sizing:border-box;margin:1rem 1.5rem;overflow:auto}.roleListTable{border-collapse:collapse;white-space:nowrap;width:100%}.roleListHeader{background-color:#fff;position:sticky;top:0;border-collapse:initial;border-spacing:0 1px;border-bottom:10px solid #eee;box-shadow:0 0 2px 2px #d3d3d3}.roleNameHeader{box-sizing:border-box;font-size:12px;font-weight:500;color:#14c76a;padding:10px 20px}@media screen and (min-width:1400px){.roleNameHeader{font-size:12px;padding:15px 30px}}@media screen and (min-width:1800px){.roleNameHeader{font-size:12px;padding:15px 30px}}.roleActionHeader{color:#14c76a;font-weight:500;font-size:12px;text-align:end;padding:10px 20px}@media screen and (min-width:1400px){.roleActionHeader{font-size:12px;padding:15px 30px}}@media screen and (min-width:1800px){.roleActionHeader{font-size:12px;padding:15px 30px}}.roleList{box-sizing:border-box;width:100%;font-size:20px;color:#14c76a;color:#666;font-size:12px;background-color:#fff;border-top:5px solid #eee}.roleName{padding:5px 20px;font-size:12px}@media screen and (min-width:1400px){.roleName{padding:10px 30px}}@media screen and (min-width:1800px){.roleName{padding:10px 30px}}.roleAction{padding:5px 20px;text-align:end}@media screen and (min-width:1400px){.roleAction{padding:10px 30px}}@media screen and (min-width:1800px){.roleAction{padding:10px 30px}}.roleEditImage{margin:0 .5rem;width:.75rem;height:.75rem}.controlRoleList,.roleEditImage{box-sizing:border-box;cursor:pointer}.controlRoleList{width:100%;font-size:20px;color:#14c76a;color:#666;font-size:12px;background-color:#fff;border-top:5px solid #eee}.roleNameBold{flex:1 1;padding-left:20px;overflow:hidden}@media screen and (min-width:1400px){.roleNameBold{padding:0 30px}}@media screen and (min-width:1800px){.roleNameBold{padding:0 30px}}.roleControls{box-sizing:border-box;width:100%;background-color:#fff;font-size:20px;color:#14c76a;color:#333;font-weight:400;font-size:16px;display:flex;padding:0 2rem;height:100%}.controlList{margin:0;padding:0;background-color:#eee}.roleListInnerTable{box-sizing:border-box;width:100%;padding:0 2rem 2rem}.controlRoleName{box-sizing:border-box;border-bottom:3px solid #fff;padding:10px;margin:0;flex:1 1;font-size:12px}.controlRoleNameTitle{font-weight:500;font-size:12px}.controlRoleListHeader{box-sizing:border-box;width:100%;background-color:#fff;font-size:20px;color:#14c76a;display:flex;background-color:#eee;border-bottom:3px solid #fff;padding:10px}.createRole{box-sizing:border-box;height:2.5rem;padding:5px 20px;line-height:2.5rem;background-color:#fff;color:#333;font-weight:400;margin-top:5px;width:100%}.createRoleInput{border:2px solid #d3d3d3;font-size:12px;margin-left:20px;width:235px}.cancelRoleButton{width:9rem;padding:5px;font-size:12px;border-radius:5px;border:none;cursor:pointer;margin:auto 0 auto 10px;background:linear-gradient(-90deg,#a8a8a8,#999);color:#fff}@media screen and (min-width:1400px){.cancelRoleButton{width:12rem;font-size:12px;margin:0 auto;padding:7px 5px;border-radius:10px}}@media screen and (min-width:1800px){.cancelRoleButton{width:12rem;font-size:16px;margin:0 auto;padding:7px 5px;border-radius:10px}}@media screen and (min-width:1400px){.cancelRoleButton{margin:auto 0 auto 10px}}@media screen and (min-width:1800px){.cancelRoleButton{margin:auto 0 auto 10px}}.createRoleButton{width:9rem;padding:5px;font-size:12px;border-radius:5px;border:none;cursor:pointer;margin:auto 0 auto 10px;background:linear-gradient(90deg,#1f43e5,#5a6ec5);color:#fff}@media screen and (min-width:1400px){.createRoleButton{width:12rem;font-size:12px;margin:0 auto;padding:7px 5px;border-radius:10px}}@media screen and (min-width:1800px){.createRoleButton{width:12rem;font-size:16px;margin:0 auto;padding:7px 5px;border-radius:10px}}@media screen and (min-width:1400px){.createRoleButton{margin:auto 0 auto 10px}}@media screen and (min-width:1800px){.createRoleButton{margin:auto 0 auto 10px}}.roleControlArea{box-sizing:border-box;width:90%;flex:1 1;margin:1rem auto}.createRoleControlRole{flex:1 1;box-sizing:border-box;width:100%;display:flex;font-size:16px;overflow:auto;margin:2rem}.bossRole{flex:1 1;font-size:12px;box-sizing:border-box}.reporteeRole{margin:0 2rem;flex:1 1;font-size:16px;border-radius:5px;overflow:auto}.hintText2{font-size:20px;font-weight:700;color:#14c76a}.bossRoleDropdown{display:block;width:70%;min-width:300px;margin:1rem auto 0 0;height:3rem;font-size:16px}.bossRoleDropdown select{width:100%;height:100%;border:2px solid #d3d3d3;padding:0 10px;font-size:16px}.bossRoleDropdown select:after{background-color:red;margin:5px auto;height:3rem}.controlRolesList{display:grid;width:50%;min-width:300px;grid-template-columns:repeat(1,1fr);font-size:16px;border-radius:5px;overflow:visible;margin:1rem auto 0 0}.controlRoleUnit{height:2rem;line-height:2rem;width:max-content}.controlRoleDescription{padding-left:10px}.formSubmitInnerAreaRoles{margin:auto;display:flex;padding:0 2rem}.bossRoleDisplay{box-sizing:border-box;line-height:2.5rem;background-color:#fff;width:100%;height:100%;border:2px solid #d3d3d3;padding:0 10px;text-align:center;font-size:20px}.screenControl{margin:0 2rem 2rem;overflow:visible;height:285px}.screenControlTable{margin:1rem 2rem}.screenControlTableHead{padding:5px 20px 20px;color:#333}.screenControlTableData{text-align:center;padding:.25rem}.screenControlModuleName{color:#14c76a}.screenControlTableReset{cursor:pointer;background-color:#dcdcdc;width:1.5rem;height:1.5rem;margin:2px 10px 2px 20px;border-radius:5px}.screenControlOptionsWrapper{width:220px;margin-bottom:2rem;margin-left:20px}.multilineInput{border-radius:1px}td{text-align:left}input[type=text]{width:-webkit-fill-available}input::-webkit-input-placeholder{font-size:x-small}textarea::-webkit-input-placeholder{font-size:small}.commonEmailInput{width:100%;height:100%;box-sizing:border-box;border:1px solid #ddd;color:#333;font-size:14px;flex:1 1;border-radius:5px;padding:0 10px}.errorTextArea{color:red;text-align:left}.infoTextArea{color:#14c76a;text-align:left;font-size:x-small}.vendorListArea{box-sizing:border-box;overflow:auto;margin:1rem 1.5rem}.vendorFilterArea{display:flex;flex-wrap:wrap;grid-gap:10px;gap:10px;margin-left:1.5rem}.vendorPaginationArea{display:flex;align-items:center;justify-content:center;padding:2px 0 8px}@media screen and (max-width:1025px){.createVendorTabs{line-height:30px}.inventoryPageFilterGrid{overflow-x:scroll}}.createVendorTabs>*{line-height:40px}.inventoryPageFilterGrid{display:flex;z-index:3;box-sizing:border-box;margin:1rem 1rem 0;min-height:28%}.stickyFirstColumn{position:sticky;left:0;background-color:inherit}.vendorListTable{width:100%;border-collapse:collapse;white-space:nowrap;font-size:12px}.vendorListHeader{background-color:#fff;position:sticky;top:0;border-collapse:initial;border-spacing:0 1px;border-bottom:10px solid #eee;box-shadow:0 0 2px 2px #d3d3d3}.vendorListHeading{box-sizing:border-box;font-size:12px;font-weight:500;color:#14c76a;padding:10px 20px;cursor:pointer}@media screen and (min-width:1400px){.vendorListHeading{padding:15px 30px}}@media screen and (min-width:1800px){.vendorListHeading{padding:15px 30px}}.vendorListHeadingActions{color:#14c76a;font-weight:500;font-size:12px;text-align:end;padding:10px 20px}@media screen and (min-width:1400px){.vendorListHeadingActions{padding:15px 30px}}@media screen and (min-width:1800px){.vendorListHeadingActions{padding:15px 30px}}.vendorList{font-size:20px;color:#14c76a;color:#666;font-size:12px}.vendorList,.vendorListExpanded{box-sizing:border-box;width:100%;background-color:#fff;border-top:5px solid #eee}.vendorListExpanded{font-size:20px;color:#14c76a;color:#333;font-size:16px}.vendorListInfo{padding:10px 20px;cursor:pointer;font-size:12px}@media screen and (min-width:1400px){.vendorListInfo{padding:10px 30px}}@media screen and (min-width:1800px){.vendorListInfo{padding:10px 30px}}.vendorListInfoActions{padding:10px 20px;text-align:end;cursor:pointer}.vendorListAddress{padding:10px 20px;cursor:pointer;line-height:1rem;font-size:12px}.vendorActionImages{box-sizing:border-box;padding:2px 4px;height:1rem;cursor:pointer}@media screen and (min-width:1400px){.vendorActionImages{padding:2px 4px;height:1rem}}@media screen and (min-width:1800px){.vendorActionImages{padding:4px;height:1.25rem}}.vendorActionImages:hover{background-color:#f3f3f3;border-radius:5px}.vendorListInnerTableWrapper{background-color:#fff;height:4rem;padding:0 5rem 20px}.vendorListInnerTable{width:100%;border-collapse:collapse;background-color:#eee;color:#333}.vendorListInnerTableHeader{color:#fff;font-weight:400;font-size:12px;font-weight:500;background-color:#eee;border-top:3px solid #fff;border-bottom:3px solid #fff}.vendorListInnerTableHeading{padding:10px;color:#14c76a}.vendorListInnerTable{border-bottom:3px solid #fff;font-size:12px}.vendorListInnertableInfo{padding:10px;margin-left:0}.createVendorGeneralGrid{display:grid;grid-gap:10px 30px;gap:10px 30px;grid-template-columns:repeat(16,1fr);grid-template-rows:repeat(5,4rem)}.createVendorTabArea{box-shadow:0 1px 5px 1px #d3d3d3;padding-bottom:10px;margin-top:40px}.createVendorTabs{display:flex;width:100%;text-align:center;font-size:14px}.createVendorIndividualTab{border:2px solid;border-color:#fff #fff transparent;background-color:#e4e4e4;cursor:pointer;margin:0 .5rem}.createVendorIndividualTab,.createVendorIndividualTabSelected{flex:1 1;display:flex;align-items:center;justify-content:space-evenly;text-align:center}.createVendorIndividualTabSelected{color:#1f43e5;background-color:#fff;border:2px solid;border-color:#fff #fff #1f43e5;font-weight:500;margin:0 .6rem}.createVendorIndividualTab:hover{flex:1 1;border:2px solid;border-color:#fff #fff transparent;font-weight:500}.createVendorIndividualTabDetails{display:grid;grid-gap:10px 30px;gap:10px 30px;grid-template-columns:repeat(16,1fr);padding:20px;grid-template-rows:repeat(2,4rem)}.createVendorIndividualTabAdditionalDetails{display:grid;grid-gap:10px 30px;gap:10px 30px;grid-template-columns:repeat(16,1fr);padding:20px;grid-template-rows:repeat(4,4rem)}.createVendorContactsTable{margin:10px auto 0;width:96%;max-width:96%;overflow:auto;border-collapse:initial;border-spacing:0 3px}.createVendorContactsTableHeader{background-color:#f1f1f1;color:#14c76a;font-size:12px;font-weight:600}.tableScrollWrapper{max-height:300px;overflow-y:auto;margin:0 auto;width:100%;z-index:0;position:relative}.createVendorContactsTable thead{position:sticky;top:0;background-color:#f1f1f1;z-index:1}.createVendorContactsTableHeader td{padding:5px 10px}.createVendorContactsTableRows{background-color:#f1f1f1;font-size:12px}.createVendorContactsTableRows td{padding:5px 10px}.createVendorContactsAction{width:1rem;height:1rem;margin-right:10px;cursor:pointer}.vendorPhoto{box-sizing:border-box;color:#666;font-size:12px;text-align:center;vertical-align:middle;grid-column:auto/span 3;grid-row:auto/span 3;display:flex;overflow:hidden;flex-direction:column;position:relative}.vendorLogo{margin-top:5px;border:1px solid #c8c8c8;flex:1 1;background-color:#d3d3d3;border-radius:2px;max-width:100%;object-fit:contain;max-height:12rem}#uploadVendorlogo{opacity:0;position:absolute;z-index:-1}.multiline{grid-column:auto/span 13;grid-row:auto/span 3}.multilineInput{width:100%;height:12rem;box-sizing:border-box;border:1px solid #c8c8c8;color:#666;font-size:16px;flex:1 1;background-color:#fff;padding-left:10px}.detailsPageWrapper{box-sizing:border-box;width:100%;padding:2rem 0 0;overflow:auto;display:flex;flex-direction:column;flex:1 1}.detailsPageContainer{width:80%;margin:0 auto 4rem;flex:1 1;padding:20px;background-color:#fff}.invoicePageTitle{width:85%;margin:0 auto;padding:1px 20px 15px;text-align:center;font-weight:700;background-color:#fff}.invoicePageContainer{width:85%;margin:0 auto 4rem;flex:1 1;padding:20px;background-color:#fff}.detailsPageNavButtons{box-sizing:border-box;width:100%;display:flex;margin:.75rem auto}.xsmall-font{font-size:9px!important}.small-font{font-size:11px!important}.medium-font{font-size:12px!important}.size-14px{font-size:14px!important}.size-16px{font-size:16px!important}.align-right{text-align:right!important}.align-center{text-align:center!important}.location-list-table,.location-list-table>tbody>tr>td,.location-list-table>thead>tr>td{text-align:center;padding:5px;border-spacing:0;border-collapse:collapse;border:1px solid #000;font-size:16px;background-color:#fff}.location-list-table>thead>tr>td{color:#14c76a;font-weight:550}.vendorSummary{width:100%;margin:0 auto;display:flex}.vendorImage{width:10rem;height:10rem;min-width:10rem;min-height:10rem}.vendorHeaderImage,.vendorImage{box-sizing:border-box;background-color:#fff;border:2px solid #d3d3d3;object-fit:contain}.vendorHeaderImage{width:90px;height:80px;max-width:100px;max-height:100px;margin-left:20px}.vendorCurrentStatus{width:100%;text-align:center}.vendorStatus{font-size:16px;font-weight:700;color:#029402}.vendorSummaryText{margin:0 20px;font-size:14px}.vendorSummaryAddress,.vendorSummaryName{font-size:20px;font-weight:700}.vendorSummaryAddress{text-align:end;padding-bottom:20px}.vendorSummaryAddressValue{word-wrap:normal;text-align:end;margin-bottom:10px}.vendorSummaryRole{font-size:16px;color:#14c76a;font-weight:600}.vendorSummaryGrid{padding-top:20px;display:grid;grid-template-columns:1fr 2fr;grid-gap:10px 5px;gap:10px 5px}.vendorSummaryCategory{font-weight:600;padding-right:5px;color:#666;font-size:13px}.vendorSummaryValue{word-wrap:normal;color:#000;font-size:13px}.vendorDetailTabArea{width:100%;box-shadow:0 1px 5px 1px #d3d3d3;background-color:#fff;overflow-y:auto;margin:40px auto 50px}.vendorDetailTabs{display:flex;text-align:center}.vendorAdditionalInfo{margin:20px auto;width:90%;display:grid;grid-template-columns:1fr 30px 3fr;grid-gap:20px 5px;gap:20px 5px;padding:50px}.vendorDetailContactsTable{margin:25px auto;width:95%;border-collapse:collapse;border-spacing:0 3px;background-color:#dfdfdf;box-shadow:2px 2px -5px 5px;border:2px solid #dfdfdf;border-radius:10px}.invoiceDetailContactsTableHeader td{padding:10px 5px;text-align:center}.vendorDetailContactsTableHeader{background-color:#fff;color:#14c76a;font-size:12px;font-weight:600;border-bottom:1px solid #dfdfdf}.vendorDetailContactsTableHeader td{padding:15px 10px}.vendorDetailContactsTableRows{background-color:#fff;font-size:12px;border-bottom:1px solid #dfdfdf}.vendorDetailContactsTableRows td{padding:8px 10px}.invoiceDetailContactsTableHeader{background-color:#fff;color:#14c76a;font-size:12px;font-weight:600;border-bottom:1px solid #dfdfdf}.invoiceDetailContactsTableHeader td{padding:15px 10px;border-right:.1px solid #000}.invoiceDetailContactsTableRows{background-color:#fff;font-size:12px;border-bottom:none!important}.invoiceDetailContactsTableRows td{padding:8px 10px;border-right:.1px solid #000;border-bottom:none}.invoiceBill,.invoiceBill>tbody>tr>td,.invoiceBill>thead>tr>td{border:.25px solid #000;border-collapse:collapse;padding:10px;font-family:Arial,Helvetica,sans-serif}.ProfomainvoiceBill{width:100%;border-collapse:collapse;font-family:Arial,Helvetica,sans-serif;border:1px solid #000}.ProfomainvoiceBill td{vertical-align:top;border-right:1px solid #000}.ProfomainvoiceBill td:last-child{border-right:none}.left-column{width:50%;padding:5px}.right-column{width:50%;padding:0}.innerTable,.innerTable>tbody>tr>td,.innerTable>thead>tr>td{border:.1px solid #000;border-collapse:collapse;padding:2px 1px;font-family:Arial,Helvetica,sans-serif}.ProformainernerTable>thead>tr>td,.ProformainnerTable,.ProformainnerTable>tbody>tr>td{border-bottom:2px solid #000;border-right:2px solid #000;padding:0 5px}.soinnerTable,.soinnerTable>tbody>tr>td,.soinnerTable>thead>tr>td{border-top:.1px solid #000;border-bottom:.1px solid #000;border-collapse:collapse;padding:2px 1px;font-family:Arial,Helvetica,sans-serif}.ProformainernerTable>thead>tr>td,.ProformainnerTable,.ProformainnerTable>tbody>tr>td{border-left:.1px solid #000;border-bottom:.1px solid #000;border-collapse:collapse;padding:5px;font-family:Arial,Helvetica,sans-serif}.lineItemTable,.lineItemTable>tbody>tr>td,.lineItemTable>thead>tr>td{border-collapse:collapse;border:.1px solid #000;border-bottom:none;padding:2px 1px;font-family:Arial,Helvetica,sans-serif}.lineItemTable>tbody>tr>td{border-bottom:none}.listPageParamsGrid{margin:0;z-index:3}.listPageParams{flex-basis:200px}.listPageParams input[type=text]{border:1px solid #d0d5dd;padding:8px 12px;border-radius:10px;font-size:.875rem;color:#344054;background-color:#fff;width:100%;box-sizing:border-box;appearance:none}.listPageParamsGrid>:last-child{min-height:60px}@media screen and (min-width:1800px){.listPageParamsGrid>*{line-height:12px}}@media screen and (max-width:860px){.listPageParamsGrid>:last-child{min-height:120px}}.sales-details-container{box-sizing:border-box;flex:1 1;background-color:#f3f5f9;display:flex;flex-direction:column;height:100vh;max-width:100vw;overflow:hidden}.dashboard-content-scrollable{flex:1 1;overflow-y:auto;padding:0 16px 16px;display:flex;flex-direction:column}.dashboard-content-area{margin-top:16px;background-color:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);overflow:hidden;display:flex;flex-direction:column}.dashboard-container{width:100%;overflow-x:hidden;background-color:initial;border-radius:0;padding:0;margin:0;flex:1 1}.chart-responsive-container{min-height:300px;flex:1 1}.empty-state,.loading-container{min-height:400px;display:flex;align-items:center;justify-content:center}.empty-state{min-height:300px}.dashboard-container::-webkit-scrollbar{width:8px}.dashboard-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.dashboard-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.dashboard-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.page-title-container{margin-bottom:0!important;flex-shrink:0}.dashboard-header-row{padding:0 16px;flex-shrink:0}.dashboard-container{width:98%;box-sizing:border-box;overflow-y:auto;background-color:#fff;border-radius:9px;padding:9px}.dashboard-cards-container{width:100%}.kpi-gradient-card{border-radius:18px;border:none;display:flex;flex-direction:column;justify-content:space-between;transition:.32s ease;cursor:pointer;height:100%}.kpi-gradient-card .ant-card-body{padding:10px 18px;height:100%;display:flex;flex-direction:column}.kpi-gradient-card:hover{transform:translateY(-5px);box-shadow:0 10px 28px rgba(54,73,155,.2)}.kpi-card-top{display:flex;grid-gap:10px;gap:10px;align-items:center;justify-content:space-between}.kpi-card-title{font-size:12px;font-weight:600;letter-spacing:.3px;text-transform:uppercase;line-height:1.2}.kpi-card-icon{font-size:21px;padding:8px;border-radius:20px;display:flex;align-items:center;justify-content:center;transition:.25s ease}.kpi-gradient-card:hover .kpi-card-icon{transform:scale(1.13) rotate(3deg)}.kpi-card-value{font-size:25px;font-weight:700;letter-spacing:-.5px;flex-grow:1;display:flex;align-items:flex-end}.responsive-cards-row{display:flex;flex-wrap:wrap;width:100%;margin-left:-8px!important;margin-right:-8px!important}.dashboard-card-col{padding-left:8px!important;padding-right:8px!important;margin-bottom:16px}.chart-card,.chart-card-pie{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:all .3s cubic-bezier(.4,0,.2,1);border:none;height:100%;display:flex;flex-direction:column}.chart-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.chart-header{display:flex;align-items:flex-start;justify-content:space-between}.chart-header .header-title{font-size:18px;font-weight:600;margin:0;color:#333}.chart-container{flex:1 1}.chart-responsive-container{position:relative;width:100%;height:300px}.capsule-tabs-wrapper{width:100%;display:flex;justify-content:flex-start;padding:8px;background-color:#e9eef8}.capsule-tab-btn.active{color:#1b4fd6}.empty-state,.flex-center,.loading-container{display:flex;align-items:center;justify-content:center}.flex-column{display:flex;flex-direction:column}.w-100{width:100%}.h-100{height:100%}.empty-state,.loading-container{height:400px;font-size:16px;color:#999;flex-direction:column;grid-gap:12px;gap:12px;text-align:center}.empty-state{height:300px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlide{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.dashboard-container>*{animation:fadeIn .3s ease-out}.fade-content{animation:fadeSlide .38s ease}.dashboard-header-row{display:flex;align-items:center;margin-bottom:16px!important;padding:0 8px}.filters-col{display:flex;justify-content:flex-end;align-items:center}.compact-filters-container{display:flex;justify-content:center;align-items:center;height:100%;padding:8px 0}.compact-filter-group{display:flex;align-items:center;grid-gap:24px;gap:24px;background:#fff;padding:8px 20px;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.08);border:1px solid #e6e9f0}.compact-date-range,.compact-executive-filter{display:flex;flex-direction:column;grid-gap:4px;gap:4px}.compact-filter-label{font-size:10px;font-weight:600;color:#5a6c84;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.compact-range-picker{width:240px!important;height:32px;border:1.5px solid #e1e5ed;border-radius:8px;transition:all .2s ease;background:#f8fafd}.compact-range-picker:hover{border-color:#1b4fd6;background:#fff}.compact-range-picker.ant-picker-focused{border-color:#1b4fd6;box-shadow:0 0 0 2px rgba(27,79,214,.1)}.compact-range-picker .ant-picker-input>input{font-size:12px;font-weight:500;color:#2d3747}.compact-range-picker .ant-picker-range-separator{padding:0 4px;color:#8a94a6}.compact-range-picker .ant-picker-suffix{color:#8a94a6;font-size:12px}.compact-executive-select{width:220px!important;min-height:32px!important}.compact-executive-select .ant-select-selector{height:32px!important;min-height:32px!important;border:1.5px solid #e1e5ed!important;border-radius:8px!important;background:#f8fafd!important;transition:all .2s ease!important;padding:0 8px!important}.compact-executive-select .ant-select-selector:hover{border-color:#1b4fd6!important;background:#fff!important}.compact-executive-select.ant-select-focused .ant-select-selector{border-color:#1b4fd6!important;box-shadow:0 0 0 2px rgba(27,79,214,.1)!important}.compact-executive-select .ant-select-selection-item{font-size:12px;font-weight:500;color:#2d3747;height:20px;line-height:20px!important;background:#e9eef8!important;border-radius:6px!important;margin:2px 4px 2px 0!important;padding:0 8px!important}.compact-executive-select .ant-select-selection-placeholder{font-size:12px;color:#8a94a6;line-height:30px!important}.compact-executive-select .ant-select-selection-search{height:30px;line-height:30px}.compact-executive-select .ant-select-selection-search-input{height:30px!important;line-height:30px!important;font-size:12px!important}.compact-datepicker-popup,.compact-dropdown-menu,.compact-executive-select .ant-select-dropdown{border-radius:8px!important;box-shadow:0 4px 20px rgba(0,0,0,.12)!important;border:1px solid #e6e9f0!important}.compact-dropdown-menu{background:#fff;padding:8px 0}.compact-executive-select .ant-select-item{font-size:12px!important;padding:8px 12px!important;border-radius:4px!important;margin:2px 8px!important;min-height:32px!important;transition:all .2s ease!important}.compact-executive-select .ant-select-item-option-selected:not(.ant-select-item-option-disabled){background:#f0f4ff!important;color:#1b4fd6!important;font-weight:500!important}.compact-executive-select .ant-select-item-option-active:not(.ant-select-item-option-disabled){background:#f8fafd!important}.compact-datepicker-popup .ant-picker-panel-container{border-radius:8px!important}.compact-datepicker-popup .ant-picker-cell-in-view{color:#2d3747}.compact-datepicker-popup .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner{background:#1b4fd6!important;border-radius:6px!important}.compact-datepicker-popup .ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner:before{border-color:#1b4fd6!important;border-radius:6px!important}.compact-datepicker-popup .ant-picker-header{border-bottom:1px solid #e6e9f0}.compact-datepicker-popup .ant-picker-header button{color:#5a6c84}.compact-datepicker-popup .ant-picker-header button:hover{color:#1b4fd6}.filter-button-wrapper{position:relative}.filter-button-popover-trigger{display:flex!important;align-items:center!important;grid-gap:6px!important;gap:6px!important;height:32px!important;padding:0 12px!important;border:1.5px solid #e1e5ed!important;border-radius:8px!important;background:#fff!important;color:#2d3747!important;font-size:12px!important;font-weight:500!important;transition:all .2s ease!important;box-shadow:0 2px 6px rgba(0,0,0,.05)!important;white-space:nowrap}.filter-button-popover-trigger:hover{border-color:#1b4fd6!important;color:#1b4fd6!important;box-shadow:0 2px 12px rgba(27,79,214,.15)!important}.filter-button-popover-trigger:active,.filter-button-popover-trigger:focus{border-color:#1b4fd6!important;box-shadow:0 0 0 2px rgba(27,79,214,.1)!important}.filter-button-popover-trigger .anticon{font-size:14px}.filter-button-popover-trigger .ant-badge-count{font-size:10px!important;height:16px!important;min-width:16px!important;line-height:16px!important;padding:0 4px!important;box-shadow:0 0 0 1px #fff!important}.page-title-container .filterButton{display:none!important}.page-title-container{padding:0 16px;margin-bottom:8px!important}.ant-popover-placement-bottomRight .ant-popover-arrow{right:16px!important}.ant-popover-inner{border-radius:12px!important;box-shadow:0 8px 32px rgba(0,0,0,.15)!important;border:1px solid #e6e9f0!important;overflow:hidden}.ant-popover-title{background:#f8fafd!important;border-bottom:1px solid #e6e9f0!important;padding:16px 20px!important;font-weight:600!important;font-size:16px!important;color:#2d3747!important}.ant-popover-inner-content{padding:0!important}.filter-modal-container{max-height:70vh;overflow-y:auto;padding:16px 20px}.filter-modal-container::-webkit-scrollbar{width:6px}.filter-modal-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.filter-modal-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.filter-modal-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.ant-row{margin-left:-8px!important;margin-right:-8px!important}.ant-row>.ant-col{padding-left:8px!important;padding-right:8px!important}.capsule-tabs-wrapper{width:98%;padding:8px 0;border-radius:12px}.capsule-tabs{width:100%;position:relative;display:flex;padding:4px;border-radius:10px;align-items:center}.capsule-active-bg{position:absolute;top:4px;bottom:4px;left:4px;height:calc(100% - 8px);background:#fff;border-radius:10px;box-shadow:0 4px 12px rgba(27,79,214,.25);transition:transform .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1);z-index:1}.capsule-active-bg:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:10px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.2);pointer-events:none}.capsule-tab-btn{position:relative;z-index:2;flex:1 1;padding:12px 24px;background:transparent;border:none;font-size:14px;font-weight:500;cursor:pointer;color:#6b7280;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:10px;white-space:nowrap;text-align:center;letter-spacing:.3px}.capsule-tab-btn:hover{color:#1b4fd6;transform:translateY(-1px)}.capsule-tab-btn.active{font-weight:600;color:linear-gradient(135deg,#1b4fd6,#1856b9);text-shadow:0 1px 2px rgba(0,0,0,.1)}.capsule-tab-btn.active:hover{color:linear-gradient(135deg,#2a60e7,#3b82f6);transform:translateY(-1px)}.dashboard-content-area{margin-top:0;flex:1 1}@media (min-width:768px){.responsive-cards-row:has(.dashboard-card-col:first-child:nth-last-child(2)) .dashboard-card-col,.responsive-cards-row:has(.dashboard-card-col:first-child:nth-last-child(3)) .dashboard-card-col{flex-grow:0;flex-shrink:0;flex-basis:calc(33.333% - 16px);max-width:calc(33.333% - 16px)!important}}@media (min-width:992px){.responsive-cards-row:has(.dashboard-card-col:nth-child(4)) .dashboard-card-col{flex-grow:0;flex-shrink:0;flex-basis:calc(25% - 16px);max-width:calc(25% - 16px)!important}.dashboard-container{padding:12px}.chart-header .header-title{font-size:16px}.chart-responsive-container{height:250px}}@media (max-width:1300px){.sales-details-container{margin-left:none;width:95vw;overflow-x:hidden}}@media (max-width:1200px){.compact-filter-group{grid-gap:16px;gap:16px;padding:8px 16px}.compact-range-picker{width:200px!important}.compact-executive-select{width:180px!important}}@media (max-width:992px){.dashboard-content-scrollable{padding:0 12px 12px}.dashboard-content-area{padding:12px}.dashboard-header-row{flex-direction:column;grid-gap:16px;gap:16px}.compact-filter-group,.dashboard-header-row>.ant-col,.filters-col{width:100%!important;max-width:100%!important}.filters-col{justify-content:center}.compact-filters-container{justify-content:center;width:100%}.capsule-tabs{justify-content:center}}@media (max-width:768px){.compact-filter-group{flex-direction:column;align-items:stretch;grid-gap:12px;gap:12px}.filter-button-wrapper{align-self:flex-start}.ant-popover{max-width:95vw!important}.compact-executive-select,.compact-range-picker{width:100%!important}.capsule-tabs{padding:3px}.capsule-tab-btn{padding:10px 16px;font-size:13px}.capsule-active-bg{top:3px;bottom:3px;left:3px}}@media (min-width:768px) and (max-width:991px){.dashboard-container{padding:10px}.chart-responsive-container{height:230px}.dashboard-content-scrollable{padding:0 8px 8px}.dashboard-content-area{padding:8px}}@media (max-width:767px){.dashboard-container{padding:8px}.chart-header{padding:10px 10px 6px}.chart-header .header-title{font-size:15px}.chart-responsive-container{height:200px}}@media (max-width:575px){.dashboard-container{padding:6px}.capsule-tabs{flex-direction:row;overflow-x:auto;padding:2px}.capsule-tab-btn{min-width:120px;padding:8px 12px;font-size:12px}.capsule-active-bg{top:2px;bottom:2px;left:2px}.chart-header{padding:8px 8px 4px}.chart-header .header-title{font-size:14px}.chart-container{padding:0 8px 8px}.chart-responsive-container{height:180px}.dashboard-card-col{margin-bottom:12px}.kpi-card-title{font-size:10px;white-space:normal;line-height:1.2}.kpi-card-value{font-size:18px}.kpi-card-icon{width:30px;height:30px;font-size:12px;padding:4px}}@media (max-width:374px){.kpi-card-value{font-size:16px}.kpi-card-title{font-size:9px}.kpi-card-icon{width:28px;height:28px;font-size:11px;padding:3px}.dashboard-card-col{margin-bottom:10px}}.trend-chart-card{height:300px;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);border:1px solid #e5e7eb;background:linear-gradient(135deg,#fff,#f8fafc)}.tab-buttons{padding:8px;border-radius:5px}.header-controls{display:flex;grid-gap:12px;gap:12px;align-items:center;flex-wrap:wrap}.summary-stats{margin-bottom:14px}.stat-card{border-radius:8px;border:1px solid #e5e7eb;transition:all .3s ease;text-align:center;background:#fff}.stat-card:hover{box-shadow:0 8px 25px rgba(59,130,246,.15);transform:translateY(-2px);border-color:#3b82f6}.stat-card .ant-statistic-title{font-size:12px;color:#6b7280;font-weight:500;margin-bottom:4px}.stat-card .ant-statistic-content{font-size:16px;font-weight:700}.chart-container .echarts-for-react{width:100%!important}.custom-tooltip{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;box-shadow:0 8px 25px rgba(0,0,0,.15);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}.tooltip-header{border-bottom:1px solid #f1f5f9;padding-bottom:8px;margin-bottom:12px}.tooltip-header strong{color:#1f2937;font-size:14px;font-weight:600}.tooltip-content{display:flex;flex-direction:column;grid-gap:8px;gap:8px}.tooltip-item{display:flex;justify-content:space-between;align-items:center;font-size:12px;line-height:1.4}.tooltip-item span:first-child{color:#6b7280;font-weight:500;margin-right:12px}.tooltip-item span:last-child{color:#1f2937;font-weight:600;text-align:right}.tooltip-item.revenue{border-top:2px solid #f1f5f9;padding-top:8px;margin-top:8px}.tooltip-item.revenue span:last-child{color:#dc2626;font-size:13px}.no-data{text-align:center;padding:60px 20px;color:#6b7280}.no-data-icon{font-size:48px;margin-bottom:16px;opacity:.5}.no-data-text{font-size:16px;font-weight:600;margin-bottom:8px;color:#374151}.no-data-subtext{font-size:14px;opacity:.7}.trend-chart-card.loading{pointer-events:none}.chart-skeleton{padding:20px}.skeleton-header{height:24px;border-radius:4px;margin-bottom:20px}.skeleton-chart,.skeleton-header{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}.skeleton-chart{height:400px;border-radius:8px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:768px){.chart-header{flex-direction:column;align-items:stretch}.header-controls{justify-content:space-between}.summary-stats .ant-col{margin-bottom:12px}.legend-items{grid-template-columns:1fr}.chart-container{margin:16px -16px;border-radius:0;padding:16px}.trend-chart-card .ant-card-body{padding:16px}.chart-container .echarts-for-react{height:300px!important}}.echarts-for-react{width:100%!important}
/*# sourceMappingURL=main.9c5fadfc.chunk.css.map */