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;-webkit-transform:translateX(-12rem);transform:translateX(-12rem)}.menuContainer,.menuExpandGroup{box-sizing:border-box;display:flex}.menuExpandGroup{height:2rem;border-bottom:1px solid #f2e0f7}.companyLogo{padding:.25rem;height:1.5rem;object-fit:contain}.companyLogoText{height:1rem;padding:.25rem 0;margin:auto 0}.menuExpandImage{width:1rem;height:1rem;padding:.5rem}.menuExpandImage:hover{background-color:#f2e0f7;cursor:pointer}@media screen and (min-width:1400px){.menuContainer{width:14rem}.menuExpandGroup{height:3rem}.companyLogo{padding:.5rem;height:2rem}.companyLogoText{height:1.5rem;padding:.75rem 0;margin:auto 0}.menuExpandImage{width:1.5rem;height:1.5rem;padding:.75rem}}@media screen and (min-width:1800px){.menuContainer{width:16rem}.menuExpandGroup{height:3rem}.companyLogo{padding:.5rem;height:2rem}.companyLogoText{height:1.5rem;padding:.75rem 0;margin:auto 0}.menuExpandImage{width:1.5rem;height:1.5rem;padding:.75rem}}.menu2Container{height:100vh;background-color:#fff;display:flex;flex-direction:column;box-sizing:border-box;border-right:1px solid #f2e0f7}div.menuContainer>*{-webkit-transform:translateX(12rem);transform:translateX(12rem)}div.menu2Container>*,div.menuContainer>*{transition:all .5s ease-in-out;background-color:#fff}.menuCollapseGroup{box-sizing:border-box;height:2rem;border-bottom:1px solid #f2e0f7;display:flex;background-color:#fff}@media screen and (min-width:1400px){.menuCollapseGroup{height:3rem}}@media screen and (min-width:1800px){.menuCollapseGroup{height:3rem}}.menuCollapseImage{margin:auto;width:1rem;height:1rem;padding:.5rem}@media screen and (min-width:1400px){.menuCollapseImage{width:1.5rem;height:1.5rem;padding:.75rem}}@media screen and (min-width:1800px){.menuCollapseImage{width:1.5rem;height:1.5rem;padding:.75rem}}.menuCollapseImage:hover{background-color:#f2e0f7;cursor:pointer}.menuItems{flex:1 1;font-size:12px;color:#333;overflow:auto;transition:all .5s ease-in-out;background-color:#fff}@media screen and (min-width:1400px){.menuItems{font-size:13px}}@media screen and (min-width:1800px){.menuItems{font-size:14px}}.menuItemGroup{box-sizing:border-box;padding:.5rem 0;border:1px solid #ddd;margin:10px;border-radius:10px;font-size:10px}@media screen and (min-width:1400px){.menuItemGroup{padding:1rem 0;font-size:12px}}@media screen and (min-width:1800px){.menuItemGroup{padding:1rem 0;font-size:13px}}.menuItemGroup:hover{background-color:#f3f5f9;cursor:pointer}.menuItemGroupSelected{box-sizing:border-box;border:1px solid #ddd;margin:10px;border-radius:10px;font-size:10px;padding-bottom:.5rem}@media screen and (min-width:1400px){.menuItemGroupSelected{font-size:12px}}@media screen and (min-width:1800px){.menuItemGroupSelected{font-size:13px}}.menuImage{width:1rem;height:1rem;margin-right:1rem}.menuText,.menuTextSelected{height:1rem;line-height:1rem;display:inline-block;align-items:center}.subMenuImage{padding:.325rem .5rem;width:.75rem;height:.75rem;margin-right:.5rem;fill:#ce9547}@media screen and (min-width:1400px){.subMenuImage{padding:.5rem;width:1rem;height:1rem}}@media screen and (min-width:1800px){.subMenuImage{padding:.5rem;width:1rem;height:1rem}}.subMenuText{height:1.5rem;line-height:1.5rem;text-align:center;font-size:10px}@media screen and (min-width:1400px){.subMenuText{font-size:12px;height:2rem;line-height:2rem}}@media screen and (min-width:1800px){.subMenuText{font-size:13px;height:2rem;line-height:2rem}}.menuTitle{cursor:pointer;border-radius:10px}.menuTitle,.menuTitleDisabled{box-sizing:border-box;height:1rem;padding:0 0 0 1rem;display:flex}.menuTitleDisabled{color:#999;border-radius:.05rem 0 0 .05rem;cursor:not-allowed}.menuTitleSelected{height:1rem;padding:.5rem 0 .5rem 1rem;margin-bottom:.5rem;border-radius:10px 10px 0 0;cursor:pointer;display:flex;background-color:#f3effe;font-size:10}@media screen and (min-width:1400px){.menuTitleSelected{font-size:12px;padding:1rem 0 1rem 1rem}}@media screen and (min-width:1800px){.menuTitleSelected{font-size:13px;padding:1rem 0 1rem 1rem}}.menuTitleSelected:hover{background-color:#f3f5f9}.indiMenu{color:#fff;cursor:pointer}.indiMenu,.indiMenu:hover{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:10px;border:1px solid #ddd;border-radius:10px}.indiMenu:hover{background-color:#f3f5f9;color:#000}.indiMenuImage{height:1rem;width:1rem;padding:.5rem;border-radius:10px}@media screen and (min-width:1400px){.indiMenuImage{padding:1rem}}@media screen and (min-width:1800px){.indiMenuImage{padding:1rem}}.indiMenuImageSelected{height:1rem;width:1rem;padding:.5rem;border-radius:10px 10px 0 0;margin-bottom:.5rem;background-color:#f3effe}@media screen and (min-width:1400px){.indiMenuImageSelected{padding:1rem}}@media screen and (min-width:1800px){.indiMenuImageSelected{padding:1rem}}.subMenu{height:1.5rem;line-height:1.5rem;border-radius:5px;margin:0 .5rem;cursor:pointer;display:flex;color:#999}@media screen and (min-width:1400px){.subMenu{height:2rem;line-height:2rem;border-radius:10px}}@media screen and (min-width:1800px){.subMenu{height:2rem;line-height:2rem;border-radius:10px}}.subMenu:hover,.subMenuSelected{background-color:#f3f5f9;cursor:pointer}.subMenuSelected{box-sizing:border-box;height:1.5rem;line-height:1.5rem;color:#1f43e5;display:flex;border-radius:5px;margin:0 .5rem;font-weight:500}@media screen and (min-width:1400px){.subMenuSelected{height:2rem;line-height:2rem;border-radius:10px}}@media screen and (min-width:1800px){.subMenuSelected{height:2rem;line-height:2rem;border-radius:10px}}.indiMenuSelected{align-items:center;justify-content:center;color:#000;border:1px solid #ddd;margin:10px;border-radius:10px;padding-bottom:.5rem}.indiMenu2,.indiMenuSelected{display:flex;flex-direction:column}.indiMenu2{color:#444;border-radius:5px;height:1.5rem}@media screen and (min-width:1400px){.indiMenu2{height:2rem;border-radius:10px}}@media screen and (min-width:1800px){.indiMenu2{height:2rem;border-radius:10px}}.indiMenu2:hover{background-color:#f3f5f9;cursor:pointer}.indiMenuImage2{height:.75rem;width:.75rem;padding:.325rem}@media screen and (min-width:1400px){.indiMenuImage2{padding:.5rem;width:1rem;height:1rem}}@media screen and (min-width:1800px){.indiMenuImage2{padding:.5rem;width:1rem;height:1rem}}.indiMenu2Selected{display:flex;flex-direction:column;background-color:#f3f5f9;border-radius:5px;margin:0 auto;height:1.5rem}@media screen and (min-width:1400px){.indiMenu2Selected{border-radius:10px;height:2rem}}@media screen and (min-width:1800px){.indiMenu2Selected{border-radius:10px;height:2rem}}.indiMenuImage2selected{height:.75rem;width:.75rem;padding:.325rem}@media screen and (min-width:1400px){.indiMenuImage2selected{padding:.5rem;width:1rem;height:1rem}}@media screen and (min-width:1800px){.indiMenuImage2selected{padding:.5rem;width:1rem;height:1rem}}@media screen and (max-width:1300px){.menu2Container,.menuContainer{position:absolute;z-index:5!important}.detailsContainer{margin-left:70px}}.pageTitle{box-sizing:border-box;background-color:#fff;padding:2px 5px;border-bottom:1px solid #f2e0f7;display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;align-items:center;position:-webkit-sticky;position:sticky;top:0}@media screen and (min-width:1400px){.pageTitle{height:3rem;padding:5px 2rem}}@media screen and (min-width:1800px){.pageTitle{height:3rem;padding:5px 2rem}}.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}}.buttonList,.exportBtn{margin:auto}.exportBtn{float:right}.exportButton{width:9rem;padding:7px 5px;font-size:12px;border-radius:8px;border:none;background:linear-gradient(90deg,#e51f29,#e51f29);background-color:#fff;position:relative}.exportButton,.imageIconButton{cursor:pointer;color:#fff;margin:0 auto 0 5px}.imageIconButton{width:2.25rem;padding:1px;vertical-align:middle;border-radius:2px;border:none;background-color:#fff}.imageIcon{width:100%;height:100%}.imageIcon:hover,.imageIconButton:hover{background-color:#add8e6}.uomListArea{flex:1 1;box-sizing:border-box;width:80%;margin:2rem auto;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:-webkit-sticky;position:sticky;top:0;border-collapse:separate;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;border-radius:10px;background-color:#fff}.datePickerWrapperCustom,.react-datepicker-wrapper{width:100%;height:100%;box-sizing:border-box;color:#333;font-size:14px;flex:1 1}.datePickerWrapperCustom{border:1px solid #ccc!important;border-radius:10px;padding:4px!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:-webkit-sticky;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:10rem;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:14rem}}@media screen and (min-width:1800px){.logoutPopoverContent{width:14rem}}.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:6rem;width:6rem;margin:1rem 2rem;background-color:#fff;border-radius:50%;border:2px solid #d3d3d3}@media screen and (min-width:1400px){.popoverUserImage{height:8rem;width:8rem;margin:1rem 3rem}}@media screen and (min-width:1800px){.popoverUserImage{height:8rem;width:8rem;margin:1rem 3rem}}.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:50%;height:2rem;margin:1rem 2.5rem 0;background-color:#eee;border:2px solid transparent;border-radius:5px;color:#14c76a;font-size:12px;font-weight:600}@media screen and (min-width:1400px){.logoutButton{height:3rem;margin:2rem 3.5rem 0;font-size:16px}}@media screen and (min-width:1800px){.logoutButton{height:3rem;margin:2rem 3.5rem 0;font-size:16px}}.logoutButton:hover{border:2px 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:-webkit-max-content;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}.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:transparent;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{-webkit-transform:rotate(-135deg) translate(-50%);transform:rotate(-135deg) translate(-50%)}.pagination-container .pagination-item .arrow.right{-webkit-transform:rotate(45deg);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:transparent;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-y:scroll;overflow-x:hidden}@media screen and (max-width:1300px){.detailsContainer{margin-left:60px;width:95vw;overflow-x:hidden}}.employeeButton{width:9rem;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}@media screen and (min-width:1400px){.employeeButton{width:12rem;font-size:12px;margin:0 auto;padding:7px 5px;border-radius:10px}}@media screen and (min-width:1800px){.employeeButton{width:12rem;font-size:16px;margin:0 auto;padding:7px 5px;border-radius:10px}}@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:2rem;overflow:auto}.employeeListTable{box-sizing:border-box;width:100%;white-space:nowrap;border-collapse:collapse;overflow-x:auto}.employeeListHeader{background-color:#fff;position:-webkit-sticky;position:sticky;top:0;border-collapse:separate;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{flex:1 1;box-sizing:border-box;background-color:#f3f3f3;margin-top:.5rem;padding-top:1.5rem;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;border-top:1px solid #f2e0f7}.formSubmitInnerArea{width:75%;margin:auto;display:flex;padding:5px 20px}.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;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;margin:auto}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.createPurchaseOrderGrid,.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:10px;background-color:#f30;color:#fff}@media screen and (min-width:1400px){.declineButton{width:12rem;font-size:12px;margin:0 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 auto;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:-webkit-sticky;position:sticky;font-size:12px;margin:.5rem 1rem 0;min-height:50px;min-width:100%;height:auto;overflow-x:scroll}@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:2rem;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:"₹";-webkit-transform:translateX(22px);transform:translateX(22px)}.importTaxCheckbox:checked+.toggle-thumb:after{content:"%";-webkit-transform:translateX(2px);transform:translateX(2px)}.importTaxCheckbox:checked+.toggle-thumb:before{-webkit-transform:translateX(16px);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:-webkit-max-content;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:50px;margin:auto;display:grid;grid-template-columns:repeat(4,minmax(auto,auto));grid-gap:35px 50px;gap:35px 50px;justify-items:center}@media screen and (min-width:1400px){.itemImagesGrid{grid-gap:50px 75px;gap:50px 75px}}@media screen and (min-width:1800px){.itemImagesGrid{grid-gap:50px 75px;gap:50px 75px}}.singleItem{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}@media screen and (min-width:1400px){.singleItem{width:200px;height:150px}}@media screen and (min-width:1800px){.singleItem{width:200px;height:150px}}.singleItemDisabled{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}.itemImage{width:50px;height:50px;margin:0 auto}@media screen and (min-width:1400px){.itemImage{width:75px;height:75px}}@media screen and (min-width:1800px){.itemImage{width:75px;height:75px}}.itemText{color:#666;text-transform:uppercase;font-weight:500;font-size:10px}@media screen and (min-width:1400px){.itemText{font-size:12px}}@media screen and (min-width:1800px){.itemText{font-size:12px}}.itemImageDisabled{width:75px;height:75px;margin:0 auto;cursor:not-allowed;transition:all .2s linear}.singleItem:hover{cursor:pointer;box-shadow:0 0 10px 2px #a9a9a9;transition:all .2s linear}.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:separate;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}.eyeIcon{position:absolute;top:10px;left:12rem;cursor:pointer}.container{width:100vw;height:100vh;background:linear-gradient(203deg,#1f43e5,#14c76a);display:flex}.loginColumn{background-color:#fff;padding:15px;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}.loginColumn,.loginPageLogo{width:15rem;margin:auto;justify-content:center}.loginPageLogo{align-items:center}.loginHeader{margin:.5rem auto;width:100%;text-align:center;font-size:20px;font-weight:500;color:#1837be}.loginInput{padding:10px;margin:0 10px;width:85%;border-radius:10px;font-size:12px;border:1px solid #ddd}.error{border:1px solid #ee3f3f}.errorText{padding:0 20px;font-size:12px;color:#ee3f3f}.successText{margin:0 0 .5rem;font-size:16px;color:#14c76a;text-align:center}.loginButton{width:9rem;font-size:12px;border-radius:5px;border:none;cursor:pointer;margin:0 auto;background:#1f43e5;color:#fff;padding:.75rem}@media screen and (min-width:1400px){.eyeIcon{position:absolute;top:10px;left:12rem}.loginButton{width:12rem;font-size:12px;margin:0 auto;padding:7px 5px;border-radius:10px}}@media screen and (min-width:1800px){.loginButton{width:12rem;font-size:16px;margin:0 auto;padding:7px 5px;border-radius:10px}}.disabled{background-color:#5a6ec5}@media screen and (min-width:1400px){.loginColumn{width:20rem;padding:25px}.loginPageLogo{width:20rem}.loginHeader{font-size:24px}.eyeIcon{position:absolute;top:10px;left:12rem}.loginInput{padding:15px;border-radius:20px;font-size:16px}.errorText{font-size:12px;padding:0 35px}.successText{font-size:20px;margin:0 0 .75rem}.loginButton{padding:1rem}}@media screen and (min-width:1800px){.loginColumn{width:25rem;padding:25px}.loginPageLogo{width:20rem}.loginHeader{font-size:24px}.loginInput{padding:15px;border-radius:20px;font-size:16px}.errorText{font-size:12px;padding:0 35px}.successText{font-size:20px;margin:0 0 .75rem}.loginButton{padding:1rem}}.loginPageLogo{width:90%;height:70%}@media screen and (min-width:1400px){.eyeIcon{top:17px;left:16rem}}.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{width:9rem;padding:5px;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{width:10rem;font-size:12px;margin:0 auto;padding:7px 5px;border-radius:10px}}@media screen and (min-width:1800px){.goBackButton{width:12rem;font-size:16px;margin:0 auto;padding:7px 5px;border-radius:10px}}@media screen and (min-width:1400px){.goBackButton{margin-left:5px}}@media screen and (min-width:1800px){.goBackButton{margin-left:5px}}.roleListArea{flex:1 1;box-sizing:border-box;width:80%;margin:2rem auto;overflow:auto}.roleListTable{border-collapse:collapse;white-space:nowrap;width:100%}.roleListHeader{background-color:#fff;position:-webkit-sticky;position:sticky;top:0;border-collapse:separate;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:-webkit-max-content;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;margin:2rem;overflow:auto;max-height:400px}@media screen and (min-width:0px) and (max-width:960px){.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:-webkit-sticky;position:sticky;left:0;background-color:inherit}.vendorListTable{width:100%;border-collapse:collapse;white-space:nowrap;font-size:12px}.vendorListHeader{background-color:#fff;top:0;border-collapse:separate;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}.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}.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:separate;border-spacing:0 3px}.createVendorContactsTableHeader{background-color:#f1f1f1;color:#14c76a;font-size:12px;font-weight:600}.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}.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}.innerTable,.innerTable>tbody>tr>td,.innerTable>thead>tr>td,.lineItemTable,.lineItemTable>tbody>tr>td,.lineItemTable>thead>tr>td{border:.1px solid #000;border-collapse:collapse;padding:2px 1px;font-family:Arial,Helvetica,sans-serif}.lineItemTable,.lineItemTable>tbody>tr>td,.lineItemTable>thead>tr>td{border-bottom:none}.listPageParamsGrid{margin:0;z-index:3;max-height:40px}.listPageParams{flex-basis:200px}.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}}.dashboardGrid{box-sizing:border-box;padding:.5rem;display:grid;grid-gap:20px;gap:20px;white-space:nowrap;overflow-x:scroll;margin:-.1rem 2rem;width:95%;grid-template-columns:50% 1fr}.dashboardCard{background-color:#fff;box-shadow:0 0 10px 2px #dcdcdc;border-radius:5px;padding:0 .5rem;display:flex;flex-direction:column}.dashboardCardHeader{display:flex;white-space:pre-wrap}.dashboardCardTitle{flex:1 1;line-height:2rem;font-size:12px;color:#666;font-weight:700;text-align:center;position:-webkit-sticky;position:sticky}.dashboardCardBody{display:flex}.dashboardAlertBody{flex:1 1;margin:0 1rem 1rem;overflow:auto;box-sizing:border-box}.dashboardGraphBody{display:flex;flex:1 1;margin:0;overflow:hidden;box-sizing:border-box}.dashboardParams{display:flex;padding:.3rem;flex-direction:row;margin:1px 0 0 1px;width:195%;max-height:20vh;grid-column:1/auto;grid-row:1/1}.dashboardParams>div{width:85%;margin:6px;position:relative}.itemTrendList{grid-area:auto/2/span 3/span 2;padding:0;display:flex;width:inherit;max-width:39vw;flex-direction:column;grid-area:2/2/span 2/2 span 2}.cardsContainer{grid-column:1/span 1;align-self:flex-start;grid-auto-flow:column;display:grid;grid-row:auto/span 1;grid-column-gap:35px}@media screen and (max-width:960px){.dashboardParams{max-height:20vh}.cardsContainer{grid-auto-flow:dense;grid-area:auto/1/span 1/span 1}}.dashSingle{margin:.5rem 0;padding:.2rem 0;color:#0ab571;flex:1 1;text-align:center;font-size:24px;font-weight:600;font-family:ui-monospace}.dashBoardToolTip{font-size:12px;font-weight:500;color:#000;background-color:#95ebbf;border-radius:4px;padding:5px;font-family:ui-monospace}.alertStockLine{box-sizing:border-box;width:100%;display:flex;padding:.5rem 1rem;background-color:rgba(2,116,57,.8196078431372549);margin:0 0 .5rem;border-radius:5px;color:#fff;font-weight:600;font-size:12px}
/*# sourceMappingURL=main.f89a550a.chunk.css.map */