.HeaderMain{display:flex;height:60px;background-color:#1e1e1e;align-items:center;justify-content:space-between}.Header1{margin-left:20px}.Header2{display:flex;align-items:center;margin-right:20px}.Header2 a{text-decoration:none;font-size:14px;font-weight:620;color:#000;font-family:Akkurat LL,Lato,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.Header2 button{background-color:#5353fa;font-size:14px;font-weight:620;padding-left:15px;padding-right:15px;font-family:Akkurat LL,Lato,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.Header2 button:hover{cursor:pointer;background-color:#4b4bad}.CompanyLogoMain{width:150px;height:100%}*{margin:0;padding:0;box-sizing:border-box}.Main{position:relative;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;background-image:url(/assets/loginpagebackground-BCkWBaJC.png);background-size:cover;background-position:center;background-repeat:no-repeat}.Main:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#0006;z-index:1}.ContentWrapper{height:100%;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2%;background-color:transparent}.Logos{height:70px;object-fit:contain}.xdlinxlogo{height:75px;object-fit:contain;opacity:.8}.SignInOptions2{display:flex;justify-content:center;width:60%;margin-top:30px}.SignInCard{width:100%;max-width:400px;margin-top:-30px}.SignInCard .MuiCardContent-root{background-color:#e6e6e6cc;border-radius:5px}.SignInHeader{color:#000;text-align:center;margin-bottom:10px;font-family:poppins}.GoogleButton{display:flex;width:100%;max-width:300px;align-items:center;justify-content:center;gap:10px;color:#000;padding:10px;border-radius:5px;transition:.1s;cursor:pointer;font-size:17px;font-weight:700}.GoogleButton:hover{background-color:#b9b7b7}.SignInGoogle{width:40px}@media only screen and (max-width: 767px){.GoogleButton{width:80%;max-width:300px}}.logo{display:flex;align-items:center;height:100%}.logo-img{height:50%;width:auto}.HeaderIconsContainer{margin-left:auto;display:flex;align-items:center}.HeaderIssuesIcon{color:var(--error-color)!important}@media (max-width: 600px){.HeaderIconsContainer{display:flex;margin-left:20px}}@media (min-width: 600px){.logo{margin-left:10px}}.HeaderCreateMenuDiv{display:flex;justify-content:flex-start;width:400px;width:340px;padding:10px;gap:20px}.HeaderCreateMenuDiv1{padding-left:10px;display:flex;flex-direction:column;gap:5px;width:40%}.HeaderCreateMenuDiv1 p,.HeaderCreateMenuDiv2 p{display:flex;align-items:center;gap:5px;font-size:14px}.HeaderCreateMenuDiv1 .MenuLink{color:var(--link-color)!important;font-size:14px;text-decoration:none;font-size:13px}.HeaderCreateMenuDiv2{display:flex;flex-direction:column;gap:5px;width:50%}.HeaderCreateMenuDiv2 .MenuLink{color:var(--link-color)!important;font-size:14px;text-decoration:none;font-size:13px}.user-information{display:flex;flex-direction:column}strong{font-size:12px}.profile-container{display:flex;flex-direction:column;padding:10px;width:270px}.profile-container-two{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:10px}.profile-name{margin:0;font-weight:700;font-size:16px}.profile-email{margin:0;font-size:12px;color:gray}.profile-roles{margin-top:10px;width:100%;display:flex;align-items:center}.defualtRole-option{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;cursor:pointer}.defualtRole-option.Mui-focused,.defualtRole-option:hover{background-color:#a1a1a13d}.defualtRole-option.Mui-selected{font-weight:500;background-color:#a1a1a13d}.DeafaultCheckIcon{color:var(--link-color);font-size:20px!important}.DefaultRoleCheckbox{margin-right:10px!important}.DefaultRoleCheckbox svg{font-size:35px!important}.roles-list{margin-top:5px;display:flex;flex-direction:column;justify-content:center;gap:10px}.role-item{font-size:10px;color:gray}.no-roles{font-size:12px;color:gray}.profile-actions{height:20px;display:flex;align-items:center;justify-content:space-between;width:100%}.theme-toggle-icon{font-size:20px;color:inherit}.logout-button{padding-left:0;color:#0cf;text-align:center;font-weight:700}.RoleChangeCliploader{height:100vh;width:100vw;position:fixed;top:0;left:0;z-index:2000;display:flex;justify-content:center;align-items:center}#light .RoleChangeCliploader{background-color:var(--light-background-color)}#dark .RoleChangeCliploader{background-color:var(--dark-background-color)}.NewIssuesContainer{width:100%;margin:0 auto;padding:10px;box-shadow:0 6px 20px #0000001a;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.IssueDialogHeader{padding-bottom:16px;font-size:24px;font-weight:600;position:relative;text-align:center}.NewIssuesHeader{padding-bottom:16px;padding-left:10px;font-weight:600}.NewIssuesForm{overflow-y:auto;height:calc(100vh - 140px);padding:0 20px}.IssueDialogForm{max-height:60vh}.NewIssuesTypesOption,.NewIssuesPriorityOption{display:flex;align-items:center;padding:8px;cursor:pointer}.NewIssuesTypesOption span,.NewIssuesPriorityOption span{margin-left:8px}.IssueDialogHeader:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);height:3px;width:80px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:3px}.NewIssuesFooter{display:flex;justify-content:flex-end;gap:16px;padding-top:16px}.NewIssuesFooter button{border-radius:8px;padding:8px 24px;text-transform:none;font-weight:500;letter-spacing:.3px;transition:all .2s}@media (max-width: 600px){.NewIssuesContainer{padding:16px;border-radius:8px;max-width:100%}.NewIssuesFooter{flex-direction:column-reverse;gap:12px}.NewIssuesFooter button{width:100%}}.navListItem{transition:margin-bottom .3s ease}.drawerOpen.navListItem{margin-bottom:5px}.drawerClosed.navListItem{margin-bottom:12px}.NavBarItems{flex-grow:1;overflow-y:auto}.text-truncate{margin-left:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text-truncate .MuiListItemText-primary{font-size:14px}.navbar-icons-container{overflow-x:hidden;overflow-y:auto;max-height:calc(100vh - 40px)}.selected-icon svg{color:var(--link-color)!important}.selected-text .MuiListItemText-primary{color:var(--link-color)!important}.submenu-list-item-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-left:40px;color:var(--submenu-list-item-text)}.submenu-list-item-text .MuiListItemText-primary{font-size:14px}.custom-popper{z-index:1200;margin-left:8px;transition:opacity .2s ease}.subMenuPaper{background-size:cover;min-width:80px;margin-left:8px}.navbar-text .MuiListItemText-primary{font-size:14px!important}.navbar-text :hover{color:var(--link-color)!important}.MuiBox-root.drawer-open .sub-buttons .MuiListItem-root:hover{background-color:#ffffff1a}.navbar-icons svg{font-size:24px}.navbar-icons svg:hover{color:var(--link-color)!important}.xdlinxLogoContainer{display:flex;justify-content:center;align-items:center;margin-bottom:75px}.xdlinxLogo{max-width:150px}.custom-popper .MuiListItem-root:hover .MuiListItemText-primary,.custom-popper .MuiListItem-root:hover{color:#0cf!important;background-color:var(--navbar-custom-popper)!important}.navListItem:hover .MuiListItemText-primary{color:#0cf!important}.navListItem:hover .navbar-icons svg{color:#0cf!important}.navListItem{position:relative}.navListItem:hover:after{content:"";position:absolute;right:0;top:0;width:6px;height:100%;border-radius:4px 0 0 4px}.MuiListItem-root{position:relative}.MuiListItem-root:hover:after{content:"";position:absolute;right:0;top:0;width:6px;height:100%;border-radius:4px 0 0 4px}.right-rail{position:relative;background-color:#353e40}.right-rail.active-menu:after,.right-rail.active-submenu:after,.right-rail.active-child:after,.right-rail.active-popper:after{content:"";position:absolute;right:0;top:0;width:6px;height:100%;background-color:#0cf;border-radius:4px 0 0 4px;transition:transform .15s ease}.custom-popper .MuiListItem-root.right-rail{position:relative}#dark .navListItem:hover,#dark .MuiListItem-root:hover,#dark .submenu-list-item-text:hover,#dark .custom-popper .MuiListItem-root:hover{background-color:#353e40!important}#light .navListItem:hover,#light .MuiListItem-root:hover,#light .submenu-list-item-text:hover,#light .custom-popper .MuiListItem-root:hover{background-color:#e1faff!important}.selected-menu-item .MuiListItemText-primary,.selected-menu-item svg{color:var(--link-color)!important}#dark .active-submenu,#dark .active-child{background-color:#353e40!important}#light .active-submenu,#light .active-child{background-color:#e1faff!important}.active-menu{background-color:transparent!important}.active-menu .MuiListItemText-primary,.active-menu svg{color:var(--link-color)!important}.active-menu .MuiListItemText-primary,.active-submenu .MuiListItemText-primary,.active-child .MuiListItemText-primary,.active-menu svg,.active-submenu svg,.active-child svg{color:var(--link-color)!important}.main-content{position:static;margin-top:65px;transition:.3s;height:100%;width:100%;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:hidden}.main-content-spread{position:static;margin-left:160px;margin-top:70px;width:100%;min-height:100vh;overflow-x:hidden;transition:"width 0.3s ease-out"}.BuildFlyoutBody1{margin-top:120px;display:flex;flex-direction:row;right:0;font-size:14px;overflow-x:hidden;height:100%}.ProductDetailsImageDiv{display:flex;flex-direction:column}.ProductDetailsImageDiv .DetailsImage{object-fit:contain;width:100%;height:200px;border:1px solid #595959;border-radius:10px;display:flex;justify-content:center;align-items:center;padding:8px;box-sizing:border-box;box-shadow:0 10px 20px #0003;font-family:var(--body-font-family);margin-left:20px}.ProductImgOptions{padding-top:10px;display:flex;width:100%;justify-content:space-between;margin-left:20px}.ProductImgOptionsForNoImage{padding-top:10px;display:flex;justify-content:flex-end;width:100%}.ProductImgOptions p,.ProductImgOptionsForNoImage p{display:flex;align-items:center;gap:5px;font-size:12px}.ProductImgOptions p:hover,.ProductImgOptionsForNoImage p:hover,.DetailsImage:hover{cursor:pointer}.NoProductsMessage{font-size:xx-large;font-family:var(--header-font-family);font-weight:500;margin-top:1%;display:flex;flex-direction:column;justify-content:center;align-items:center}.NoProductsMessage button{margin-top:1%}.NoProductsMessage img{width:50%;height:50%}.Product{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;height:100%;padding-top:7px}.ProductProgressBar{display:flex;align-items:center}.ProductInner{display:flex;flex-direction:column;justify-content:space-between;flex:1;max-width:50%;margin-left:100px;flex-grow:1;margin-top:10px;gap:20px;height:100px}.ProductImageContainer{display:flex;flex-direction:column;width:30%;height:100%;align-items:center}.builddata{display:flex;flex-direction:row;width:95%;height:150px;align-items:center;justify-content:space-between}.builddata button{width:10%;height:35px;margin-top:10px}.ProductChildrenHeader{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;width:98%}.ProductChildrenHeader div{display:flex;align-items:center;gap:10px}.ProductChildrenHeader .ShortPageHeader{margin-right:auto;font-size:14px;font-weight:600}.ProductSearchBar{height:35px!important}.build{display:flex;position:relative;flex-direction:column;bottom:20px;gap:10px;width:100%;height:100%;margin-right:30px;overflow-x:hidden}.BillofGuides,.bom{display:flex;position:relative;flex-direction:column;bottom:20px;gap:10px;margin-left:10px;margin-right:30px;width:"100%";overflow-x:hidden}.BuildEditFlyoutFooter{position:absolute;display:flex;align-items:center;justify-content:space-between;width:100%;bottom:0;gap:10%;padding:10px}.ProductGuideNumber{padding-left:5px;color:#a3a0a0}.ProductDetailsFlyoutName{display:flex}.highlightedDescription{padding:10px;border-radius:5px}.productLoader{display:flex;flex-direction:column;height:100%;justify-content:center;align-items:center;overflow:hidden;width:100%}.CreateBuild{font-size:20px;font-weight:600;letter-spacing:.015cm}.CreateBuildButton{display:flex;justify-content:end;width:100%}.ProductAlertMessages{position:fixed;top:70px;right:10px}.image-flyout img{max-width:100%;display:block;align-items:center;max-height:100%}.ProductsScrollingBox{display:flex;width:200px;height:200px;margin-left:20px;border-radius:10px;position:relative;border:2px solid #009cbb40}.ProductsScrollingBoxHighlight{cursor:pointer;display:flex;width:210px!important;height:210px;box-shadow:1px 2px 10px #009cbb65;margin-left:20px;border-radius:10px;border:2px solid #009cbb;position:relative}.ProductsScrollingBox:hover{cursor:pointer;box-shadow:1px 1px 15px #009cbb65}.ProductsScrollingBox img,.ProductsScrollingBoxHighlight img{border-radius:10px;width:150px;height:120px}.ProductNumber{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;font-size:11px;width:22px;height:22px;border-radius:50%;background-color:#009cbbb2;color:#fff}.ProductsScrollingBoxInner{display:flex;flex-direction:column;width:600px;height:auto;border-radius:8px;justify-content:center;align-items:center;overflow:hidden}.ProductsScrollingBoxInner .product-image{width:90%;height:90%;max-height:150px;margin:10px auto}.ProductsScrollingBoxInner img{object-fit:contain;max-width:100%;max-height:100%}.ProductGuideName{display:flex;align-items:center;width:100%;font-size:10px;max-width:100%;margin-left:10px}.ProductGuideName p{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ProductsScrollContainer{position:relative;white-space:nowrap;width:100%;height:100%;display:flex;align-items:center;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}.ProductsScrollContainer::-webkit-scrollbar-track{background-color:transparent}.ProductsSection{display:flex;flex-direction:row;width:98%;height:250px;box-shadow:0 6px 10px #0000001a}.ProductsInfoContainer{display:flex;flex-direction:row;width:100%;height:100%;border-radius:10px}#dark .ProductsInfoContainer{background-color:#191919}#light,.ProductsInfoContainer{background-color:#fff}.ProductsInfo{display:flex;flex-direction:row;margin-left:2px;align-items:center;height:98%;padding:5px;width:99.6%;border-radius:8px}.ProductsInfoSideButtons{background-color:transparent;font-size:25px;width:2%;border:none;cursor:pointer;color:var(--link-color)}.ProductsBillOfGuides{display:flex;flex-direction:column;width:98%;max-height:550px}.ProductsBom{display:flex;flex-direction:column;width:98%;height:550px}.ProductDetailsHome{margin-top:15px;display:grid;grid-template-columns:1fr 10px 1fr 10px 1fr 10px 1fr 10px 1fr;align-items:center;gap:10px;width:98%;margin-bottom:15px}.ProductDetails{width:100%;display:flex;flex-direction:column;gap:10px;margin-left:20px}.ProductNameNumber{font-size:13px!important;width:100%;display:flex;align-items:center;justify-content:flex-start;gap:5px}.ProductNameNumber h2{margin:0;padding:0;font-size:13px!important;width:auto;max-width:20%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ProductNameNumber div{display:flex;align-items:center;width:80%}.ProductNameNumber p{width:auto;max-width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px!important}.ProductNameNumber div p{width:auto;max-width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px!important}.ProductGuideNameNumberLink{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:auto;max-width:70%}.ProductsAccordionHeader{font-size:18px;font-weight:400}.build{position:relative;height:100%}.loader-container,.Build-loader-container{display:flex;align-items:center;justify-content:center}.ProductDataGridDiv{height:400px;width:100%}.UploadTextWrapper{display:flex;align-items:center;gap:5px}.UploadedImageWrapper{position:relative;display:inline-block;width:100%}.UploadedImageWrapper ion-icon{position:absolute;top:-5px;right:-5px;font-size:24px;color:red;cursor:pointer;background:#fffc;border-radius:50%;transition:all .3s ease;z-index:1}.UploadedImageWrapper ion-icon:hover{background:#f00c;color:#fff;transform:scale(1.1)}.ProductImagePreview{width:100%;overflow:hidden;border-radius:8px;box-shadow:0 4px 8px #0000001a}.UploadedImage{width:100%;height:auto;display:block;object-fit:cover}.ProductViewDetails{font-size:14px}.ProductDivider{height:30px!important}@media only screen and (min-width: 168px) and (max-width: 765px){.SearchBar{min-width:100px}.ChildKitDrawerStyles{width:50%}.GuideStepDrawerStyles,.ProductDrawerStyles{width:95%}.PlatformDrawerStyles{width:80%}.DrawerStyles{width:100%;height:100%;z-index:1300;position:fixed}}@media only screen and (min-width: 768px) and (max-width: 1350px){.DrawerStyles{width:50%}.GuideStepDrawerStyles,.ProductDrawerStyles{width:95%}.AdminChildren{width:100%;height:100%}.AdminChildrenHeader{max-width:98%}.SearchBar{min-width:30%}.ChildKitDrawerStyles{width:60%}}@media only screen and (min-width: 1351px){.GuideStepDrawerStyles{width:95%}.SearchBar{min-width:30%}.ProductDrawerStyles{width:95%}.AdminChildren{width:98%;height:100%}.AdminChildrenHeader{width:100%}.DrawerStyles{width:50%}.ChildKitDrawerStyles{width:70%}}.RoleDrawerStyles{width:60%;z-index:1300;position:fixed}.role-permission-container{display:flex;flex-direction:column;gap:20px;padding:16px}.permission-controls-section{width:100%;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px}.permission-autocomplete{width:40%}.permission-autocomplete .MuiOutlinedInput-root{padding:0;min-height:40px}.permission-autocomplete .MuiInputBase-input{padding:10px 8px;font-size:13px}.permission-autocomplete .MuiInputLabel-root{font-size:13px}.permission-autocomplete .MuiInputLabel-shrink{font-size:16px}.permission-button{height:40px;white-space:nowrap;font-size:13px;padding:0 14px;color:#fff;background-color:#009cbb;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.permission-button:hover{background-color:#0082a0}.data-grid-section{height:calc(100vh - 230px)}.loader-container-centered{display:flex;justify-content:center;align-items:center;min-height:200px}button{border:0}*{margin:0;padding:0}.AdminChildren{display:flex;flex-direction:column;align-items:center;width:99%;padding-top:7px}.AdminChildrenHeader{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:98%;margin-bottom:5px}.PageHeader{margin-right:auto;font-size:20px;font-weight:600}.SearchBar{height:35px;border-radius:5px;border:1px solid grey;padding-left:10px}.CreateFlyout,.EditFlyout,.AddPartTypeFlyout,.AddNewsTypeFlyout,.AddMachineTypeFlyout,.AddToolTypeFlyout{position:relative;display:flex;flex-direction:column;width:100%;height:100%;background-color:transparent;overflow-y:hidden}.EditFlyoutTabs{position:relative;width:100%;height:calc(100vh - 120px)}.CreateFlyoutHeader,.EditFlyoutHeader,.AddPartTypeHeader,.AddNewsTypeHeader,.AddMachineTypeHeader,.AddToolTypeHeader{position:absolute;top:0;right:0;width:100%;padding-left:10px;height:60px;display:flex;align-items:center;justify-content:space-between}.EditFlyoutHeader h3{font-size:18px!important}.EditFlyoutHeader1{display:flex;align-items:center;gap:10px;width:40%}.EditFlyoutHeader1 p{width:75%;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.CreateFlyoutHeader h2,.EditFlyoutHeader h3,.AddPartTypeHeader h3,.AddNewsTypeHeader h3,.AddMachineTypeHeader h3,.AddToolTypeHeader h3{margin-left:25px;font-weight:600;font-size:19px}.EditFlyoutHeader h2{margin-left:9px;font-weight:600;font-size:19px}.CreateFlyoutHeader button,.EditFlyoutHeader button,.AddPartTypeHeader button,.AddNewsTypeHeader button,.AddToolTypeHeader button,.AddMachineTypeHeader button{font-size:24px;background-color:transparent}.CreateFlyoutHeader button:hover,.EditFlyoutHeader button:hover,.AddNewsTypeHeader button:hover,.AddPartTypeHeader button:hover{cursor:pointer}.CreateFlyoutHeader button ion-icon,.EditFlyoutHeader button ion-icon,.AddPartTypeHeader button ion-icon,.AddNewsTypeHeader button ion-icon,.EditIcon{margin-right:5px}.EditFlyoutHeader div{display:flex}.EditFlyoutHeader div button{margin:0 5px 0 0;padding:0}.EditFlyoutTabsPanel{margin-top:60px;background-color:var(--tab-list-color)}.HeaderActions{display:flex;align-items:center}.CreateFlyoutBody,.AddPartTypeBody,.AddToolTypeBody,.AddNewsTypeBody,.AddMachineTypeBody{position:absolute;display:flex;flex-direction:column;right:0;width:96%;top:60px;font-size:14px;margin-bottom:50px;gap:20px;overflow-y:auto;overflow-x:hidden;padding-right:20px;max-height:calc(100vh - 130px);padding-top:10px}.CreateFlyoutBody2{position:absolute;display:flex;flex-direction:column;right:0;width:96%;font-size:14px;margin-bottom:50px;gap:20px;overflow-y:auto;overflow-x:hidden;padding-right:20px;max-height:calc(100vh - 130px);padding-top:10px}.EditFlyoutBody3{position:absolute;display:grid;grid-template-columns:repeat(2,1fr);flex-direction:column;right:0;width:96%;top:10%;padding-top:20px;font-size:14px;font-family:Roboto!important;margin-bottom:50px;gap:10px;overflow-y:auto;overflow-x:hidden;padding-right:20px;max-height:calc(100vh - 130px)}.EditFlyoutBody2{position:absolute;display:grid;grid-template-columns:repeat(2,1fr);flex-direction:column;right:0;width:96%;padding-top:20px;font-size:14px;font-family:Roboto!important;margin-bottom:50px;gap:10px;overflow-y:auto;overflow-x:hidden;padding-right:20px;max-height:calc(100vh - 130px)}.EditFlyoutBody4{display:grid;grid-template-columns:repeat(2,1fr);flex-direction:column;padding-top:6px;font-size:14px;font-family:Roboto!important;gap:10px;overflow-y:auto;overflow-x:hidden;max-height:calc(110vh - 130px)}.EditFlyoutBodyContacts{position:absolute;display:grid;grid-template-columns:repeat(2,1fr);gap:20px;right:0;width:97%;left:3%;top:15%;font-size:14px;font-family:Roboto!important;overflow-y:auto;overflow-x:hidden;padding-top:10px;padding-right:20px;max-height:calc(100vh - 120px)}.addresses{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding-top:1%}.EditFlyoutBody{position:absolute;display:flex;flex-direction:column;right:0;width:98%;padding-top:20px;font-size:14px;margin-bottom:50px;gap:20px;overflow-y:hidden;overflow-x:hidden;padding-right:20px;max-height:calc(100vh - 130px);top:90px;margin-top:20px;overflow-y:auto}.PurchaseOrdersCreateMainDiv{display:flex;flex-direction:column;overflow-y:auto;gap:10px;width:100%;height:calc(100vh - 170px)}.PurchaseOrdersDetailsTab{display:flex;flex-direction:column;width:100%;gap:10px;height:auto!important}.EditFlyoutBody1{position:absolute;display:flex;flex-direction:column;right:0;width:96%;padding-top:20px;font-size:14px;margin-bottom:50px;gap:30px;overflow-y:hidden;overflow-x:hidden;padding-right:20px;max-height:calc(100vh - 130px);top:120px;margin-top:20px;overflow-y:auto}.update-reset{display:flex;gap:10%}div.Active-Button{margin-left:25px}.EditFlyoutFooter{position:absolute;display:flex;align-items:center;justify-content:space-between;padding:10px;height:50px;bottom:0;left:0;width:100%}.EditFlyoutFooter ion-icon[name=trash-outline]{font-size:20px;color:red}.EditFlyoutFooter ion-icon[name=trash-outline]:hover{cursor:pointer}.roleErrorMessage{color:#ff0000c7;font-size:15px}.CreateFlyoutFooter,.AddToolTypeFooter,.AddMachineTypeFooter,.AddNewsTypeFooter,.AddPartTypeFooter{position:absolute;display:flex;justify-content:flex-end;gap:20px;bottom:0;right:0;left:0;margin-left:0;width:100%;height:50px;padding:8px 20px 8px 0}.MasterDataDataGridDiv{height:calc(100vh - 180px);width:100%;overflow:hidden}.PartBomHierarchyHeaderDiv{display:flex;align-items:center;padding:10px 5px;width:100%;justify-content:space-between}.PartViewContainer{justify-content:right}.PartBomHierarchyHeaderDivInner{display:flex;gap:10px;align-items:center}.PartBomHierarchyDataGridDiv{height:calc(100vh - 230px);width:100%}.DataGrid{width:98%!important;margin:0 auto;height:100%!important}.DataGridDiv{height:calc(100vh - 175px);width:100%;overflow:hidden}.MuiDataGrid-virtualScroller::-webkit-scrollbar{height:5px}.AddNewMenuItemButton{height:30px;background-color:#3fb2d8;width:100%;font-size:15px;display:flex;justify-content:center;color:#fff}.AddNewMenuItemButton:hover{cursor:pointer}.ChildDetails{display:flex;flex-direction:column;gap:10px}.ChildDetailsHeader{display:flex;flex-direction:column;gap:20px;width:100%;margin-bottom:10px}.ChildDetailsHeader .ChildDetailsModify{display:flex;gap:50px;align-items:center}.MuiSelect-select-MuiInputBase-input-MuiInput-input{font-size:12px}.EditButton{display:flex;justify-content:end}.EditButton button{background-color:#fff;font-size:23px}.ChildDetailsDataGridHeader{color:#00f;font-weight:700;margin-bottom:10px}.ChildPartAvailableTag{font-weight:600;margin-bottom:8px}.ChildPartNoAvailableTag{color:#f20909;margin-bottom:8px;font-weight:300;font-size:18px}.ChildPartLoading{display:flex;width:100%;height:100%;justify-content:center;align-items:center}.messageCancelButton{background-color:transparent;transform:rotate(45deg)}.ChildPartTextFeild{width:70%;height:50px}.ChildPartTextFeild2{width:20%;height:50px}.AttachButton{width:150px;height:50px;background-color:#009cbb!important;color:#fff!important}.ChildPartCancelButton{width:150px;height:50px}.TaskNotAvailableMsg{color:red;margin-top:10px;margin-left:10px;font-size:14px}.LiveContainer img,.LiveContainer video{height:90vh;width:100%}.VideoCamControls{position:absolute;display:flex;align-items:center;justify-content:center;border-radius:10px;background-color:gray;width:100px;left:50%;transform:translate(-50%);bottom:20px;box-shadow:0 4px 8px #000000c3}.VideoCameraCompDiv{display:flex;flex-direction:column;width:95%;height:98%;background-color:#000}.VideoCameraCompDivHeader{display:flex;align-items:center;justify-content:flex-end;width:100%}.VideoCameraCompDivHeader ion-icon{cursor:pointer;color:#fff!important;font-size:30px}.VideoCameraCompDivBody{width:100%;height:90%;display:flex;justify-content:center}.VideoCameraCompDivBody .CapturedImage{width:60%;object-fit:contain}.RecordingTime{position:absolute;top:1px;left:50%;transform:translate(-50%);background-color:#000000b3;color:#fff;padding:5px 10px;border-radius:5px;font-size:16px;z-index:10}.SerialNumberRequiredDiv{display:flex;align-items:center;gap:10px}.NoDocuments{color:red}.ChildPartDataGrid{height:calc(100vh - 300px);width:100%;overflow:auto}.ChildPartDataGridReadonly{height:calc(100vh - 200px);width:100%;max-height:100%;overflow:auto}.BOMHierarchyBtnContainer{display:flex;justify-content:flex-end}.buttons-container{display:flex;gap:15px;align-items:center}.DownloadUpload{color:#009cbb}.roles-container{display:grid;grid-template-columns:repeat(2,1fr)}.roles-container h4{grid-column:span 2;margin-bottom:10px}.EditFlyoutFooterUser{position:absolute;display:flex;align-items:center;justify-content:flex-end;width:100%;left:0;margin-left:0;bottom:0;gap:10%;padding:8px 20px 8px 0}.AdminChildrenHeaderButtons{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px}.role-permission-container .MuiAccordion-root{background-color:transparent;border:1px solid #ccc;box-shadow:none;border-radius:6px;margin-bottom:16px}.role-permission-container .MuiAccordionSummary-root{background-color:transparent;padding:8px 16px;border-bottom:1px solid #ccc;min-height:48px}.role-permission-container .MuiAccordionSummary-content{margin:0;align-items:center}.role-permission-container .MuiTypography-subtitle1{font-weight:600}.role-permission-container .MuiAccordionDetails-root{padding:16px;background-color:transparent}.permission-controls-row{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end;margin-top:10px;padding:10px}.TwoColumnGrid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.description{display:grid;grid-column:1 / -1;gap:8px}.loading-container{height:calc(100vh - 100px);display:flex;align-items:center;justify-content:center}.StockAdjustmentContainer{display:flex;flex-direction:column;gap:10px;padding:0 16px;width:100%;box-sizing:border-box}.StockAdjustmentEmptyState{border:2px dashed #a1a1a1;border-radius:8px;padding:40px 20px;text-align:center;margin-top:20px}.NoInventory{color:var(--error-color)}.InventoryTransactionContainer{margin-top:20px}.AdminPageTabs{display:flex;width:auto;border:1px solid rgb(50,50,50);border-radius:3px}.AdminPageTabs .TabButton{width:120px;cursor:pointer;padding:8px 0;font-size:11px!important;background-color:transparent;color:var(--TabButton-color);border-right:1px solid rgb(50,50,50)}.StockMovementContentDiv{display:flex;flex-direction:column;width:99%;gap:10px;padding:10px;max-height:calc(100vh - 140px)!important}.StockMovementContentDivHeader{display:flex;align-items:center;justify-content:space-between}.StockMovementContentDataGridDiv{height:calc(100vh - 220px);width:100%;overflow:hidden}.PageMainDiv{display:flex;flex-direction:column;width:100%;height:100%;height:calc(100vh - 100px)!important;padding:5px 15px;gap:10px}.PageMainDivHeader,.AdminPageTabsDiv{display:flex;align-items:center;justify-content:space-between;width:100%}.PageHeading{font-family:var(--header-font-family);font-size:20px;text-transform:uppercase}.AdminPageContent{width:100%;height:100%!important;overflow-y:hidden}.AdminPageContent .DataGrid{width:100%!important;height:100%!important}.AntDesignSearchBar{padding:5px 10px;background-color:var(--ant-design-search);border:1px solid rgb(71,71,71);color:var(--hierarchy-text-primary);width:30%;border-radius:3px}.ant-spin-container{height:100%!important}.AntDesignDataGridHeader{display:flex;width:auto;padding:0 10px;align-items:center;justify-content:space-between}.AntDesignDataGrid{padding:10px;height:100%!important;width:auto;color:#fff!important}.AntDesignDataGrid .ant-table-row{height:auto;font-size:12px}.AntDesignDataGrid .ant-table-thead>tr>th{color:var(--hierarchy-text-primary);font-weight:700;font-size:12px;padding:8px 16px;background-color:var(--ant-design-search)!important;border-bottom:1px solid rgb(0,0,0)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.AntDesignDataGrid .ant-table-tbody>tr>td{color:var(--hierarchy-text-primary);background-color:var(--ant-design-search)!important;padding:8px 16px;white-space:normal!important;overflow:visible;text-overflow:clip;cursor:pointer;border-bottom:2px solid #383838}.AntDesignDataGrid .ant-table-row:hover>td{background-color:var(--ant-design-search)!important}.AntDesignDataGrid .ant-table-container{overflow:auto}.AntDesignDataGrid .ant-table-body{min-height:calc(100vh - 400px)!important;overflow-y:auto!important;background-color:var(--ant-design-search)!important}.AntDesignDataGrid .ant-table{background-color:var(--ant-design-search)!important}.AntDesignDataGrid .ant-table-cell{--indent-size: 15px;--base-padding: 16px;--row-height: 28px}.AntDesignDataGrid .ant-table-tbody>tr>td:first-child{position:sticky!important;left:0!important;background-color:var(--ant-design-search)!important}.AntDesignDataGrid .ant-table-row-level-0>td{padding:8px 16px!important;font-size:13px!important;border-bottom:2px solid #383838!important}.AntDesignDataGrid .ant-table-row-level-1>td{padding:8px 16px!important;font-size:12px!important;border-bottom:1.5px solid #383838!important}.AntDesignDataGrid .ant-table-row-level-2>td{padding:8px 16px!important;font-size:11px!important;background-color:#141414!important;border-bottom:1px solid #383838!important}.AntDesignDataGrid .ant-table-row[class*=ant-table-row-level-]:not(.ant-table-row-level-0):not(.ant-table-row-level-1):not(.ant-table-row-level-2)>td{padding:8px 16px!important;font-size:10px!important;border-bottom:.5px solid #383838!important}.AntDesignDataGrid .ant-table-row:hover>td:first-child{background-color:var(--ant-design-search)!important}.AntDesignDataGrid .ant-table-row[class*=ant-table-row-level-]:not(.ant-table-row-level-0)>td:first-child:before{content:"";position:absolute;width:1px;background-color:#616161;z-index:0;top:0;height:100%}.AntDesignDataGrid .ant-table-row-level-1>td:first-child:before{left:var(--base-padding)}.AntDesignDataGrid .ant-table-row-level-2>td:first-child:before{left:calc(var(--base-padding) + var(--indent-size) * 1)}.AntDesignDataGrid .ant-table-row-level-3>td:first-child:before{left:calc(var(--base-padding) + var(--indent-size) * 2)}.AntDesignDataGrid .ant-table-row-level-4>td:first-child:before{left:calc(var(--base-padding) + var(--indent-size) * 3)}.AntDesignDataGrid .ant-table-row-level-5>td:first-child:before{left:calc(var(--base-padding) + var(--indent-size) * 4)}.AntDesignDataGrid .ant-table-row-level-6>td:first-child:before{left:calc(var(--base-padding) + var(--indent-size) * 5)}.AntDesignDataGrid .ant-table-row-level-7>td:first-child:before{left:calc(var(--base-padding) + var(--indent-size) * 6)}.AntDesignDataGrid .ant-table-row-level-8>td:first-child:before{left:calc(var(--base-padding) + var(--indent-size) * 7)}.AntDesignDataGrid .ant-table-row-level-9>td:first-child:before{left:calc(var(--base-padding) + var(--indent-size) * 8)}.AntDesignDataGrid .ant-table-row-level-10>td:first-child:before{left:calc(var(--base-padding) + var(--indent-size) * 9)}.AntDesignDataGrid .ant-table-row-level-11>td:first-child:before{left:calc(var(--base-padding) + var(--indent-size) * 10)}.AntDesignDataGrid .ant-table-row-level-12>td:first-child:before{left:calc(var(--base-padding) + var(--indent-size) * 11)}.AntDesignDataGrid .ant-table-row-level-13>td:first-child:before{left:calc(var(--base-padding) + var(--indent-size) * 12)}.AntDesignDataGrid .ant-table-row-level-14>td:first-child:before{left:calc(var(--base-padding) + var(--indent-size) * 13)}.AntDesignDataGrid .ant-table-row-level-15>td:first-child:before{left:calc(var(--base-padding) + var(--indent-size) * 14)}.AntDesignDataGrid .ant-table-row[class*=ant-table-row-level-]:not(.ant-table-row-level-0)>td:first-child:after{content:"";position:absolute;top:50%;height:1px;background-color:#616161;z-index:1;width:var(--indent-size)}.AntDesignDataGrid .ant-table-row-level-1>td:first-child:after{left:calc(var(--base-padding) - var(--indent-size))}.AntDesignDataGrid .ant-table-row-level-2>td:first-child:after{left:var(--base-padding)}.AntDesignDataGrid .ant-table-row-level-3>td:first-child:after{left:calc(var(--base-padding) + var(--indent-size) * 1)}.AntDesignDataGrid .ant-table-row-level-4>td:first-child:after{left:calc(var(--base-padding) + var(--indent-size) * 2)}.AntDesignDataGrid .ant-table-row-level-5>td:first-child:after{left:calc(var(--base-padding) + var(--indent-size) * 3)}.AntDesignDataGrid .ant-table-row-level-6>td:first-child:after{left:calc(var(--base-padding) + var(--indent-size) * 4)}.AntDesignDataGrid .ant-table-row-level-7>td:first-child:after{left:calc(var(--base-padding) + var(--indent-size) * 5)}.AntDesignDataGrid .ant-table-row-level-8>td:first-child:after{left:calc(var(--base-padding) + var(--indent-size) * 6)}.AntDesignDataGrid .ant-table-row-level-9>td:first-child:after{left:calc(var(--base-padding) + var(--indent-size) * 7)}.AntDesignDataGrid .ant-table-row-level-10>td:first-child:after{left:calc(var(--base-padding) + var(--indent-size) * 8)}.AntDesignDataGrid .ant-table-row-level-11>td:first-child:after{left:calc(var(--base-padding) + var(--indent-size) * 9)}.AntDesignDataGrid .ant-table-row-level-12>td:first-child:after{left:calc(var(--base-padding) + var(--indent-size) * 10)}.AntDesignDataGrid .ant-table-row-level-13>td:first-child:after{left:calc(var(--base-padding) + var(--indent-size) * 11)}.AntDesignDataGrid .ant-table-row-level-14>td:first-child:after{left:calc(var(--base-padding) + var(--indent-size) * 12)}.AntDesignDataGrid .ant-table-row-level-15>td:first-child:after{left:calc(var(--base-padding) + var(--indent-size) * 13)}.AntDesignDataGrid .ant-table-row-expand-icon-cell{position:relative;padding-left:0!important;padding-right:0!important}.AntDesignDataGrid .ant-table-cell-content{padding-left:0!important}.AntD-Expand-Dot{display:inline-block;width:8px;height:8px;background-color:transparent;border-radius:50%;margin-right:5px;vertical-align:middle}.AntD-Expand-Chevron{font-size:14px;cursor:pointer;border-radius:3px;padding:2px;margin-top:0;z-index:1000;margin-left:0;color:var(--hierarchy-accent-color)!important;background-color:var(--ant-design-search)!important;border:1px solid var(--hierarchy-border-color)!important;transition:all .2s ease-in-out}.AntD-Expand-Chevron:hover{filter:brightness(1.1);box-shadow:0 0 4px var(--hierarchy-border-color)}.ant-table-cell-with-append{display:flex;align-items:center!important;width:100%;gap:10px;padding-left:0!important}.AntDesignDataGrid .ant-table-row[class*=ant-table-row-level-] .ant-table-cell-with-append{padding-left:0!important}.AntDesignDataGrid .ant-table-pagination-right{margin:0!important;justify-content:flex-end;display:flex;width:100%;padding:10px!important;border:1px solid rgb(38,38,38);border-top:none;color:var(--hierarchy-text-primary)!important;border-bottom-left-radius:8px;border-bottom-right-radius:8px;background-color:var(--ant-design-search)!important}.ant-spin-dot-item{background-color:#009cbb!important}.PartBomHierarchyDataGridDiv .ant-spin-nested-loading>.ant-spin{background-color:#020202b3}.react-resizable-handle{position:absolute;width:10px;height:100%;bottom:0;right:-5px;cursor:col-resize;z-index:1}.react-resizable-handle:hover{background-color:#0000001a}.wrap-text-cell{white-space:normal!important;word-wrap:break-word!important}.first-column{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.single-line-cell-wrapper{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}.single-line-cell{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.single-line-cell-wrapper{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.AntDesignDataGrid .ant-table-tbody>tr>td{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.ant-table-cell-content-wrapper{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;max-width:100%}.AntDesignDataGrid .ant-table-thead>tr>th{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.AntDesignDataGrid .ant-table-column-sorter-up,.AntDesignDataGrid .ant-table-column-sorter-down{color:#3f3f3f!important;transition:color .3s;padding:0!important;margin:0!important}.AntDesignDataGrid .ant-table-column-sorter-up.active,.AntDesignDataGrid .ant-table-column-sorter-down.active{color:#1890ff!important;transition:color .3s;width:12px;padding:0!important;margin:0!important}.make-buy-cell{color:#fff;text-align:center;border-radius:6px!important;padding:4px 8px;font-weight:500}.make-buy-cell-table{color:#fff;text-align:center;border-radius:6px!important;font-weight:500}.make-buy-cell.buy,.make-buy-cell-table.buy{background-color:#c48f3333;color:#c48f33}.make-buy-cell.make,.make-buy-cell-table.make{color:#3c9ea3;background-color:#3c9ea333}.MuiDataGrid-virtualScrollerRenderZone{display:flex;flex-direction:column;gap:1px}.MuiDataGrid-row{position:relative;overflow:hidden}.MuiDataGrid-row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;border-top-right-radius:6px;border-bottom-right-radius:6px}.buy-part-row:before,.buy-part-row-bom:before{background-color:#c48f33}.make-part-row:before,.make-part-row-bom:before{background-color:#3c9ea3}.AntDesignDataGrid .ant-table-tbody>tr{position:relative;border-radius:0 8px 8px 0;margin-bottom:6px;overflow:hidden;background-color:#ffffff05}.AntDesignDataGrid .ant-table-tbody>tr.buy-part-row:before,.AntDesignDataGrid .ant-table-tbody>tr.make-part-row:before{content:"";position:absolute;left:0;top:1px;bottom:1px;width:3px;border-top-right-radius:8px;border-bottom-right-radius:8px;z-index:10}.AntDesignDataGrid .ant-table-tbody>tr.buy-part-row:before{background-color:#c48f33}.AntDesignDataGrid .ant-table-tbody>tr.make-part-row:before{background-color:#3c9ea3}.AntDesignDataGrid .ant-table-tbody>tr:hover{background-color:#ffffff0d}.AntDesignDataGrid .ant-pagination-item a{color:var(--hierarchy-text-primary)!important}.AntDesignDataGrid .ant-pagination-item-active{background-color:var(--hierarchy-accent-color)!important;border:none!important}.AntDesignDataGrid .ant-pagination-item-active a{color:#fff!important;font-weight:500!important}.AntDesignDataGrid .ant-pagination-disabled .ant-pagination-item-link{color:var(--hierarchy-text-tertiary)!important;opacity:.6}.AntDesignDataGrid .ant-pagination-item-link{color:var(--hierarchy-text-primary)!important;background-color:var(--ant-design-search)!important}.AntDesignDataGrid .ant-pagination-options,.AntDesignDataGrid .ant-pagination-total-text{color:var(--hierarchy-text-primary)!important}.AntDesignDataGrid .ant-pagination-options .ant-select-selector{background-color:var(--ant-design-search)!important;color:var(--hierarchy-text-primary)!important;border:1px solid var(--hierarchy-border-color)!important;border-radius:4px!important}.AntDesignDataGrid .ant-pagination-options .ant-select-arrow{color:var(--hierarchy-text-primary)!important}.ant-select-dropdown{background-color:var(--ant-design-search)!important;color:var(--hierarchy-text-primary)!important;border:1px solid var(--hierarchy-border-color)!important}.ant-select-item{background-color:var(--ant-design-search)!important;color:var(--hierarchy-text-primary)!important}.ant-select-item-option-active,.ant-select-item-option-selected,.ant-select-item-option:hover{background-color:var(--hierarchy-border-color)!important;color:var(--hierarchy-text-primary)!important}.ant-pagination-options .ant-select-selector{background-color:var(--ant-design-search)!important;color:var(--hierarchy-text-primary)!important;border:1px solid var(--hierarchy-border-color)!important}.AdminTextFeilds.MuiTextField-root .MuiInputLabel-root.MuiInputLabel-shrink,.AdminTextFeilds .MuiTextField-root .MuiInputLabel-root.MuiInputLabel-shrink{color:gray!important;font-weight:700}.AdminTextFeilds.MuiAutocomplete-root .MuiInput-root .MuiInput-input{font-family:var(--body-font-family)}.AdminTextFeilds.MuiInputLabel-root{color:gray!important;font-weight:700!important}.newimage-container{width:100%;height:auto;margin-top:10px;overflow:hidden}.image-header{display:flex;align-items:center;gap:10px}.image-header p{font-size:15px;margin-top:30px;margin-left:30px;font-weight:700;white-space:nowrap}.icon-button{min-width:30px;margin-top:30px!important;padding:5px}.small-icon{font-size:15px!important}.ImageUploadContainer{display:flex;flex-direction:column;gap:5px}.UploadTextWrapper{display:flex;align-items:flex-end;gap:5px;flex-wrap:wrap}.UploadTextWrapper>*{margin-right:5px}.NewPartUploadedImageWrapper{position:relative;display:inline-block;width:100%;max-width:300px}.NewPartUploadedImageWrapper ion-icon{position:absolute;top:-5px;right:-5px;font-size:18px;color:red;cursor:pointer;background:#fffc;border-radius:50%;transition:all .3s ease;z-index:1}.NewPartUploadedImageWrapper ion-icon:hover{background:#f00c;color:#fff;transform:scale(1.1)}.NewPartCloseButton{position:absolute;top:10px;right:-138px;background:#fffc;border-radius:50%;padding:5px;transition:all .3s ease;z-index:1}.NewPartCloseButton:hover{background:#f00c;color:#fff;transform:scale(1.1)}.CloseIcon{font-size:18px;cursor:pointer}.NewPartImagePreview{width:100%;margin-top:20px;max-width:300px;border-radius:8px;overflow:hidden;box-shadow:0 4px 8px #0000001a}.UploadedImage{width:100%;height:auto;display:block;object-fit:cover;min-height:200px;border-radius:8px}.FlyoutContentSectionInnerFlex{display:flex;gap:20px}.FlyoutContentSectionInnerLeft{flex:1;display:flex;flex-direction:column}.FlyoutContentSectionInnerLeft .MuiTextField-root,.FlyoutContentSectionInnerLeft .MuiAutocomplete-root{margin-bottom:10px}.FlyoutContentSectionInnerLeft .MuiTextField-root:last-child,.FlyoutContentSectionInnerLeft .MuiAutocomplete-root:last-child{margin-bottom:0}.FlyoutContentSectionInnerRight{width:300px;text-align:center}.FlyoutContentWrapper{display:flex;gap:15px}.FlyoutContentLeft{flex:1;display:flex;flex-direction:column}.FlyoutContentLeft h3{margin-bottom:13px}.FlyoutContentLeft .MuiTextField-root,.FlyoutContentLeft .MuiAutocomplete-root{margin-bottom:15px}.FlyoutContentLeft .MuiTextField-root:last-child,.FlyoutContentLeft .MuiAutocomplete-root:last-child{margin-bottom:0}.FlyoutContentRight{width:300px;text-align:center}.image-container{width:100%;height:auto;border-radius:8px;border:1px solid #ccc;overflow:hidden;background-color:#d3d3d3}.PartVersionsAutocomplete{display:flex;justify-content:flex-start;width:20%}.PartVersionsAutocomplete .MuiInputBase-root{min-height:40px!important;height:40px!important}.EditBOMContainer{padding:50px 20px;margin-top:20px}.EditBOMFlyoutHeader h3{margin-left:25px;font-weight:600;font-size:19px}.EditFlyoutHeaderIcons{display:flex;gap:10px;align-items:center;font-size:13px!important}.FlyoutContentSection{margin-top:10px}.NewBOMContainer{display:flex;align-items:center;gap:10px}.NewBOMAutocomplete{width:80%}.EditPartHeaderMakeBuyStatusDiv{display:flex;gap:20px}.EditPartHeaderMakeBuy,.EditPartHeaderStatus{margin:0}.MuiTabs-indicator{background-color:#3fb2d8!important}.MuiTab-root.Mui-selected{background-color:transparent!important;color:#3fb2d8!important}.EditFlyoutContent{position:relative;padding:10px;display:flex;width:100%;height:calc(100vh - 140px);overflow-y:scroll;overflow-x:hidden;justify-content:space-between!important}.EditFlyoutTabPanel{padding:10px!important}.EditFlyoutContentWithFooter{position:relative;padding:10px;display:flex;width:100%;height:calc(100vh - 180px);overflow-y:auto;overflow-x:hidden;justify-content:space-between!important}.EditFlyoutContentLeft{display:flex;flex-direction:column;align-items:flex-start;width:70%;gap:14px}.EditFlyoutContentRight{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;height:100%;width:25%}.EditPartImage{width:100%;height:200px;border:1px solid #595959;border-radius:10px;display:flex;justify-content:center;align-items:center;padding:8px;box-sizing:border-box}.EditPartImage img{max-width:100%;max-height:100%;object-fit:contain;display:block}.EditPartImageControls{width:100%;height:50px;display:flex;align-items:center;gap:10px}.EditPartImageControls p{cursor:pointer;display:flex;align-items:center;gap:6px;font-size:14px}.PartsUsedInDataGrid{height:calc(100vh - 160px);overflow:auto}.EditPartReviseButtonDiv{display:flex;justify-content:flex-end;margin-top:8px;margin-right:10px!important}.EditPartReviseButton{background-color:var(--link-color)!important;color:#fff!important;padding:8px 16px!important}.CloneBOMButton{font-size:14px!important;padding:8px!important;background-color:var(--clone-bom-button)!important}.PartInventoryMain{position:relative;display:flex;flex-direction:column;width:100%;height:calc(100vh - 110px);padding:10px;background-color:transparent}.PartInventoryTab{width:100%;height:95%;overflow-y:auto;display:flex;flex-direction:column;gap:8px;overflow-x:hidden}.PartInventoryTabFooter{padding:10px;position:relative;bottom:0;right:0;left:0;z-index:10;width:100%;display:flex;align-items:center;justify-content:flex-end}.PartInventoryTab .PartDetails{padding:15px;border:1px solid rgb(78,78,78);border-radius:8px;border-style:dashed;display:flex;flex-direction:column;gap:10px;width:100%;height:auto;font-size:15px}.PartDetails h3{font-size:15px}.PartDetails p{font-size:14px;font-weight:400;margin-bottom:5px}.PartDetailsInputs{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.PartInventoryTab .PartInventoryTabHeader{display:flex;align-items:flex-end;justify-content:flex-end}.InventoryTable .ant-table-container{border:1px solid grey!important}.InventoryTable .ant-table-cell{background-color:#383838!important;color:#fff!important;border-color:gray!important}.InventoryTable .ant-table-thead>tr>th{background-color:#1b1b1b!important;color:#fff!important}.bin-row .ant-table-cell{background-color:#484848!important;color:#fff!important}.PartInventoryAccordion{display:flex;flex-direction:column;width:100%;height:auto;background-color:transparent!important;color:#fff!important;border:1px solid grey!important;margin:0!important;padding:10px;border-radius:5px!important}.PartInventoryAccordionContent{display:flex;flex-direction:column;padding:0!important;background-color:transparent!important}.PartInventoryAccordionContentInner{display:grid;grid-template-columns:2fr 2fr 1fr .5fr;align-items:center;width:100%;gap:10px;padding:5px}.PartInventoryAntTable{font-family:Segoe UI,sans-serif;font-size:14px;border:1px solid #383838;border-radius:8px;overflow:hidden;background-color:#1e1e1e}.AntTableDiv{flex:1;overflow-y:auto!important}.PartInventoryAntTable .ant-table-body{overflow-y:auto!important;max-height:100%}.PartInventoryAntTable .ant-table-thead>tr>th{background-color:#1e1e1e;font-weight:700;color:#fbfbfb;border:1px solid #141414;border-bottom:1px solid rgb(87,87,87)!important;text-align:left}.PartInventoryAntTable .ant-table-tbody>tr>td{background-color:#1e1e1e!important;text-align:left;border:1px solid #383838!important;padding:10px;color:#ddd;transition:background-color .3s ease}.PartInventoryAntTable .ant-table-tbody>tr:hover>td{background-color:#333!important;transition:background-color .2s ease-in-out}.custom-pagination{margin-top:16px;text-align:right;color:#fff!important}.PartInventoryDataGridHeader{background-color:#2c2c2c!important;color:#fff!important;border:1px solid #2c2c2c!important;border-radius:4px!important}.PartInventoryDataGridHeader input{color:#fff!important;background-color:#2c2c2c!important}.PartInventoryDataGridHeader input::placeholder{color:#999!important;opacity:1!important}.PartInventoryDataGridHeader .anticon{color:#999!important}.PartInventoryAntTable .bin-row .ant-pagination-total-text{color:#aaa;font-size:13px;margin-left:10px}.PartInventoryAntTable .ant-table-cell{color:#aaa;font-size:13px;margin-left:10px;border:none!important}.PartInventoryAntTable .ant-table-row-expand-icon{background-color:transparent;border:none;color:#ccc;font-size:16px;transition:transform .2s ease}.PartInventoryAntTable .ant-table-row-expand-icon:hover{color:#fff;cursor:pointer}.PartInventoryAntTable .ant-table-row-expand-icon-expanded{transform:rotate(180deg)}.PartInventoryAntTable .ant-pagination{background-color:transparent;color:#fff}.PartInventoryAntTable .ant-pagination-item{background-color:#1e1e1e;border-color:#2d2d2d;color:#aaa}.PartInventoryAntTable .ant-pagination-item-active{background-color:#333!important;border-color:#666!important;color:#fff!important}.PartInventoryAntTable .ant-pagination-item:hover{background-color:#0c0c0c!important;color:#fff!important}.location-name{color:#fff!important}.UploadButton{display:inline-flex;align-items:center;justify-content:center;cursor:pointer!important;background-color:transparent!important;color:#00d8ff!important;border:1px solid #00d8ff!important;font-size:14px!important;font-weight:700!important;padding:16px!important;border-radius:4px!important;transition:all .3s ease;text-align:center;line-height:normal}.InventoryAccordion{border:1px solid rgb(75,75,75);border-radius:5px!important;background-color:#171717!important}.WhereUsedButtons{border:none;display:flex;align-items:center;padding:5px 8px;font-size:12px!important;gap:5px;color:var(--whereused-buttons-text)!important;background-color:var(--clone-bom-button);border:1px solid #00ccff;border-radius:3px;cursor:pointer}.IsVisibleInUiDiv{display:flex;align-items:center;gap:10px}.IsVisibleInUiDiv p{font-size:17px;font-weight:1000!important}.PartRadioButtonsContainer{display:flex;align-items:center!important;gap:8px}.radioLabel{font-weight:500;color:var(--text-color);margin-bottom:4px;display:block}.radioGroup{display:flex;flex-direction:row;align-items:center!important;gap:20px}.SerialNumberRequiredDiv.error .radioLabel,.SerialNumberRequiredDiv.error .required-asterisk,.SerialNumberRequiredDiv.error .MuiFormControlLabel-label,.SerialNumberRequiredDiv.error .MuiRadio-root,.SerialNumberRequiredDiv.error .Mui-checked{color:#d32f2f!important}.errorText{color:#d32f2f;font-size:.8rem;margin-top:4px}.required-asterisk{color:inherit;margin-left:4px}.required-asterisk.error{color:#d32f2f}.SerialNumberRequiredDiv{display:flex;flex-direction:column;align-items:start}.SerialNumberRequiredDiv p{font-weight:1000!important}.RadioButtonsContainer{display:flex;align-items:center;gap:8px}.DocContainer{display:flex;flex-direction:column;gap:10px;width:100%}.DocUploadContainer,.DocExistingContainer{width:100%;background-color:var(--part-doc-container);flex:1;padding:15px;border-radius:5px}.DocUpload{display:flex;justify-content:space-between}.DocUpload h3{font-family:var(--header-font-family)}.DocExistingContainer h3{margin-bottom:10px;font-weight:700;color:var(--link-color)}.DocContent{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:20px;padding-left:10px}.testing{display:flex;width:100%;gap:10px}.DocUploadContainer,.UploadedDocs{display:flex;flex-direction:column;gap:10px}.UploadedDocs{width:100%}.TableRow{display:flex;justify-content:space-between;margin-bottom:2px}.SelectedFilesContainer{display:flex;gap:10px;align-items:center}.UploadedDocsList{display:flex;justify-content:end}.ExistingDocsList{margin-left:15px;height:calc(100vh - 320px);overflow-y:auto}.ExistingDocsList ul{padding:0}.ExistingDocsList li{margin:5px 0}.ExistingDocsList ul{list-style-type:none;padding:0}.ExistingDocsList li{margin:5px 0;display:flex;align-items:center}.ExistingDocsList a{color:#4fc3f7;text-decoration:none}.ExistingDocsList a:hover{text-decoration:underline}.PartDocPreviewContainer{padding:15px;border:1px solid #a1a1a1;border-radius:5px}.PreviewContent{margin-top:10px}.DocumentDialogHeader{display:flex;justify-content:space-between;align-items:center}.DocumentPreview{width:100%;height:100%}.ImagePreview{max-width:100%;max-height:100%;display:block;margin:0 auto}.DocumentVisibleIconOptions{color:var(--link-color)!important;margin-right:20px}.DocumentDeleteIcon{color:var(--error-color)!important;margin-right:20px}.DocumentDelete{color:var(--error-color)!important}.ExistingDocsContainer{display:flex;justify-content:space-between}.SelectedDocsHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.SelectedDocsTitle{margin:0;font-size:16px;font-weight:600}.SelectedDocsCount{font-size:14px;margin:0}.UploadedDocsTable{width:100%;border-collapse:collapse;margin-left:20px}.UploadButtonWrapper{display:flex;justify-content:flex-end;margin-top:1rem}.ExistingDocsTable{width:100%;border-collapse:collapse;border:2.14px solid #595959}.ExistingDocsRow{border-bottom:2.14px solid #595959}.DocNameCell{padding:8px;text-align:left;width:100%}.DocActionCell{text-align:right;white-space:nowrap}.LoaderContainer{display:flex;align-items:center;justify-content:center;min-height:200px!important;width:100%!important}.PreviewLoaderContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#666;font-size:14px;gap:10px}.csv-table-container{height:calc(100vh - 160px);overflow:auto}.csv-header-cell{position:sticky;top:0;font-weight:700;z-index:2;height:50px}.csv-loading{text-align:center;padding:40px;color:var(--primary-color)}.csv-loading p{margin-top:20px}.DocCsvLoader{text-align:center;padding:10px}.PreviewContentContainer{width:100%;display:flex;align-items:center;justify-content:center}.NoPreviewContainer{display:flex;align-items:center;justify-content:center;height:100%;padding:20px;transition:background-color .4s ease,color .4s ease}#light .NoPreviewContainer{background:linear-gradient(145deg,#f5f9fc,#fff)}#dark .NoPreviewContainer{background:linear-gradient(145deg,#0d0d0d,#1a1a1a)}.NoPreviewCard{border-radius:20px!important;max-width:440px;width:100%;text-align:center;overflow:hidden;transform:translateY(0);transition:all .35s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.NoPreviewCardContent{display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 28px!important;background-color:transparent!important}.NoPreviewIconWrapper{width:90px;height:90px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px;transition:transform .4s ease}.NoPreviewCard:hover .NoPreviewIconWrapper{transform:scale(1.08)}#light .NoPreviewIconWrapper{background-color:#009cbb1a}#dark .NoPreviewIconWrapper{background-color:#4cc3d926}.NoPreviewIcon{font-size:58px!important;transition:color .3s ease}#light .NoPreviewIcon{color:#009cbb}#dark .NoPreviewIcon{color:#4cc3d9}.NoPreviewTitle{font-weight:700!important;margin-bottom:12px!important;letter-spacing:.5px}.NoPreviewText{color:inherit;opacity:.85;margin-bottom:28px!important;line-height:1.6;font-size:.95rem}.DownloadButton{background:linear-gradient(135deg,#009cbb,#007e9d)!important;color:#fff!important;font-weight:600!important;border-radius:10px!important;text-transform:none!important;padding:10px 28px!important;box-shadow:0 4px 14px #009cbb4d;transition:all .35s ease}.DownloadButton:hover{background:linear-gradient(135deg,#00b3d1,#0093a8)!important;box-shadow:0 6px 20px #009cbb66}.UploadDialogMainContainer{display:flex;flex-direction:column;gap:20px;margin-top:10px;position:relative}.LoadingUploadDialogContainer{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;border-radius:8px}.ExternalURL{display:inline-block;white-space:nowrap;color:var(--link-color);text-decoration:underline;overflow:hidden;max-width:300px;text-overflow:ellipsis}.URLContainer{display:flex;align-items:center;gap:8px}.DocLabel2{font-size:12px;display:flex;gap:5px}.ChooseFilesButton{padding:12px;text-transform:none;font-size:15px;border-style:dashed;border-width:2px}.OrText{text-align:center;font-weight:500;color:#666}.DocumentDetailsContainer{display:flex;flex-direction:column;gap:8px}.VideoCameraCompDiv{position:relative;width:100%;height:100%;background-color:#202020;border-radius:5px}.VideoCameraCompDivHeader{position:absolute;top:10px;right:10px;z-index:10}.VideoCameraCompDivHeader ion-icon{color:#fff;font-size:24px;cursor:pointer}.VideoCameraCompDivBody{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.VideoCameraCompDivBody video,.VideoCameraCompDivBody img{width:100%;height:100%;object-fit:cover;border-radius:5px}.CameraControls{top:85%;left:35%;position:absolute;display:flex;align-items:center;height:60px;border-radius:5px;justify-content:space-between;background-color:#202020;width:30%;padding-left:10px;padding-right:10px}.CameraControls .CameraInputSelect{width:35%!important;color:#fff!important;font-size:10px!important}.CameraControls .CapturePic{cursor:pointer;display:flex;align-items:center;justify-content:center;background-color:transparent;border-radius:50%}.CameraControls .SavePic{background-color:transparent;color:#fff}.CameraControls .SavePic ion-icon{padding:0;margin:0;font-size:18px}.CameraControls .CapturePic img{width:70%;border:1px solid #6b6b6b;padding:3px;border-radius:50%}.CameraControls .CapturePic ion-icon{padding:20px;font-size:20px;color:#fff;border:1px solid #6b6b6b;border-radius:50%}.CameraInputSelect .MuiInputBase-root{color:#fff!important;height:25px!important;font-size:10px!important}.CameraInputSelect .MuiInputBase-root input{padding:0 14px!important}.CameraInputSelect .MuiOutlinedInput-root fieldset{border-color:#fff!important}.CameraInputSelect .MuiOutlinedInput-root:hover fieldset{border-color:#ccc!important}.CameraInputSelect .MuiOutlinedInput-root.Mui-focused fieldset{border-color:#fff!important}.CameraInputSelect .MuiSelect-icon{color:#fff!important;font-size:10px!important}.menu-item{font-size:12px!important;padding:4px 16px!important}.PartHierarchyMainDiv{position:relative;display:flex;flex-direction:column;width:auto;padding-left:10px;height:100%!important;background-color:var(--hierarchy-bg-primary);overflow-x:hidden;margin-top:8px;border-radius:8px}.PartHierarchyHeader{position:absolute!important;display:flex;flex-direction:column;align-items:flex-start;top:0;width:450px;height:auto!important;gap:10px;border-radius:8px;padding:20px;background-color:var(--hierarchy-bg-secondary);border:1px solid var(--hierarchy-border-color);box-shadow:-2px 0 5px var(--hierarchy-shadow-color);z-index:10;transition:right .5s ease-in-out}.PartHierarchyHeader.drawer-visible{right:0;opacity:1}.PartHierarchyHeader.drawer-hidden{right:-470px;opacity:.8}.PartHierarchyHeader p{color:var(--hierarchy-text-primary);margin:0}.PartHierarchyPlaceArea{display:flex;align-items:center;justify-content:center;width:100%;height:calc(100vh - 95px)!important}.HierarchyControlsBtn{right:0;top:10px;position:absolute;padding:15px 0;border:none;border-bottom-left-radius:4px;border-top-left-radius:4px;display:flex;align-items:center;background-color:var(--hierarchy-bg-secondary);border:1px solid var(--hierarchy-border-color);border-right:none;color:var(--hierarchy-accent-color);cursor:pointer;z-index:11;font-size:10px;justify-content:center;transition:transform .5s ease-in-out}.PartHierarchyMainDiv.drawer-open .HierarchyControlsBtn{transform:translate(-450px)}.PartHierarchyMainDiv.drawer-closed .HierarchyControlsBtn{transform:translate(0)}.HierarchyControlsBtn ion-icon{transition:transform .5s ease-in-out;font-size:24px}.HierarchyControlsBtn .icon-open{transform:rotate(0)}.HierarchyControlsBtn .icon-closed{transform:rotate(90deg)!important}.ControlsInfo{display:flex;align-items:center;gap:5px;height:100%;width:auto}.controls-text{display:flex;align-items:center;gap:5px;font-size:12px;padding:5px 10px;border-radius:5px}.controls-text svg{width:16px;height:16px;color:var(--hierarchy-text-tertiary)}.tree-svg-root{background-color:var(--hierarchy-bg-primary)}.node{cursor:pointer;transition:opacity .3s}.node:hover{opacity:.8}.node-rect{fill:var(--hierarchy-node-bg);stroke-width:1px;transition:all .3s ease}.node-rect:hover{filter:brightness(var(--hierarchy-hover-brightness))}.link{fill:none;stroke-width:2px;transition:stroke .3s ease}.node-content-box{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;color:var(--hierarchy-text-primary);box-sizing:border-box;font-size:11px;font-family:Inter,sans-serif}.node-content-inner{display:flex;flex-direction:column;width:100%;height:100%}.node-details{display:flex;flex-direction:column;gap:4px;color:var(--hierarchy-text-secondary);max-height:130px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--hierarchy-text-tertiary) transparent}.node-details::-webkit-scrollbar{width:4px}.node-details::-webkit-scrollbar-thumb{background-color:var(--hierarchy-text-tertiary);border-radius:2px}.node-row{display:flex;align-items:center;font-size:12px;line-height:1.4;color:var(--hierarchy-text-secondary)}.node-label{display:inline-block;width:120px;text-align:right;position:relative;padding-right:10px;color:var(--hierarchy-text-secondary)}.node-label:after{content:":";position:absolute;right:0;color:var(--hierarchy-text-secondary)}.node-value{flex:1;color:var(--hierarchy-text-primary);padding-left:8px;word-break:break-word}.node-value.part-link{color:var(--hierarchy-accent-color);text-decoration:underline;cursor:pointer}.node-value.part-link:hover{text-decoration:none}.node-name{color:var(--hierarchy-text-primary);font-weight:600;font-size:13px}.node-name.part-link{color:var(--hierarchy-accent-color);text-decoration:underline;cursor:pointer}.node-pno,.node-qty{color:var(--hierarchy-text-tertiary);font-size:12px}.toggle-circle{transition:fill .3s}.node:hover .toggle-circle{stroke-width:2px}.toggle-text{fill:var(--hierarchy-toggle-text);font-size:16px;font-weight:500;pointer-events:none}.PartHierarchyHeaderInner1{display:flex;flex-direction:column;width:100%;gap:10px;max-height:calc(100vh - 325px);overflow-y:auto;padding:10px}.PartHierarchyHeaderInner2{display:flex;width:100%;align-items:center;justify-content:flex-start;gap:10px}.HierarchyTooltip{position:absolute;z-index:1000;background-color:#000000d9;color:#fff!important;padding:6px 12px;border-radius:4px;font-size:12px;line-height:1.4;white-space:nowrap;pointer-events:none;box-shadow:0 2px 5px #0000004d}.HierarchyLoading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.HierarchyLoading p{color:var(--hierarchy-text-primary)}.confirmation-box-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:#0006;z-index:9999}.confirmation-box{display:flex;flex-direction:column;align-items:center;border-radius:20px;padding-top:20px;padding-bottom:10px;width:400px;gap:10px;border:1px solid #ccc;box-shadow:0 0 10px #0000001a;background-color:var(--clone-box-bg-color)}.ChoosePart{font-size:20px}.partDivv{width:80%;display:flex;align-items:center}.ImagePreviewDrawerContainer{height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background-color:var(--image-preview-flyout-bg-color);position:relative;padding:16px;box-sizing:border-box;overflow:hidden}.ImagePreviewDrawerContainer img{max-width:none;max-height:none;-webkit-user-select:none;user-select:none;pointer-events:all}.ImagePreviewDrawerControls{position:absolute;top:16px;right:16px;display:flex;gap:12px;background:var(--image-preview-control-bg-color);padding:8px;border-radius:8px;z-index:10}.ImagePreviewDrawerControls .MuiIconButton-root{color:#a1a1a1}.BuildFlyout{display:flex;flex-direction:column;gap:10px;padding:20px;margin-top:-60px;width:100%;margin-left:-20px;justify-content:space-between}.MOrderDetailsMain{position:relative;width:100%;height:100%}.MOrderDetailsLoader{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.SubWODetails{display:flex;width:100%;height:80%;overflow-y:scroll}.SubWorkOrderDetailsInner{display:flex;flex-direction:column;align-items:center;gap:10px;width:75%;height:80vh}.SubWorkOrderDetailsHeader{display:flex;align-items:center;width:97.7%;justify-content:space-between}.PartDetails{display:flex;gap:5px;font-size:18px;font-weight:600}.SubWorkOrderStepDetails{position:fixed;left:70%;width:40%;height:100%}.MOrderStepDetails{position:fixed;display:flex;flex-direction:column;top:100px;gap:10px;left:76%;height:100%;width:100%;transition:.3s;overflow:hidden}.draweropen{position:fixed;width:75%;left:80%;transition:.3s;overflow:hidden}.LinearProgressBar{width:23%;height:30px}.LinearProgressBar p{font-size:12px;padding-top:5px}.LinearProgress{padding-top:20px;border-radius:3px;width:100%}.StepDetailsInner{display:flex;flex-direction:column;gap:5px;padding-top:10px;max-height:400px;overflow:hidden;max-width:300px;border:1px}.StepDetailsInner::-webkit-scrollbar{width:5px}.StepDetailsInner::-webkit-scrollbar-thumb{border-radius:30px}.StepDetailsInner h2{font-size:16px}.StepDetailsInner h3{font-size:14px}.StepDetailsInner p{display:flex;font-size:12px;width:100%}.StepDetailsInner.Completed p{display:flex;width:100%;color:green;border-radius:5px}.StepDetailsInner.InProgress p{display:flex;color:orange;width:100%;border-radius:5px}.MOrderStepDetails h2,.SubWorkOrderStepDetails h3{font-size:24px;font-weight:600}.MOrderStepDetails h2{font-size:18px}.WorkOrderDetails{display:flex;width:100%}.WorkOrderStepInfo{display:flex;flex-direction:column;gap:10px;height:100%;width:100%;margin-top:35px;margin-left:10px}.WorkOrderStepInfo .WorkOrderStepsLoader{display:flex;align-items:center;justify-content:center;width:50%;min-height:60vh;height:100%}.WorkOrderStepDetailsLoader{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.WorkOrderStepInfo .WorkOrderSteps{position:fixed;display:flex;flex-direction:column;width:60%;max-height:calc(100vh - 20%);overflow-y:auto;padding-left:1.5%;padding-right:5px}.WorkOrderSteps::-webkit-scrollbar{width:.3em}.WorkOrderSteps::-webkit-scrollbar-thumb{border-radius:30px}.WorkOrderSteps:hover{cursor:pointer}.StepsPaper{height:100%}.StepPaperDivMain:hover,.StepsPaper:hover{cursor:pointer}.StepsPaperHighlight{height:100%;border-radius:10px!important;border:3px solid rgb(87,226,87);margin-bottom:10px}.NoKitAvailable a{color:var(--link-color)}.WOTasksList{position:fixed;display:flex;margin-top:40px;gap:10px;width:30%;flex-direction:column;overflow-y:auto;max-height:52%}.WorkOrderStepDetails{display:flex;flex-direction:column;width:100%;height:100%}.MOrderDetailsDataGrid{width:98%;height:100%}.WOBreadCrumb{display:flex;align-items:center;gap:5px;font-size:14px;margin:-5px 0 20px 10px;font-weight:600;height:5%}.WOBreadCrumb ion-icon{color:gray}.WOBreadCrumb p{font-weight:400}.WODetailsBreadCrumb button{margin-left:auto;margin-right:10px}.WODetailsBreadCrumb{display:flex;align-items:center;font-size:14px;margin-top:-30px;gap:10px;color:#1e1e1e;font-weight:600;width:100%}.WODetailsBreadCrumb ion-icon{color:var(--light-secondary-color)}.stepDetailBreadCrumb{font-weight:400;color:var(--light-secondary-color);font-family:var (--header-font-family)}.WoStepInfo{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%;font-size:18px;font-weight:600}.WoStepInfoInner{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:20px;width:100%}.WoStepsHeader{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px}.WoStepsHeader h2{margin:0;font-size:18px}.WOLinearProgressBar{display:flex;align-items:center;width:20%;margin-right:2%;cursor:pointer}.WOLinearProgress{flex-grow:1;cursor:pointer}.WOStepResetButton{display:flex}.WOStepResetButton ion-icon{font-size:25px;color:var(--link-color);cursor:pointer}.WoTasksBody{padding-top:20px;width:98%;height:100%;display:flex;flex-direction:column;gap:10px;overflow-x:hidden;overflow-y:auto}.WOTaskType{width:auto;height:auto}.WOTasksListMain{position:relative;display:flex;align-items:center;padding:10px;gap:10px;border:1px solid rgb(91,91,91);border-radius:5px;height:auto;width:100%}.WoTaskTypeInList{display:flex;padding:0;margin:0;font-size:15px;color:#8f8f8f;flex-direction:column;align-items:center}.WotaskDescription{flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;height:auto}.DescriptionCompleted,.WotaskDescription .Description{font-size:12px;font-weight:400}.taskControls{display:flex;justify-content:flex-end;align-items:center;gap:5px;width:auto}.taskControls ion-icon:hover{cursor:pointer}.WOTaskApprove{padding:0;font-size:18px;color:a 1a 1a 1px}.WOTaskApproved{padding:0;font-size:18px;color:var(--primary-color)}.WOStepDetailsFooter{position:fixed;bottom:10px;right:10px;display:flex;height:5%;justify-content:flex-end;gap:20px;background-color:transparent;padding-bottom:8px}.DataTypeOptions{display:flex;align-items:center;gap:10px;width:100%;height:auto}.WoTaskOptions{display:flex;align-items:center;gap:5px;width:auto;font-size:10px}.WorkOrderBreadCrumb{text-decoration:none;color:var(--link-color);font-weight:400;font-family:var (--header-font-family)}.WorkOrderBreadCrumb:hover{text-decoration:underline}.ChildKitTableBody{height:100%;overflow-y:auto}.image-flyout{position:fixed;top:10px;left:50px;width:90%;height:90%;margin-left:20px;background-color:var(--image-preview-flyout-bg-color);padding:20px;overflow:hidden;display:flex;justify-content:center;align-items:center}.image-flyout img{max-width:100%;max-height:100%;margin-right:150px}.STepCompletedNote{display:flex;flex-direction:row;gap:5px;color:var(--primary-color);font-size:14px;font-weight:700}.TaskTypePicture{object-fit:contain;width:100%;height:200px;cursor:pointer}.pictureTaskModalOverlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:1000}.pictureTaskModalImage{width:75vw;height:95vh;border-radius:10px}.WOStepsSection{display:flex;flex-direction:row;width:100%;height:180px}.WOStepsInfo{display:flex;flex-direction:row;align-items:center;width:100%;height:100%;border-radius:10px;background-color:#f2f2f2}.WOStepsInfoSideButtons{background-color:transparent;color:#000;font-size:25px;width:2%;border:none;cursor:pointer}.WOStepsScrollContainer{position:relative;white-space:nowrap;width:100%;height:100%;display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.5) transparent;scrollbar-color:rgba(0,0,0,.5) rgba(0,0,0,0)}.WOStepsScrollContainer::-webkit-scrollbar-track{background-color:transparent}.WOStepsScrollingBox{display:flex;align-items:center;width:165px!important;height:135px;margin-left:20px;border-radius:10px;position:relative;box-shadow:0 0 2px gray}.WOStepsScrollingBoxHighlight{cursor:pointer;display:flex;width:165px!important;height:135px;box-shadow:1px 2px 10px #009cbb65;margin-left:20px;border-radius:10px;border:2px solid #009cbb;position:relative}.WOStepsScrollingBox:hover{cursor:pointer;box-shadow:1px 1px 15px #009cbb65}.WOStepsScrollingBox .WOStepsScrollingBoxInner img,.WOStepsScrollingBoxHighlight img{object-fit:contain;border-radius:10px;width:160px!important;height:120px}.WOCardStepNumber{position:absolute;top:-10px;right:-10px;display:flex;align-items:center;justify-content:center;font-size:11px;width:22px;height:22px;border-radius:50%;background-color:var(--secondary-color);color:#fff}.WOCardStepNumberCompleted{position:absolute;top:-10px;right:-10px;display:flex;align-items:center;justify-content:center;font-size:11px;width:22px;height:22px;border-radius:50%;background-color:var(--primary-color)}.WOStepsScrollingBoxInner{display:flex;flex-direction:column;width:100%;height:100%}.WOStepsScrollingBoxInner p{width:80%;font-size:10px;padding-left:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:10%;max-width:100%}.WODetailsHeader{height:50px;border-radius:10px;width:100%;height:5%;display:grid;gap:5px;grid-template-columns:1fr 10px 1fr 10px 1fr 10px 1fr 10px 1fr 10px 1fr 10px 1fr;align-items:center}.WODetailsHeader div{display:flex;align-items:center;justify-content:center;gap:5px;font-size:12px;width:100%}.WODetailsHeader div h2{font-size:12px;overflow:hidden;text-overflow:ellipsis;height:100%;margin:0;white-space:nowrap;max-width:80%}.WODetailsHeader div p{font-size:12px;margin:0;overflow:hidden;height:100%;text-overflow:ellipsis;white-space:nowrap;max-width:80%}.WOStepDetails{display:flex;gap:10px;width:100%;height:calc(100vh - 70px)}.WoTimerDiv{display:flex;align-items:center;justify-content:flex-start!important;padding:5px 10px;border-radius:10px;gap:10px;height:100%;width:100%;background-color:#dbdada}.WoTimerDiv ion-icon{font-size:28px;color:#009cbb}.WoTimerDiv ion-icon:hover{cursor:pointer}.WoTimerDiv .workorder-content{display:flex;align-items:center;font-size:12px;font-weight:800;color:#009cbb}.WOStepDetails .WOStepDetailsInfo{display:flex;flex-direction:column;object-fit:contain;align-items:center;width:50%;height:100%}.WOStepDetailsInfo img{object-fit:contain;width:95%}.WOStepTitleField{display:flex;gap:20px;align-items:flex-start;width:100%;padding:10px;font-size:13px}.WOStepTitleField p{display:flex;align-items:center;gap:10px;height:100%;width:100%}.WOStepTitleField p h2{font-size:16px;margin:0}.WOStepTitleField input{padding-left:10px;padding-bottom:0;height:100%;width:100%;margin-bottom:10px}.WOStepTitleField ion-icon{font-size:20px;padding:0;margin:0;color:#00f}.WorkOrderStepImage{width:100%;height:100%}.WOStepTaskInfo{height:100%;width:50%}.WOMbomDiv{width:49%;height:90%}.SearchBar{height:30px}.WOEquipmentTabDivMain,.WOEquipmentTabDiv{width:100%;height:80%}.WOEquipmentTabDiv .AddItemsDataGrid,.WOEquipmentTabDiv .WOMbomDiv{width:100%;height:100%}.WOStepsList{width:24%;height:70%;overflow-y:scroll}.GenealogyResponse{width:100%;display:flex;align-items:flex-end;gap:10px}.GenealogyResponse p{display:flex;font-size:12px;color:#007bff}.GenealogyResponse p:hover{cursor:pointer;text-decoration:underline}.GuideDetailsControls{width:auto!important}.WOkitLinkTag{text-decoration:none;color:var(--link-color)}.WOkitLinkTag:hover{text-decoration:underline;cursor:pointer}.WorkOrderFlyoutDetails{display:flex;align-items:center;justify-content:space-between}.WorkOrderFlyoutDetails div{display:flex;align-items:center;gap:5px}.WorkOrderFlyoutDetails h2{font-size:15px;padding:0;margin:0}.WorkOrderFlyoutDetails p{font-size:14px}.WoTasksBodycomments{padding-top:10px;width:100%;height:80%;display:flex;flex-direction:column;gap:10px;overflow-x:hidden;overflow-y:scroll}.CommentSection{font-size:13px;overflow-y:scroll;padding-top:3px;width:100%;height:20%}.CommentSectionheader{font-weight:700;font-size:13px;padding-bottom:5px}.CommentsDescription{font-size:12px;flex-wrap:wrap;height:100%}.PictureTaskControls{display:flex;align-items:center;gap:10px}.PictureTaskControls ion-icon{font-size:20px}.PictureTaskControls ion-icon[title="Delete Image"]{color:var(--error-color)}.CreateWOGuideInfo{display:flex;gap:10px;flex-direction:column}.CreateWOGuideInfoChild1{display:flex;justify-content:space-between}#dark .WoTimerDiv{background-color:#242424}.WOMenuDisabled{pointer-events:none!important;opacity:.4!important;cursor:not-allowed!important}.NewWODatesDiv{display:flex;gap:20px}.WOCompleteBtn{background-color:#009cbb!important;color:#fff!important}.WOCompleteBtnContainer{display:flex;justify-content:flex-end}.CreateFlyoutWoBody{position:absolute;display:flex;flex-direction:column;right:0;width:96%;font-size:14px;gap:20px;overflow-y:auto;overflow-x:hidden;padding-right:20px;height:calc(100vh - 170px);padding-top:10px}.MaterialkitHeader{display:flex;flex-direction:row;justify-content:space-between;width:100%;margin-bottom:10px;margin-top:10px}.KitFooter{position:absolute;display:flex;width:100%;margin-left:0;bottom:0;gap:10%;padding:10px 0;justify-content:flex-end}.KitFooter button{position:relative;right:10px}.Image-button{display:flex;gap:10px}.Kitbody{margin-top:18%;margin-left:15%;width:70%}.MKtable tbody tr.active-row td ion-icon{transition:ease-in .2s;transform:rotate(90deg)}.MKtable tbody tr td button{transition:ease-in .2s;background-color:#fff}.MKtable tbody tr td ion-icon{transform:rotate(0)}.MKtable{width:100%;font-family:var(--body-font-family);border-collapse:collapse;border-top:2px solid rgb(193,191,191);border-bottom:2px solid rgb(193,191,191)}.MKtable thead{height:45px}.MKtable thead th{font-family:var(--body-font-family);color:#fff;text-align:center;background-image:none}.MKtable tbody tr td{padding:10px;font-size:16px;text-align:center}.MKtable tbody tr{font-family:var(--body-font-family);border-top:1px solid rgb(193,191,191)}.MKtable tbody td{padding:10px;text-align:left}.MKtable tbody tr.child-row{border-top:1px solid rgb(233,231,231)}.MKtable tbody tr.child-row td{padding:8px}.MaterialKitsConfirmButton{display:flex;gap:3px;padding-top:0!important;padding-bottom:0!important;padding-left:10px!important;border:1px solid var(--primary-color)!important;background-color:transparent!important;color:var(--primary-color)!important;border-radius:20px}.MaterialKitsConfirmButton:hover{cursor:pointer}.MKtable tbody tr td .location{display:flex;align-items:center;position:relative}.MKtable tbody tr td.quantity{left:28px}.MKtable tbody tr td.status,.MKtable tbody tr.child-row td.status,.MKtable tbody tr td.assigned,.MKtable tbody tr.child-row td.assigned{text-align:center}.MKtable tbody tr.child-row td.status,.MKtable tbody tr.child-row td.assigned{text-align:center;right:30px}.MKtable tbody tr.child-row td.status{padding:10px}.MKtable tbody tr.child-row td.status ion-icon{color:#2baf50}.MKtable tbody tr.child-row td.assigned{padding:10px;bottom:5px}.MKAssignedWO ion-icon{color:var(--link-color)}.CreateFlyoutHeaderChildKit{position:absolute;top:0;right:0;width:100%;height:60px;background-color:#1e1e1e;display:flex;align-items:center;justify-content:space-between}.CreateFlyoutHeaderChildKit h2{display:flex;align-items:center;gap:10px;padding-left:10px;color:#fff}.CreateFlyoutHeaderChildKit ion-icon{color:#fff;font-size:24px;padding-right:10px}.CreateFlyoutHeaderChildKit ion-icon:hover{cursor:pointer}.ChildKitDataGrid{height:calc(60vh - 120px)!important;width:100%;flex:1}.ChildKitSerialNumber{display:flex;align-items:center;justify-content:center;gap:10px;padding-bottom:5px}.ChildKitSerialNumber p{font-size:12px}.ChildKitTableBody input{border-radius:10px;border:1px solid grey;padding:10px;width:100px}.ChildMkTableTHead{position:sticky;top:0;margin:0}.ChildMKtable{width:100%;height:100%;border-collapse:collapse;border-top:2px solid rgb(193,191,191);border-bottom:2px solid rgb(193,191,191)}.ChildMKtable thead{height:45px}.ChildMKtable thead th{color:#fff;text-align:center;background-image:none}.ChildMKtable tbody tr td{padding:10px;font-size:16px;text-align:center}.ChildMKtable tbody tr{font-family:var(--body-font-family);border-top:1px solid rgb(193,191,191)}.ChildMKtable tbody td{padding:10px;text-align:left}.MKAssignedWO{display:flex;align-items:center;gap:10px;justify-content:center}.MKAssignedWO div{display:flex;gap:10px}.MKAssignedWO ion-icon{cursor:pointer}.image-flyout{position:fixed;top:10px;left:50px;background-color:var(--image-preview-flyout-bg-color);width:90%;height:90%;padding:20px;overflow:auto}.MaterialKitImageControlsDiv{display:flex;align-items:center;gap:10px}.MaterialKitImageControlsDiv label{cursor:pointer}.CreateFlyoutBodyKit{position:absolute;display:flex;flex-direction:column;right:0;width:96%;top:60px;margin-top:20px;font-size:14px;overflow-y:auto;overflow-x:hidden;margin-right:20px;max-height:calc(100vh - 140px)}.CreateFlyoutHeader h2{margin-left:20px!important}.CameraButton button{background-color:transparent}.CameraButton button:hover{cursor:pointer}.ScrollableFields{max-height:70%;overflow-y:auto}.ChildKitSerialNumber{display:flex;align-items:center;margin-bottom:10px;position:relative}.ChildKitSerialNumber p{margin:0 4px 0 0}.Status{margin-left:10px}.CommentsContainer{position:fixed;bottom:150px;width:50%!important;margin-left:22px;height:20px;box-shadow:0 -2px 4px #0000001a}.CommentsField{width:100%!important}.CreateFlyoutFooterKit{position:absolute;gap:20px;bottom:0;right:0;left:0;margin-left:0;width:100%;height:50px;display:flex;padding:6px 0;margin-top:20px;justify-content:space-between}.SaveButton{align-self:flex-end;font-family:var(--body-font-family);margin-right:20px!important;width:130px!important;margin-top:30px!important}.ChildKitDetailsBody{display:flex;flex-direction:column;width:100%;height:100%;margin-top:80px;padding-left:40px;gap:30px}.ChildKitDetailsBody1{display:flex;flex-direction:row;gap:10px;margin-left:-10px}.ChildKitDatacontainer{width:99%;padding:20px;margin:0 auto;overflow-x:hidden;overflow-y:hidden}.ChildKitDetailsHeader{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-top:70px;font-family:var(--body-font-family)!important;width:100%;text-decoration:none}.ChildKitDetailsHeader .ChildKitDetailsHeaderInner{display:flex;gap:5px}.ChildKitDetailsHeader .ChildKitDetailsHeaderInner h2{font-weight:700;font-size:14px;margin:0;width:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ChildKitDetailsHeader .ChildKitDetailsHeaderInner p{width:70%;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.divider{margin-left:10px!important;margin-right:10px!important}.ChildKitDataFlyoutHeader{background-color:var(--secondary-color);margin-left:99%;margin-bottom:10px}.closebutton{color:#000;background-color:#fff;cursor:pointer;font-size:22px}.ChildKitDataDetailsDivBodyRow{display:flex;flex-direction:column;width:100%;border-bottom-color:1px solid black;margin-bottom:10px;margin-top:50px}.ChildKitDataGrid{position:relative;width:100%;height:60vh;padding-right:10px;margin-left:0;margin-bottom:20px}.ChildKitDataDetailsImage{display:flex;flex-direction:column;margin:0 2px;box-shadow:0 0 2px #a1a1a1;padding:8px;border-radius:8px}.ChildKitDataDetailsImage img{object-fit:contain;width:100%;height:200px;box-shadow:0 10px 20px #0003;border-radius:8px}.icons-container{display:flex;align-items:center;justify-content:space-between;margin-top:10px;font-size:14px}.icons-child1{display:flex;align-items:center}.upload,.camera{display:flex;align-items:center;gap:2px;cursor:pointer}.ChildKitDataDetailsBody1{width:100%;max-height:90vh;overflow-y:auto;margin-top:10px}.ChildKitDataDetailsDivBody{display:flex;flex-direction:column;margin-bottom:15px}.ChildKitDataGridHeader{font-size:25px;margin-bottom:10px}.CreateFlyoutHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.CreateFlyoutBodyKit{display:flex;flex-direction:column;height:100%}.CreateFlyoutFooterKit{display:flex;justify-content:space-between;margin-top:16px}.AntTableDiv{height:calc(100vh - 220px);width:100%;overflow:hidden}.loader-container{display:flex;justify-content:center;align-items:center;width:100%;height:30px;background-color:transparent!important}.AntTable{width:100%;margin:10px auto}.AntTable .ant-table-body{scrollbar-width:thin;scrollbar-color:#5c5c5c #f1f1f1;scroll-behavior:smooth;background-color:transparent!important}.AntTable .ant-table-row-expand-icon{color:var(--primary-color)!important;background-color:transparent!important;border:1px solid var(--primary-color)!important}.ChildKitActionIcon{color:#009cbb;cursor:pointer;font-size:24px}.ChildKitImageEditIcon{font-size:18px!important}.KitNewNoPreview{width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-size:18px;color:#999}.ViewToggleButtons{display:flex;align-items:center;justify-content:space-between;border-radius:5px;height:37px!important;width:80px}.ViewToggleButtons button{cursor:pointer}.Quotation-button{color:#b3b3b3!important;text-transform:none!important;font-size:.8rem!important;font-weight:400!important;width:100%;top:5px;border:1px white solid var(--border-color-dark)}.quotation-input-field{justify-content:center;display:flex;text-align:start;cursor:pointer}.quotation-button:hover{background-color:transparent!important}.cost-summary-container{padding:0 5px;width:99%;margin-top:20px}.cost-summary-title{display:flex;align-items:center;font-size:1.25rem;font-weight:700;margin:0 0 16px}.cost-summary-icon{margin-right:8px;color:#03a9f4}.cost-summary-stack{display:flex;flex-direction:column;gap:12px;margin:16px 0}.cost-row{display:flex;justify-content:space-between;align-items:center}.text-secondary{color:#b3b3b3}.grand-total-row{margin-top:16px}.grand-total-label,.grand-total-amount{font-size:1.25rem;font-weight:700}.SwitchBtn{border:none;padding:6px 10px;border-radius:5px;height:37px!important;width:38px!important}.AdminChildrenHeaderControls{display:flex;align-items:center;gap:1rem}.VendorGridContainer{display:flex;flex-wrap:wrap;gap:20px;justify-content:flex-start;align-items:stretch;width:100%}.VendorGridItem{flex:0 0 calc(33.333% - 20px);max-width:calc(33.333% - 20px);display:flex}.VendorSearchInput{flex:1;min-width:300px}.VendorCard{margin-left:15px!important;border-radius:8px!important;padding:8px!important;display:flex;flex-direction:column;justify-content:space-between;height:100%;width:100%;box-sizing:border-box}.VendorCardHeader{display:flex;align-items:center;gap:15px}.VendorLogo{width:22%;position:relative;padding:10%;border-radius:50%;display:flex;justify-content:center;align-items:center;background-color:#5d5d5d}.VendorLogo.light{background-color:#5f5f5f}.VendorLogoImage{position:absolute;width:60%;height:60%;object-fit:contain;border-radius:8px}.VendorName{font-weight:700;font-size:1.2rem;color:#009cbb}.VendorCode{font-size:.9rem!important}.VendorContact{font-size:.7rem!important;color:gray}.VendorContactKeyMetrics{display:flex;justify-content:space-between;width:100%}.VendorContactInfo{width:60%}.VendorKeyMetrics{width:40%}.VendorContactInfoHeader,.VendorKeyMetricsHeader,.VendorPerformanceHeader{font-weight:700!important;font-size:.9rem!important}.VendorPerformanceHeader{margin-top:-6%!important}.VendorItem{display:flex;align-items:center}.VendorIcon{margin-right:1px;font-size:small!important;font-weight:700!important}.VendorIconText{font-size:.7rem!important;color:gray!important}.VendorPerformanceProgress{border-radius:5px;margin-top:1%;margin-bottom:1%}.VendorCardActions{display:flex;justify-content:space-between;align-items:center;padding:0 0 0 15px!important}.VendorViewButton{padding:4px!important;font-size:.6rem!important;line-height:1!important;text-transform:none!important;margin-right:15px!important}.VendorArrowIcon{font-size:.8rem!important;margin-left:5px!important}.VendorDividerWrapper{padding:0 15px!important;margin:10px 0!important}.VendorDivider{background-color:#676767}.vendor-details{display:grid;gap:16px;padding:16px;font-family:Arial,sans-serif}.vendor-details p{margin:0;font-size:1rem}.vendor-details strong{margin:0;font-size:1rem;color:#009cbb}.vendor-details .full-width{grid-column:span 1}.PoCreateFlyoutBody{position:absolute;right:0;width:96%;top:110px;bottom:60px;font-size:14px;gap:20px;overflow-y:auto;overflow-x:hidden;padding-right:20px;max-height:calc(100vh - 130px)}.cancel-icon{font-size:99%!important;color:#c74b4b!important}.VendorDetails{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center!important;gap:10px;overflow:auto;color:#c5c5c5!important;min-height:150px!important;max-height:500px;border-radius:5px;height:100%}.VendorDetailsReadOnly{color:gray!important}.VendorDetailsInner{padding:5px;width:100%;display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;font-size:13px;height:100%}.VendorDetailsCard{width:100%;border:1px solid rgb(56,56,56);border-style:dashed;border-radius:5px;padding:10px;display:flex;flex-direction:column;gap:10px;height:100%;overflow-y:auto;color:#c5c5c5!important}.VendorDetailsCardReadOnly{width:100%;border:1px solid grey;border-style:dashed;border-radius:5px;padding:10px;display:flex;flex-direction:column;gap:10px;height:auto;overflow-y:auto;color:gray}.VendorDetailsCard strong{font-size:16px}.VendorDetailsCardHeader{display:flex;align-items:center;gap:5px;width:100%;font-size:12px!important;padding-bottom:8px;border:0px;border-bottom:1px solid rgb(34,34,34);border-style:dashed}.VendorDetailsCardHeader strong{font-size:15px!important}.VendorAddressesEditBtn{color:#009cbb!important;display:flex;align-items:center;gap:5px;cursor:pointer;font-size:12px!important}.VendorDetailsCardDetails{display:flex;flex-direction:column;gap:2px;font-size:13px;margin-left:24px}.VendorDetailsCardDetails h3{font-weight:800}.VendorAddressesEditBtn:hover{text-decoration:underline}.GrnDataGrid{height:320px;margin-top:20px;width:100%;overflow-y:auto}.details-table{display:flex;flex-direction:column;gap:10px;width:100%;border-radius:8px;padding:16px;box-sizing:border-box;box-shadow:0 0 2px #a1a1a1}.details-table .PO_Link{color:#009cbb!important;cursor:pointer;text-decoration:underline}.details-table .PO_Link:hover{text-decoration:none}.row{display:grid;grid-template-columns:1fr 20px 1fr;align-items:center}.label{flex:2.5;font-weight:700;min-width:150px;font-family:Poppins,sans-serif!important}.separator{flex:.5;text-align:center;margin-right:8px}.input-wrapper{flex:3}.value{word-break:break-word}.GrnDataGridWrapper{height:calc(100vh - 180px);width:100%;overflow:hidden}.PurchaseOrderEditFlyoutFooter{position:absolute;display:flex;align-items:center;justify-content:space-between;padding:10px;left:0;right:0;bottom:0;width:100%;border-top:1px solid rgb(81,81,81)}.GrnEditFlyoutFooter{position:fixed;width:50%;left:50%;background-color:var(--flyout-footer)}.FooterLeft,.FooterRight{display:flex;align-items:center;gap:10px}.GrnNewFlyout{position:relative;display:flex;flex-direction:column;width:100%;height:100%;overflow-y:auto}.GrnNewFlyoutTabPanel{display:flex;flex-direction:column;padding:15px!important}.GrnNewFlyoutContent{position:relative;padding:5px;display:flex;flex-direction:column;gap:10px;width:100%;height:calc(100vh - 190px);overflow-y:auto;overflow-x:hidden}.GrnNewFlyoutContentTop{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.GrnDataGridDiv{height:calc(100vh - 400px)!important;width:100%!important;min-height:300px;flex-grow:1}.GrnEditDataGridDiv{height:calc(100vh - 525px)!important;width:100%!important;min-height:300px;flex-grow:1}.GrnCreateFlyoutFooter{position:relative;display:flex;justify-content:flex-end;align-items:center;padding:10px;height:50px;width:100%;gap:10px;margin-top:auto}.GrnNewFlyoutTabPanelDocuments{display:flex;flex-direction:column;width:100%;height:calc(100vh - 110px);padding:0!important}.grey-date-text input{color:#999}.grey-date-text input:focus{color:#000}.LineItemsAccordion{display:grid;grid-template-columns:1fr 2fr}.LineItemsPartOption{color:#fff;padding:10px;font-size:12px!important;display:flex;flex-direction:column}.LineItemsPartOption div{display:grid;grid-template-columns:1fr 10px 2fr}.AddOption{color:#009cbb}.LineItemsPartOption:hover:not(.disabled){background-color:#444!important;cursor:pointer}.LineItemsPartOption.selected{background-color:#444!important;font-weight:700}.LineItemsPartOption.disabled{opacity:.5!important;cursor:not-allowed!important;pointer-events:none!important}.LineItemControlsDiv{display:flex;width:100%;gap:10px;justify-content:space-between;margin-bottom:5px;height:100%}.LineItemControlsDivInner{display:flex;align-items:center;gap:10px;height:100%;width:auto}.pogrnd-container{padding:0;height:100%;display:flex;flex-direction:column}.pogrns-datagrid{height:300px;width:100%}.pogrns-header h2{font-family:var(--body-font-family);margin-bottom:10px}.pogrns-accordion-header{display:flex;width:100%;justify-content:space-between}.pogrns-accordion-field{display:flex;gap:20px;max-width:45%}.pogrns-accordion-span{color:#a1a1a1}.pogrns-truncate-line{display:flex;align-items:center;max-width:45%}.pogrns-truncate-fixed{display:inline-block;max-width:120px;width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:3px}.pogrns-empty-message{font-size:13px;color:var(--error-color)}.PODetailsMainDiv{display:flex;flex-direction:column;height:calc(100vh - 110px);width:100%;padding:5px 10px;overflow:hidden;gap:5px;font-size:13px!important}.PODetailsPageHeader{display:flex;align-items:center;justify-content:space-between;width:100%;height:auto;padding:5px}.PODetailsPageHeaderDetails{display:flex;align-items:center;width:auto;gap:10px}.PageTabs{display:flex;width:100%;align-items:center;border-bottom:1px solid rgb(50,50,50)}.PageTabs .TabButton{width:10%;cursor:pointer;padding:8px 0;font-size:11px;background-color:transparent;color:var(--PageTabButton-color)}.TabButton.Selected{background-color:#454545}#light .TabButton.Selected{background-color:#adaaaa}.TabButton:hover{background-color:#606060}.PODetailsContent{display:flex;flex-direction:column;padding-top:10px;height:calc(150% - 20px);overflow-y:auto;gap:30px;width:100%;padding-right:10px}.PODetailsContentInner{display:flex;flex-direction:column;height:auto;width:100%;gap:5px;font-size:13px!important}.PODetailsContentInner h3{font-size:16px}.DataGridActionsDiv{display:flex;align-items:center;gap:5px}.DimButton{border:none;background-color:transparent;display:flex;align-items:center;padding:5px 8px;font-size:12px!important;gap:5px;color:#fff!important;border:1px solid rgb(70,70,70)!important;background-color:var(--DimButton-color)!important;// border-radius: 3px;cursor:pointer}.LineItemsDiv{margin-top:20px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;gap:5px}.LineItemControlsDiv{display:flex;gap:10px;align-items:center}.AddOrUpdateButton{width:auto!important;display:flex;align-items:center;justify-content:center;gap:5px;cursor:pointer;padding:5px 8px;border:none;background-color:transparent;font-size:12px!important;color:#fff!important;border:1px solid rgb(109,109,109)!important;border-radius:3px;background-color:#009cbb!important}.disabledButton{opacity:.5;cursor:not-allowed}.TaxGroupAddButton{width:100%!important;display:flex;align-items:center;justify-content:center;gap:5px;cursor:pointer;padding:5px 10px;border:none;font-size:12px!important;color:#009cbb!important;border:1px solid rgb(109,109,109)!important;border-radius:3px;background-color:transparent!important}.RejectBtn{color:#fff!important;font-size:12px!important;width:auto!important;cursor:pointer;padding:5px 10px;border:none;background-color:#fa1f1f!important;border:1px solid red!important;border-radius:3px}.DataGridActionsDiv ion-icon{font-size:16px!important}.TaxGroupsOptions{display:flex;flex-direction:column;gap:0px}.TaxGroupsOptions .Heading{font-size:13px}.TaxGroupsOptions .Description{font-size:9px}.GrnFlyoutFooterApprover{display:flex;justify-content:space-between}.HighlightBtn{background-color:#009cbb!important;color:#fff!important}.VendorDetailsDiv{display:grid;grid-template-columns:1fr 5px 1fr;gap:10px}.PoAddDetailsDrawerHeaderDiv{display:flex;align-items:center;width:100%!important;padding-right:10px;justify-content:space-between;border-bottom:1px solid grey}.PoAddDetailsDrawerHeader{display:flex;align-items:center;padding:10px;margin:10px;border-radius:5px;background-color:transparent;gap:10px}.PoAddDetailsDrawerHeaderDiv ion-icon{font-size:22px!important}:root{--primary-color-blue: #141414;--stars-image: url(https://cdn.pixabay.com/photo/2020/03/30/13/29/space-4984262_1280.jpg)}.stepTitle{display:inline-block;font-size:10px;margin-left:10px;margin-right:10px;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.GuideDetailsHeaderLoader{display:flex;justify-content:center;margin:0 auto}.GuidesListMain{display:flex;flex-direction:column;width:100%;height:100%}.TaskLists{position:relative;width:100%;height:calc(80vh - 10%);overflow-y:auto;padding-right:10px;margin-top:-12px!important}.EditAccordion{width:100%;height:auto;background-color:#e8e8e8}.GuideDetailsHeader div{font-size:14px}.GuideNameNumber ion-icon{cursor:pointer;color:var(--secondary-color)!important;font-family:900!important}.GuidePartChangeDropDown{width:80%!important;margin:0 auto}.GuideVersion{max-width:15%}.GuideDetailsHeader div h2{font-size:12px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70%!important}.GuideDetailsHeader div p{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;max-width:90%}.StepsSection{display:flex;flex-direction:row;margin-left:auto;width:99%;height:190px}.PublishedStepsInfo{display:flex;flex-direction:row;align-items:center;width:99%;height:100%;border-radius:10px}.StepsInfo{display:flex;flex-direction:row;align-items:center;background-color:#e8e8e8;width:95%;height:100%;border-radius:10px}.StepsScrollContainer{position:relative;white-space:nowrap;width:100%;height:100%;display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;padding-top:20px}.StepsScrollContainer::-webkit-scrollbar{height:1px;border-radius:10px}.StepsScrollContainer::-webkit-scrollbar-thumb{background-color:#b6b6b680!important;border-radius:10px}.StepsScrollContainer::-webkit-scrollbar-track{background-color:transparent;border-radius:10px}.StepsScrollingBoxInner{display:flex;flex-direction:column;width:165px;height:155px;position:relative;border-radius:10px;box-shadow:0 0 2px #009cbb}.StepsScrollingBoxInner .guide-image{width:95%;margin:auto}.StepsScrollingBoxInner p{width:80%;font-size:10px;padding-left:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.StepsInfoSideButtons{background-color:transparent;color:var(--dark-primary-color);font-size:25px;width:40px;border:none;cursor:pointer}.GuideDetailsBreadCrumb{display:flex;align-items:center;justify-content:space-between;padding:0 10px}.GuideDetailsBreadCrumb1{margin-top:-5px;letter-spacing:.2px;text-align:left;display:flex;align-items:center;gap:5px;font-size:14px}.GuideControlButtonContainer{display:flex;align-items:center;gap:5px}.GuideControlButton{display:flex;gap:5px;align-items:center;font-size:13px;border-radius:5px;padding:5px;color:var(--light-primary-color);background-color:var(--error-color);transition:.3s}.GuideControlButton:hover{background-color:var(--light-primary-color);color:var(--secondary-color);cursor:pointer;border:1px solid #009cbb;transition:.3s}.GuideDetailsBreadCrumb .GuideDetailsBreadCrumbLink{color:var(--secondary-color);text-decoration:none;font-family:Square721 BdEx BT Bold}.GuideDetailsBreadCrumb .GuideDetailsBreadCrumbLink:hover{color:var(--secondary-color);text-decoration:underline}.GuideDetailsBreadCrumb1 .guide-number{font-family:Square721 BdEx BT Bold}.StepsScrollingBoxHighlight{cursor:pointer;display:flex;width:170px!important;height:160px;margin-left:20px;border-radius:10px;border:2px solid #009cbb;position:relative}.StepsScrollingBox{display:flex;width:165px!important;height:135px;margin-left:20px;border-radius:10px;position:relative}.StepsScrollingBox:hover{cursor:pointer;box-shadow:1px 1px 15px #009cbb65}.StepsScrollingBox img,.StepsScrollingBoxHighlight img,.StepsScrollingBox video,.StepsScrollingBoxHighlight video{object-fit:contain;border-radius:10px;width:160px;height:120px}.CardStepNumber{position:absolute;top:-10px;right:-10px;display:flex;align-items:center;justify-content:center;font-size:11px;width:22px;height:22px;border-radius:50%;background-color:#10768f;color:var(--light-primary-color)}.StepControls{display:flex;align-items:center;justify-content:center;width:5%;flex-direction:column;height:100%;gap:8px}.StepControls button{font-size:22px;border-radius:10px;display:flex;height:60px;width:70%;justify-content:center;align-items:center;background-color:#dbdada}.StepControls button:hover{cursor:pointer}.AddStep{color:#5050e7}.DeleteStep{color:var(--error-color)}.StepDetails{margin-top:20px;display:flex;gap:10px;width:100%;height:100%}.StepDetails .StepDetailsInfo{border-radius:10px;padding:10px;display:flex;flex-direction:column;align-items:center;width:60%;height:100%}.StepDetailsInfo img{object-fit:contain;width:95%}.PasteContainer,.StepImageControls{width:100%;display:flex;align-items:center;justify-content:flex-start}.StepImageControls button{margin-right:10px;border-radius:5px;display:flex;justify-content:center;align-items:center;font-size:20px;padding:5px;border:1px solid #00ccff40;background-color:#00ccff26}.PasteContainer ion-icon,.StepImageControls button:hover{cursor:pointer}.StepTitleField{display:flex;align-items:center;gap:10px;width:100%;margin-bottom:10px}.StepTitleField h2{width:100%;display:flex;gap:5px;font-size:14px}.StepTitleField p{font-weight:400!important}.StepTitleField input{height:100%;width:100%;border:none;padding:10px;box-shadow:0 0 3px #a1a1a1}.StepTitleField ion-icon{font-size:25px;padding:2px;margin:0;border-radius:5px}.StepTitleField ion-icon:hover{cursor:pointer}.StepTaskInfo{height:100%;width:40%!important}.Steps{position:fixed;display:flex;flex-direction:column;width:59%;height:calc(100% - 150px);overflow-y:auto;padding-right:.8%}.Steps::-webkit-scrollbar{width:.2em;border-radius:50%}.Steps::-webkit-scrollbar-thumb{border-radius:30px}.Steps:hover{cursor:pointer}.CreateAccordion{padding:30px!important;height:350px;overflow-y:auto;background-color:#e8e8e8}.Accordion{padding:30px!important;height:auto;background-color:#e8e8e8}.EditTaskAccordion{padding:20px!important;height:auto;background-color:#e8e8e8}.CreateTaskAccordion{display:flex;padding-top:10px;flex-direction:column;gap:10px;width:100%}.CreateTask{font-size:18px;font-weight:600;margin-bottom:10px;letter-spacing:.015cm}.TaskRadiosDiv{display:flex;gap:10px;flex-direction:column;width:100%;justify-content:space-between}.CreateTaskButton{display:flex;justify-content:end;gap:20px;width:100%}.TaskRadiosDiv1{display:flex;flex-direction:column}.TaskRadiosDiv1 p{font-size:12px;font-weight:500}.TaskRadiosDiv1Inner{display:flex;align-items:center;gap:10px}.TaskRadiosDiv1Inner p{font-size:14px;font-weight:700}.GenealogyEquipUnavailable{display:flex;align-items:center;width:90%;padding:20px;font-size:16px;color:var(--error-color)}.TaskType{min-width:200px;min-height:30px}.TasksListMain{display:flex;align-items:center;width:100%;margin-top:20px;height:auto}.TasksList{display:flex;align-items:center;border:1px solid grey;width:100%;height:100%}.TasksList div{display:flex;flex:auto 2;gap:5px;width:100%;height:100%;align-items:center}.taskDescription{white-space:pre-wrap;word-break:break-word;font-size:12px;padding:10px}.TasksList p{margin-left:5px}.DeleteTaskIcon{margin:0;color:var(--error-color);padding:0 0 0 5px}.DeleteTaskIcon:hover{cursor:pointer}.TaskType{display:flex;flex-direction:row;gap:5px;align-items:center}.TaskTypeInList{display:flex;padding:0;margin:0;height:100%;font-size:15px;color:var(--secondary-color);flex-direction:column;align-items:center}.TaskTypeInList ion-icon{padding-left:5px;padding-right:5px;font-size:14px}.TaskBehaviour{color:orange;padding-right:5px}.AddItemsDataGrid{width:100%;margin-top:11px;height:100%!important;overflow-x:hidden!important}.TaskEditPencil{font-size:20px;padding-right:3px;color:var(--primary-color)}.TaskEditPencil:hover{cursor:pointer}.WOEquipmentTabDiv{display:flex;height:100%;gap:10px;width:100%}.EquipmentTabDiv{display:flex;flex-direction:column;height:100%;gap:10px;width:100%}.GuideItemsDiv{display:flex;flex-direction:column;align-items:center;width:100%;overflow:auto}.quantityMissMatch:hover,.quantityMissMatch{background-color:#ff8080!important}.GuideItemsDiv .GuideTaskBodyAccordion,.ItemsDiv .GuideTaskBodyAccordion{width:100%}.GuideItemsDiv h2,.ItemsDiv h2{font-weight:700;font-size:24px}.ItemsOptions{display:flex;gap:20px;align-items:center}.CreateStepButton Button{display:flex;align-items:center;gap:10px}.CreateStepButton Button ion-icon{font-size:18px}.CreateStepButton Button p{font-size:12px}.dataTypeInput{display:flex;align-items:center;max-width:500px}.dataTypeOptionBox{display:flex;gap:10px;align-items:center}.dataTypeOptionBoxInner{display:flex;width:auto;gap:5px;align-items:center;min-height:10px;padding:5px;border:.5px solid black;border-radius:5px}.dataTypeOptionBoxInner ion-icon{min-width:15px}.dataTypeOptionBoxInnerP{width:100%}.dataTypeOptionBox .MuiTextField-root input{font-size:16px;padding-left:10px}.GuideStepTasksLoader{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.ManufacturingBomHeader{font-size:22px;font-weight:600;color:#5e585b}.ManufacturingBomInner{display:flex;flex-direction:column;width:100%;height:75%;overflow-y:hidden}.GuideEditFlyoutBody{display:flex;align-items:top;gap:15px;width:100%;height:100%}.GuideTaskBody{position:relative;display:flex;flex-direction:column;width:100%;overflow-x:hidden;overflow-y:hidden;height:100%}.GuideTaskBodyHeader{display:flex;align-items:center;justify-content:space-between;width:99%;font-size:16px;padding:10px;overflow:hidden}.GuideTaskBodyHeader ion-icon{font-size:26px;color:#60add4}.GuideTaskBodyHeader h2{font-size:14px}.GuideTaskBodyHeader ion-icon:hover{cursor:pointer}.EquipAccordion{display:flex;flex-direction:column;max-width:100%;padding:30px!important;height:auto;box-shadow:0 0 2px #a1a1a1}.EquipAccordionInner{display:flex;gap:20px;align-items:center;margin-top:10px;margin-bottom:20px}.AddButtonInEquipTab{width:100%;display:flex;gap:10px;justify-content:flex-end}.QuantityTextField{width:50%}.SelectPartTextField{width:20%}.SelectPartSelectField{width:40%}.ErrorMessage{color:var(--error-color)}.image-flyout{position:fixed;top:10px;left:50px;width:90%;height:90%;margin-left:20px;background-color:var(--image-preview-flyout-bg-color);padding:20px;overflow:auto}.image-flyout img{max-width:70%;margin-left:150px;height:auto}.image-flyout .close-button{position:absolute;top:10px;right:10px;cursor:pointer}.PublishedTag{width:100%;display:flex;gap:5px;font-weight:700;color:#009cbb}.image-editor-container.full-screen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;z-index:1200}.PreviewDiv{width:100%;height:80%;margin-top:10px;cursor:pointer}.PreviewDiv img,.PreviewDiv video{display:block;object-fit:contain;height:100%;width:100%;transition:transform .3s ease}.GuideDetailsControls{position:fixed;bottom:0;left:80px;width:100%;background-color:transparent;display:flex;justify-content:flex-start;align-items:center;gap:20px;z-index:1000}.GuideDetailsControls button{display:flex;justify-content:center;align-items:center;gap:5px;cursor:pointer;color:var(--dark-text-color);background-color:var(--secondary-color);padding:5px;border-top-left-radius:10px;border-top-right-radius:10px;min-width:70px}.AddItemsBody{padding-left:10px;padding-right:10px;margin-top:100px;width:100%;height:100%}.NoDataMessage{display:flex;align-items:center;font-size:12px;color:var(--error-color);gap:10px}.NoDataMessage p{text-decoration:underline;color:var(--link-color);cursor:pointer}.divider{display:inline-block;vertical-align:middle}.GuideDraftButtonsContainer{display:flex;gap:5px;cursor:pointer}.GuideDraftButtonsContainer button{background-color:var(--secondary-color);padding:5px;color:var(--dark-text-color);border-radius:5px;cursor:pointer}.GuideDraftButtons{display:flex;align-items:center;gap:3px}.GuideDraftButtons.disabled{background-color:#009cbbc0;color:var(--dark-text-color);cursor:not-allowed;border:1px solid #a9a9a9;position:relative}.GuideDraftButtons.disabled:after{content:attr(data-tooltip);position:absolute;left:50%;top:100%;transform:translate(-50%);padding:5px;background-color:#333;color:var(--dark-text-color);border-radius:4px;white-space:nowrap;font-size:12px;opacity:0;visibility:hidden;transition:opacity .2s ease}.GuideDraftButtons.disabled:hover:after{opacity:1;visibility:visible}#light .guides-button{background-color:var(--secondary-color);color:var(--light-primary-color)}#dark .guides-button{background-color:#001f26;color:var(--light-secondary-color)}#light .StepImageControls button [name=create-outline]{color:var(--light-primary-color)!important}.GuideBOMCellWrapper{display:flex;flex-direction:column;gap:4px}.GuideBOMGuideLink{font-size:12px;color:#888;cursor:pointer}.GuideBOMGuideLink:hover{text-decoration:underline;color:#999}.CreateStepButton{display:flex;justify-content:space-between;align-items:center;padding:10px;border-radius:8px;box-shadow:0 2px 6px #0000001a;flex-wrap:wrap}.GuideDetailsHeader{display:flex;align-items:center;flex:1;gap:20px;flex-wrap:wrap}.GuideNameNumber{display:flex;align-items:center;gap:6px;min-width:180px;flex:2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.GuideNameNumber h2,.GuideNameNumber p{margin:0;font-weight:500;font-size:16px;color:#333}.GuidePartName{display:flex;align-items:center;gap:6px;min-width:160px;flex:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.GuidePartName p.AppHyperLink{cursor:pointer;color:#009cbb;text-decoration:underline;margin:0}.GuidePartNumber{display:flex;align-items:center;gap:6px;min-width:120px;flex:1}.GuidePartNumber p,.GuidePartNumber button{margin:0;font-size:14px}.GuideVersion{display:flex;align-items:center;gap:6px;min-width:80px;flex:.8}.VersionName{font-weight:500}.GuideVersion .MuiSelect-standard{font-size:14px}.GuideWeight{display:flex;align-items:center;gap:6px;min-width:120px;flex:1.2}.GuideWeight .MuiSelect-standard{font-size:14px}.MuiDivider-root{margin:0 10px}.GuidePublish{display:flex;align-items:center;justify-content:flex-end;flex-shrink:0}.GuidePublishButton{color:var(--light-primary-color);background-color:#009cbb;border:none;border-radius:8px;padding:10px;display:flex;align-items:center;gap:6px;cursor:pointer}.PublishedTag{display:flex;align-items:center;gap:6px;background-color:#d4edda;color:#155724;padding:4px 8px;border-radius:6px;font-weight:500}@media (max-width: 1200px){.GuideDetailsHeader{gap:12px}}@media (min-width: 1600px){.GuidePublishButton{padding:10px 20px!important}.CreateStepButton{padding:10px 16px!important}}@media (max-width: 900px){.GuideDetailsHeader{flex-direction:column;align-items:flex-start}.GuidePublish{width:100%;justify-content:flex-start;margin-top:8px}}.confirmation-box-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.confirmation-box{display:flex;flex-direction:column;align-items:center;border-radius:20px;padding-top:20px;padding-bottom:10px;width:400px;gap:10px;border:1px solid #ccc;box-shadow:0 0 10px #0000001a}.confirmation-box ion-icon{font-size:65px;color:#fcc257}.confirmationBoxTexts{display:flex;flex-direction:column;align-items:center;gap:10px;padding-bottom:20px}.confirmationBoxTexts h2{font-size:26px;font-weight:700}.confirmationBoxTexts p{font-size:14px}.confirmationBoxBtns{display:flex;gap:20px}.confirmationBoxBtns button{padding:10px;border-radius:10px}.confirmationBoxBtns button:hover{cursor:pointer}.confirmationBoxBtns .Confirm{color:#fff;background-color:#009cbb;transition:.3s;border:.1px solid #009cbb}.confirmationBoxBtns .Confirm:hover{background-color:#fff;color:#009cbb;border:.1px solid #009cbb;transition:.3s}.confirmationBoxBtns .CancelBtn{color:#fff;background-color:#f73838;border:0px}.CommentsSection{width:300px!important}@media print{@page{margin:10mm}.printContainer{width:100%;max-width:none;margin:0;padding:0;color:#000}.printWatermark{display:block;width:90%;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000}.printPage{page-break-after:always;min-height:100vh;display:flex;flex-direction:column;position:relative}.printPageHeader{display:flex;justify-content:space-between;align-items:flex-start;padding:10px 0;border-bottom:1px solid #ccc}.printHeaderlabel{font-weight:700;margin-right:5px;color:#333}.printHeaderValue{color:#000}.printStepContainer{flex-grow:1;padding:10px 0 0}.printStep{display:flex;margin-bottom:10px}.printImageSection{width:60%;padding-right:20px}.printStepTitle h2{margin:0 0 15px;font-size:18px;color:#333}.printStepImageContainer{position:fixed;width:55%;height:90%}.printStepImage{max-width:100%;height:90%}.printTasksSection{width:40%;display:flex;flex-direction:column}.printTaskContainer{margin-bottom:5px}.printStepTask{display:flex;align-items:center;margin-bottom:10px;border:1px solid #ddd;padding:10px}.taskContent{display:flex;align-items:center;flex-grow:1;gap:2px}.printTaskType{margin-right:10px;color:#666}.printTaskDescription{flex-grow:1;margin:0}.printTaskBehaviour{margin-left:10px;color:#ff9800}.printTaskStatusCompleted{color:#4caf50}.printNotAvailableMsg{color:red;font-style:italic}.printEquipmentTable{width:100%;border-collapse:collapse}.printEquipmentTable th,.printEquipmentTable td{border:1px solid #ddd;padding:8px;text-align:left}.printEquipmentTable th{background-color:#f2f2f2;font-weight:700}.printPageFooter{position:fixed;bottom:10px;width:100%;padding:5px 0;font-size:12px}.printPageFooter div{color:#666}.printCoverPage{display:flex;justify-content:center;align-items:center;text-align:center;height:100%;position:relative;box-sizing:border-box;padding:2rem}.coverPageContent{display:flex;flex-direction:column;justify-content:space-between;height:100%;width:100%;position:relative;z-index:2}.coverPageTitle{margin-top:2rem}.coverPageTitle h1{font-size:3.5rem;font-weight:700;color:#333;margin-bottom:1.5rem}.coverPageTitle h2{font-size:1.5rem;color:#666;margin-bottom:2rem}.coverPageDetails{margin-top:1.5rem;font-size:1.5rem;color:#666}.coverPageDetails p{margin:.5rem 0}.coverPageFooter{margin-bottom:2rem;color:#777}.printPageFooter{display:flex;justify-content:space-between;padding:.8rem;font-size:.8rem;color:#666}}@media screen{.printContainer{max-width:800px;margin:0 auto;padding:20px;box-shadow:0 0 10px #0000001a}}.breadcrumbs{display:flex;align-items:center;padding:0 16px;font-size:14px;border-radius:8px;width:fit-content!important;min-width:auto!important}.BiggerBreadCrumb{display:flex;align-items:center;gap:4px;font-weight:500;width:fit-content!important;min-width:auto!important;flex-wrap:nowrap;white-space:nowrap}.BiggerBreadCrumb ion-icon{font-size:12px;flex-shrink:0}.BreadcrumbHeader{font-size:12px;width:auto!important;min-width:fit-content!important;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:120px;flex-shrink:0}.customSelect{min-width:80px!important;max-width:150px!important;width:auto!important;border-radius:6px;flex-shrink:1}.customSelect .MuiInputBase-root{font-size:12px!important;width:auto!important;min-width:80px!important}.customSelect .MuiSelect-select{padding-right:20px!important;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.MuiMenuItem-root{font-size:12px!important}.customSelect .MuiInput-underline:before,.customSelect .MuiInput-underline:after{display:none}.customSelect .MuiInput-underline:hover:not(.Mui-disabled):before{display:none}.MaskMainDiv{display:flex;flex-direction:column;gap:10px;z-index:1;background-color:#00000080}.MaskLoaderMessage{color:#fff;font-size:14px;font-weight:700}.MaskLoaderMessage:after{content:".";animation:dots 1.5s steps(5,end) infinite}@keyframes dots{0%,20%{content:"."}40%{content:".."}60%{content:"..."}80%,to{content:""}}.PlatformMain{position:relative;width:100%;height:100vh;overflow:hidden;display:flex;justify-content:center;align-items:center}.GlobeDiv{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;display:flex;justify-content:center;align-items:center}.globeImage{width:100%;height:100%;object-fit:cover;opacity:.5}.globeImageDark{filter:brightness(.9)}.globeImageLight{filter:brightness(1.1)}.platformNamesDiv{position:absolute;z-index:2;display:flex;justify-content:center;align-items:center;width:80%;max-width:1200px;top:50px;left:50%;transform:translate(-50%);transition:all .3s ease}.platformNamesDiv .circle:nth-child(1){transform:translateY(20px) translate(-40px)}.platformNamesDiv .circle:nth-child(2){transform:translateY(0)}.platformNamesDiv .circle:nth-child(3){transform:translateY(-20px)}.platformNamesDiv .circle:nth-child(4){transform:translateY(0)}.platformNamesDiv .circle:nth-child(5){transform:translateY(20px) translate(40px)}.platformNamesDiv2{position:absolute;left:50%;top:50%;width:500px;display:flex;flex-direction:column;z-index:2}.satellites-open{position:absolute;z-index:2;display:flex;justify-content:center;align-items:center;width:80%;max-width:1200px;top:50px;left:calc(50% + 120px);transform:translate(-50%);transition:all .3s ease}.satellites-open .circle:nth-child(1){transform:translateY(100px) translate(-250px)}.satellites-open .circle:nth-child(2){transform:translateY(40px) translate(-200px)}.satellites-open .circle:nth-child(3){transform:translateY(10px) translate(-100px)}.satellites-open .circle:nth-child(4){transform:translateY(20px) translate(30px)}.satellites-open .circle:nth-child(5){transform:translateY(110px) translate(80px)}.platformNamesDiv .circle:nth-child(1){transform:translateY(100px) translate(-140px)}.platformNamesDiv .circle:nth-child(2){transform:translateY(40px) translate(-80px)}.platformNamesDiv .circle:nth-child(3){transform:translateY(10px) translate(0)}.platformNamesDiv .circle:nth-child(4){transform:translateY(20px) translate(80px)}.platformNamesDiv .circle:nth-child(5){transform:translateY(110px) translate(120px)}.circle{display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:transform .3s ease;margin:0 10px}.circle img{width:110px;height:110px;object-fit:contain;margin-bottom:10px}.circle span{font-weight:700;font-size:16px}.circle p{font-size:14px;margin:5px 0 0}.xdlinxspacelabs{display:flex;align-items:center;margin-bottom:20px;justify-content:center}.xdlinxspacelabs img{height:40px}.platformNamesDiv2 h2{font-size:24px;margin:0;font-family:var(--header-font-family)!important}.platformNamesDiv2 h3{font-size:16px;margin:5px 0;font-family:var(--header-font-family)!important}.platformNamesDiv2 h6{font-size:8px;margin:5px 0}.PlatformDrawerStyles{width:400px;max-width:90%;background-color:#f5f5f5}@media (max-width: 768px){.circle img{width:70px;height:70px}.platformNamesDiv{position:absolute;z-index:2;display:flex;justify-content:center;align-items:center;width:80%;max-width:1200px;top:50px;left:50%;transform:translate(-50%);transition:all .3s ease}.platformNamesDiv .circle:nth-child(1){transform:translateY(90px) translate(-100px)}.platformNamesDiv .circle:nth-child(2){transform:translateY(-5px) translate(-60px)}.platformNamesDiv .circle:nth-child(3){transform:translateY(-15px)}.platformNamesDiv .circle:nth-child(4){transform:translateY(-5px) translate(60px)}.platformNamesDiv .circle:nth-child(5){transform:translateY(60px) translate(90px)}.satellites-open .circle:nth-child(1){transform:translateY(90px) translate(-100px)}.satellites-open .circle:nth-child(2){transform:translateY(-5px) translate(-60px)}.satellites-open .circle:nth-child(3){transform:translateY(-15px)}.satellites-open .circle:nth-child(4){transform:translateY(-5px) translate(60px)}.satellites-open .circle:nth-child(5){transform:translateY(60px) translate(90px)}.platformNamesDiv2{position:absolute;left:50%;top:50%;width:500px;display:flex;flex-direction:column;z-index:2}}@media only screen and (min-width: 1351px){.circle img{width:200px;height:200px}.xdlinxspacelabs img{height:50px}.platformNamesDiv2{width:1000px}.platformNamesDiv2 h2{font-size:40px}}.DataGridLinkCell{color:var(--link-color)}.ProductsScrollingBox2{height:180px}.productDetail{display:flex;justify-content:center;margin-left:5px}.productDetail h3,.productDetail p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.Guides-Container{margin-top:40px}.ProductsPlatformSection{display:flex;flex-direction:column;width:97%;height:200px;margin-top:80px;margin-left:20px}.Guides{margin-top:-10px;margin-left:20px;font-size:10px}.Products{margin-top:-15px;font-size:10px;margin-bottom:10px}.divider{margin:20px}.NotAvailableMessage{font-size:1.5rem;text-align:center;margin:20px auto;padding:10px;width:fit-content}.PlatformDrawerStyles{width:70%}.xdlinxspacelabs{margin-right:10px}.xdlinxspacelabs img{width:200px;height:50px}.BulkUploadHeader{margin-right:auto;font-size:20px;font-family:Square721 BdEx BT Bold;font-weight:600;margin-left:20px}.BulkUploadDetails{margin:20px;display:flex;flex-wrap:wrap;justify-content:space-around}.TemplateSection{flex:1;width:75%}.TemplateDetails{display:flex;flex-wrap:wrap;justify-content:space-around}.Cards{width:25%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin:10px;text-align:center;box-shadow:0 2px 5px #0000001a;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.Cards:hover{transform:translateY(-1px);box-shadow:0 4px 15px #0003;cursor:pointer}.CardContentCentered{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.CardContentCentered .bulkupload-content{font-family:Square721 BdEx BT Bold}.DownloadUpload{display:flex;align-items:center;cursor:pointer}.icon-download,.icon-upload{color:#009cbb;margin-left:8px;font-size:11px;border:2px solid #009cbb;padding:3px;border-radius:50%}.icon-download:hover,.icon-upload:hover{transform:scale(1.2);transition:.5s}.VisuallyHiddenInput{clip:rect(0 0 0 0);clip-path:inset(50%);height:1;overflow:hidden;position:absolute;bottom:0;left:0;white-space:nowrap;width:1}.availableCountText{text-decoration:underline;color:#009cbb}.css-46bh2p-MuiCardContent-root{background-color:#fff}.AlertMessages{position:fixed;top:70px;right:10px}.FlyoutBody{position:absolute;display:flex;flex-direction:column;right:0;width:98%;top:60px;padding-top:20px;font-size:14px;font-family:Roboto!important;gap:20px;overflow-y:auto;overflow-x:hidden;padding-right:10px;max-height:calc(100vh - 70px)}.details{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;align-items:center;margin-left:5px}.label{font-weight:700;margin-right:5px;font-family:roboto}.fileName{color:#009cbb;margin-right:-15px!important}.downloadButton{background-color:transparent!important;color:#009cbb!important;border:none;padding:0;min-width:auto;min-height:auto;font-size:small}.details button{margin-left:20px}.NewOptionSetInputContainer{display:flex;justify-content:space-between}.NewOptionSetlabelContainer{display:flex;flex-direction:column}.NewOptionSetlabelInput{display:flex;gap:10px}.NewOptionSetLabelList{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.NewOptionSetObjectInput{display:flex;gap:10px}.NewOptionSetObjectContainer{display:flex;align-items:center}.NewOptionSetObjectLabel{min-width:150px}.NewOptionsetDeleteIcon{color:var(--error-color)}.NewOptionSetContainer{display:flex;flex-direction:column}.NewOptionSetHeader{display:flex;align-items:center;justify-content:space-between;position:relative}.NewOptionSetRemoveIcon{color:var(--error-color)}.NewOptionSetAddButton{color:var(--link-color);cursor:pointer;font-style:italic}.label-chip{display:flex;align-items:center;border:var(--option-set-border-color);padding:4px 12px;border-radius:16px;font-size:14px;color:var(--option-set-text-color);background-color:var(--option-set-bg-color);gap:4px}.delete-button{display:flex;align-items:center;justify-content:center;height:16px;width:16px;border-radius:50%;border:none;background:none;cursor:pointer}.x-icon{height:12px;width:12px;color:var(--option-set-text-color)}.ECODrawerStyles{width:80%;z-index:1300;position:fixed}.EditEcoHeader{display:flex;flex-direction:column;gap:10px;padding:10px}.EditEcoHeaderChild{display:flex;align-items:flex-start;align-items:center}.ECOHeaderTitle{margin-left:10px;width:100%}.DetailItem{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.status-submitted{color:#288bee}.status-released{color:#00c11d}.EditECOIcons{display:flex;gap:10px;margin-right:10px;width:20%;justify-content:space-between}.EditECOIcons button{background:none;border:none;cursor:pointer;font-size:24px}.EditECOIconsChild{display:flex;align-items:center;gap:10px}.EcoSections{display:flex;justify-content:space-around;gap:20px;width:100%;background-color:var(--tab-bg-color);height:40px}.active,.inactive{background-color:transparent;color:var(--tab-text-color);color:#a1a1a1;font-size:15px;cursor:pointer;width:33.33%;padding:10px}.active,.inactive:hover{color:var(--link-color)}.EcoSections .active{color:var(--link-color);width:33.33%}.EditFlyoutFooterECO{justify-content:right}.EditFlyoutFooterECOResetButton{margin-left:10px!important}.details-tab-container,.readonly-details-tab{overflow-y:auto}.DetailsTabContent{height:calc(100vh - 170px)}.ECODocumentsTab{padding:10px!important}.TwoColumnGrid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:5px 20px}.TwoColumnGrid .FullWidthField{grid-column:1 / -1}.EffectedPartsContainer{display:flex;flex-direction:column;gap:20px;margin:10px 20px}.SelectPartContainer{display:flex;justify-content:space-between;align-items:center}.SelectPartAutoComplete{flex-grow:1}.FullWidthRow{grid-column:span 2}.DetailsTabContainer{display:flex;gap:10px;justify-content:space-between;width:100%}.UpdatePartsButton{display:flex;justify-content:flex-end;margin-right:20px}.EditECOEffectedPartsFooter{display:flex;gap:5px;justify-content:space-between;margin:0 15px}.EditECOEffectedPartsFooterDraft{display:flex;gap:10px;justify-content:flex-end;margin:0 15px}.CreateFlyoutEcoHeader{position:absolute;top:0;right:0;width:100%;display:flex;align-items:center;justify-content:space-between;height:50px}.EcoHeader{display:flex;justify-content:space-around;gap:20px;width:100%;background-color:var(--tab-bg-color);position:relative}.ECOHeaderCloseIcon{position:absolute;right:10px;top:5px}.EcoSections .active{color:var(--link-color);width:33.33%;border-bottom:2px solid #00ccff}.EcoSections .inactive{cursor:pointer}.ECOHeaderCloseIcon{cursor:pointer;background-color:var(--tab-bg-color);color:var(--tab-text-color);border:none;font-size:24px}.EcoDataGridDesCell{text-decoration:underline;color:var(--link-color)}.EcoDataGridDesPopOver{padding:10px;width:300px}.EcoDataGridDesPopOver button{margin-top:10px}.EcoDataGridReadOnly{height:calc(100vh - 130px);overflow:auto}.EcoDataGrid{height:calc(100vh - 250px);overflow:auto}.NewEcoDataGrid{height:calc(100vh - 200px);overflow:auto}.EditEcoContainer{overflow:hidden}.EditFlyoutContent{flex-grow:1;overflow-y:auto;padding-bottom:60px}.document-container{padding-left:10px}.SubmittedDataGrid{height:calc(100vh - 170px);width:100%;overflow:hidden}.SelectedPartsContainer{display:flex;flex-direction:column;gap:5px}.ECOErrorDisplay{width:100%;height:100%}.ECOErrorGridContainer{width:100%;height:calc(100% - 30px);display:flex;flex-direction:column;gap:10px}.ECOErrorDisplayDataGridDiv{height:50%!important;display:flex;flex-direction:column;gap:10px;padding:10px 10px 0 30px}.ECOErrorDisplayHeaderDiv{width:100%;display:flex;align-items:center;justify-content:space-between}.ECOErrorHeader{font-size:14px;color:#b0b0b0}.ECOErrorDes{display:flex;justify-content:center;font-size:12px;color:var(--error-color)}.ECOErrorDisplayGrid{height:calc(100% - 50px);width:100%}.ECOErrorDisplayHeader{display:flex;justify-content:space-between;align-items:center;padding:10px 10px 0}.ECOErrorDisplayHeader h2{margin-left:20px}.ECOErrorDisplayHeader button{background:none;border:none;cursor:pointer;font-size:24px}.EcoRejectNotesPopOver{display:flex;flex-direction:column;gap:16px;padding:24px;width:800px;max-width:90vw;min-height:30vh;box-sizing:border-box}.EcoRejectNotesActions{display:flex;justify-content:flex-end;gap:8px}.EcoRejectNotesHeader{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:0 0 8px}.EcoRejectNotesHeader h3{font-size:18px}.EcoRejectNotesHeader p{margin:0;font-size:14px}.RejectNotesAutocomplete{width:30%;margin-right:20px}.RejectNotesOption{display:flex;flex-direction:column;padding:8px 12px;max-width:100%;overflow:hidden}.RejectNotesUser{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.RejectNotesText{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.DetailsHeader{display:flex;justify-content:space-between;align-items:stretch;gap:24px;padding:10px 20px;border-radius:8px;border:1px solid #545454;box-shadow:0 1px 3px #0000000d;margin:10px 20px 20px;position:relative;flex-wrap:nowrap}.DetailsHeader>div:first-child{flex:1;display:flex;flex-direction:column;justify-content:center;gap:8px;min-width:240px;padding-right:20px}.DetailsHeader>div:last-child{flex:1.5;display:flex;flex-direction:column;gap:8px;padding-left:20px;max-height:100px;overflow-y:auto;border-left:1px solid #e5e5e5;scrollbar-width:thin}.DetailsHeader p{margin:0;font-size:14px;font-weight:500}.DetailsHeader span{font-weight:600;margin-right:4px}@media (max-width: 768px){.DetailsHeader{flex-direction:column;align-items:stretch}.DetailsHeader:before{display:none}.DetailsHeader>div:last-child{justify-content:flex-start;padding-left:0;margin-top:10px}}.RejectNotesContainer{display:flex;flex-wrap:wrap;gap:16px;margin-top:12px;padding:0 20px 20px}.RejectNoteCard{padding:12px 16px;border:1px solid #afafaf;border-radius:8px;cursor:pointer;transition:all .2s ease-in-out;display:flex;flex-direction:column;gap:6px}.RejectNoteCard:hover{transform:translateY(-2px);box-shadow:0 2px 6px #00000026}.RejectNoteCard.selected{border-color:var(--link-color);box-shadow:0 0 0 2px #1976d233}.RejectNotesHeader{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;font-weight:500;flex-wrap:wrap;gap:4px}.RejectNotesLabel{font-weight:600}.RejectNotesDate{font-size:.85rem;opacity:.8}.RejectNotesText{font-size:.9rem;line-height:1.4;opacity:.9;white-space:pre-wrap;word-break:break-word}.eco-no-tracker-container .eco-no-approvers-container{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:14px;text-align:center;gap:12px}.eco-no-tracker-container .eco-no-approvers-container p{margin:0;font-weight:500}.eco-tracker-container{width:100%;padding:0;display:flex;justify-content:flex-start}.eco-approver-list{display:flex;flex-wrap:wrap;justify-content:flex-start}.eco-approver-card{padding:10px 14px;min-width:180px;border-radius:10px;box-shadow:0 1px 5px #0000000f;display:flex;align-items:center;transition:all .2s ease}.eco-approver-card:hover{transform:translateY(-2px);box-shadow:0 2px 10px #00000014}.eco-icon-wrapper{margin-right:10px}.eco-icon{width:18px;height:18px}.eco-icon.approved{color:#22c55e}.eco-icon.rejected{color:#ef4444}.eco-icon.pending{color:orange}.eco-approver-details{display:flex;flex-direction:column;gap:4px}.eco-approver-name{font-weight:600;font-size:14px}.eco-approver-email{font-size:12px}.eco-approver-status{font-size:10px;font-weight:500;padding:3px 8px;border-radius:6px;width:fit-content}.eco-approver-status.approved{color:#065f46;background-color:#d1fae5}.eco-approver-status.rejected{color:#991b1b;background-color:#fee2e2}.eco-approver-status.pending{color:#6b7280;background-color:#f3f4f6}.eco-status-date{font-size:.8rem;color:#9ca3af}@media (max-width: 768px){.eco-approver-list{justify-content:center}.eco-approver-card{min-width:220px}}.ApprovalHistoryContainer{padding:10px 20px}.EcoHistoryDataGridDiv{height:calc(100vh - 140px);width:100%}.EcoHistoryDataGrid{height:calc(100vh - 200px);overflow:auto}.EcoApprovalCommentsPopOver{max-width:400px;width:300px!important;padding:10px}.EcoApprovalCommentsPopOver .MuiTextField-root{width:100%}@media (max-width: 768px){.EcoApprovalCommentsPopOver{width:250px;max-width:90%}}.UnAuthorizedUserContainer{display:flex;justify-content:center;align-items:center;height:100vh}.UnAuthorizedUserContent{text-align:center;padding:40px;border-radius:15px;animation:slideUp .8s ease-in-out}#dark .UnAuthorizedUserContent{background:#202020}#light .UnAuthorizedUserContent{background:#fff}.lockIcon{color:var(--error-color)}.UnAuthorizedUserContent h1{font-size:32px;font-weight:700;margin-bottom:8px;color:var(--error-color)}.UnAuthorizedUserContent h2{font-size:18px;margin-bottom:24px}.UnAuthorizedUserContent Button{padding:10px 20px;font-size:1rem;border-radius:5px;cursor:pointer;transition:background-color .3s ease,transform .2s ease;width:70%}.UnAuthorizedUserContent Button svg{margin-right:8px}.UnAuthorizedUserContent .footer{margin-top:48px;text-align:center}.UnAuthorizedUserContent .footer img{width:150px;margin-bottom:16px}.UnAuthorizedUserContent .footer p{font-size:12px;color:#999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.AddFeatureContainer{display:flex;width:98%;align-items:center;justify-content:space-between;margin-bottom:20px}.AddFeatureContainer .FeatureName{width:75%}.AddFeatureContainer .AddFeatureButton{width:15%;height:50px}.FeaturesDataGridDiv{height:calc(100vh - 270px);width:100%;overflow:hidden}.CancelFeatureButton{height:50px}.EditFlyoutContentWithProgram{position:relative;padding:10px;width:100%;height:calc(100vh - 160px);overflow-y:scroll;overflow-x:hidden;gap:5%}.ActionsContainer{display:flex;align-items:center;gap:5px}.LineItemsContainer{border-radius:6px;display:flex;flex-direction:column;gap:8px}.reqNewFlyoutTabPanel{padding:10px!important}.LineItemAccordion{border:1px solid #414141;background-color:#2b2b2b}.AccordionHeader{display:flex;justify-content:space-between;align-items:center}.AccordionTitle{font-weight:500;font-size:16px;color:#fff}.LineItemsGrid{height:300px;margin-top:16px}.TabPanel{display:flex;flex-direction:column;gap:10px}.AddLineItemButtonContainer{display:flex;justify-content:flex-end;margin-top:10px;gap:10px}.RequisitionGrid{height:calc(100vh - 200px)}.reqEditLineItems{display:flex;flex-direction:column;gap:10px}.reqEditLineItemsGrid{width:100%;height:calc(100vh - 200px)}.UpdateImage{margin-top:20px;display:flex;gap:10px}.MuiAccordionSummary-root.Mui-expanded{min-height:0!important}.MuiAccordionSummary-content.Mui-expanded{margin:5px 0!important}.OrganizationStaffDataGrid{height:calc(100vh - 300px);width:"100%";margin-top:20px}.CreateFlyoutBodyTwoColumns{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;width:100%;height:100%}.ImageUploadedDiv{position:relative;width:100%;height:100%;margin-top:10px;border-radius:12px;overflow:hidden}.ImageUploadedDiv img{width:100%;height:100%;object-fit:cover;display:block;border-radius:12px}.UploadedImageCancelButton{position:absolute;top:6px;right:6px;border:none;border-radius:50%;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.UploadedImageCancelButton:hover{background:#ffffffe6}.UploadedImageCancelButton ion-icon{font-size:20px;color:#ff4d4f}.staffImageUploadSection{padding-bottom:20px}.StaffImageContainer{position:relative;display:inline-block}.StaffEditFlyoutBody{position:absolute;display:flex;flex-direction:column;right:0;width:98%;padding-top:20px;font-size:14px;margin-bottom:50px;gap:20px;overflow-y:hidden;overflow-x:hidden;padding-right:20px;max-height:calc(100vh - 130px);top:40px;margin-top:20px;overflow-y:auto}.StaffAvatarUploaded{width:120px!important;height:120px!important;box-shadow:0 3px 6px #00000029!important}.StaffRemoveImageButton{position:absolute!important;top:-8px!important;right:-8px!important;box-shadow:0 2px 4px #0000001f!important;transition:background-color .3s ease!important}.StaffAvatarPlaceholder{width:120px!important;height:120px!important;box-shadow:0 2px 4px #0000001f!important;font-size:100px!important}.StaffUploadIconButton{position:absolute!important;bottom:0!important;right:0!important;box-shadow:0 2px 4px #0000001f!important;transition:background-color .3s ease!important}.clearCacheBtnContainer{margin-top:10px;width:50%}.admin{padding:20px}.admin-container{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;width:100%;box-sizing:border-box;align-items:stretch}.cards{border-radius:10px;padding:15px 20px;width:100%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;height:100%;min-height:220px;transition:transform .2s ease,box-shadow .2s ease}.heading-with-icon{display:flex;align-items:center;gap:10px;font-size:16px;margin-bottom:5px;color:var(--link-color)}.link-grid{display:grid;grid-template-columns:1fr 1fr}.link-grid.single-column{grid-template-columns:1fr}.link{display:block;text-decoration:none;font-size:14px;margin:4px 0;padding-left:5px;transition:color .2s ease}.link:hover{text-decoration:underline}@media (max-width: 768px){.admin-container{grid-template-columns:1fr}.cards{padding:20px 15px}.link-grid{grid-template-columns:1fr}}.total-amount-container{padding:6px 16px;border-radius:10px;box-shadow:0 2px 6px #0000001a;display:flex;justify-content:flex-end;align-items:center}.total-amount-container p{margin:0;font-size:1rem;font-weight:500}.total-amount-container .label{font-weight:600}.total-amount-container .value{font-size:1.1rem;font-weight:700}.currency-dropdown{padding:6px 2px;font-size:1rem;font-weight:500;border-radius:6px;border:1px solid transparent;cursor:pointer;outline:none;transition:all .2s ease-in-out;margin-right:10px}.currency-dropdown:focus{border-color:#0cf!important;box-shadow:0 0 0 2px #0cf6}#dark .total-amount-container{background:linear-gradient(135deg,#1e1e1e,#2c2c2c)}#dark .total-amount-container p{color:#e0e0e0!important}#dark .total-amount-container .label{color:#bbb!important}#dark .total-amount-container .value{color:#fff}#dark .currency-dropdown{background:#2b2b2b;color:#e0e0e0;border-color:#444;box-shadow:0 1px 3px #0006}#dark .currency-dropdown:hover{border-color:#666}#light .total-amount-container{background:linear-gradient(135deg,#f9fafb,#eef2f7)}#light .total-amount-container p{color:#333}#light .total-amount-container .label{color:#555!important}#light .total-amount-container .value{color:#000}#light .currency-dropdown{background:#fff;color:#333;border-color:#ccc;box-shadow:0 1px 3px #00000014}#light .currency-dropdown:hover{border-color:#888}.BuildFlyoutBody{display:flex;flex-direction:column;justify-content:flex-start;width:99%;font-size:14px;font-family:Roboto!important;gap:10px;overflow-x:hidden;height:100%}div .AddButton{margin-left:96.3%;margin-bottom:5px;color:#009cbb}.VendorCreateFlyoutFooter ion-icon{margin-right:68%;font-size:140%;color:red}.VendorCreateFlyoutFooter ion-icon:hover{cursor:pointer}.DocumentsDataGrid{display:flex;margin-left:100px;margin-right:100px}.div1{display:grid;flex-direction:column;grid-template-columns:repeat(4,1fr);width:100%;font-size:14px;font-family:Roboto!important;gap:10px;margin-bottom:5%}.div2{display:grid;flex-direction:column;grid-template-columns:repeat(3,1fr);width:100%;font-size:14px;font-family:Roboto!important;gap:10px;margin-bottom:5%}.VendorCreateFlyoutFooter{position:fixed;display:flex;justify-content:flex-end;gap:20px;bottom:0;right:2%;width:50%;height:50px;padding:8px 0;background:#202020}.DataGrid{height:350px}.ChildDataGrid{width:100%;right:1%}.LineItemsDataGridDiv{height:auto;width:100%}.LineItemsDataGrid{width:100%;height:100%!important;overflow-y:auto!important;min-height:300px!important}.RequestItemsDataGrid{width:98%;margin:10px auto;height:300px}.CreateFlyoutBodyVendors{position:absolute;display:grid;grid-template-columns:repeat(2,1fr);gap:20px;right:0;width:97%;left:3%;top:12%;font-size:14px;font-family:Roboto!important;overflow-y:auto;overflow-x:hidden;padding-right:20px;max-height:calc(100vh - 120px);padding-top:10px}.VendorBasicDetails{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:2%;margin-left:1%}.VendorDetails{display:flex;align-items:center;gap:4px;flex-wrap:nowrap}.Vendorlabel{font-weight:600;color:#f5f5f5;min-width:130px}.Vendorcolon{font-weight:600;color:#f5f5f5}.Vendorvalue{color:#fff;word-break:break-word}.Vendornotes{grid-column:span 2}.addressline1,.addressline2{margin-bottom:10px!important}.bank-details-container{display:flex;flex-direction:column;height:auto;width:100%}.bank-details-container .MuiAccordion-root{background-color:transparent;border:1px solid #ccc;box-shadow:none;border-radius:6px;margin-bottom:6px}.bank-details-container .MuiAccordionSummary-root{background-color:transparent;padding:8px 16px;border-bottom:1px solid #ccc;min-height:48px}.bank-details-container .MuiAccordionSummary-content{margin:0;align-items:center}.bank-details-container .MuiTypography-subtitle1{font-weight:600}.bank-details-container .MuiAccordionDetails-root{padding:16px;background-color:transparent}.bank-details-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:16px}.bank-actions-row{display:flex;justify-content:flex-end;align-items:center;gap:16px;width:100%;margin-top:16px}.full-width{grid-column:1 / -1;width:100%}.dataGridContainer{height:350px;margin-top:16px}.trash-icon{cursor:pointer;color:#d32f2f;font-size:18px!important}.no-vendors-message{padding:2rem;width:100%;text-align:center;font-size:1rem;color:gray}.VendorPartsHeader{display:flex;justify-content:flex-end;align-items:center;margin-bottom:16px}.VendorPartsAutocomplete{width:40%;margin-right:16px}.VendorPartsAddButton{background-color:#009cbb!important;color:#fff!important;padding:8px 16px!important;border:none!important;border-radius:4px!important}.VendorPartsDataGrid{width:100%;height:calc(100vh - 250px)}.VendorCheckBoxGroup{display:flex;gap:5px;margin-bottom:40px}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-float infinite 3s ease-in-out}}ion-icon{transition:color .3s ease,transform .2s ease}ion-icon:hover{cursor:pointer;transform:scale(1.1)}.IonIconDisabled{pointer-events:auto!important;opacity:.4!important;cursor:not-allowed!important}ion-icon[name=close-outline],ion-icon[name=create-outline]{color:var(--ion-icon-close-color)!important}ion-icon[name=trash-outline]{color:var(--error-color)}button:disabled{opacity:.5;cursor:not-allowed!important;pointer-events:auto!important}.App-header{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin)}.AppHyperLink{color:var(--link-color);cursor:pointer;transition:color .3s ease}.AppHyperLink:hover{color:var(--secondary-color);text-decoration:underline}.PageHeader{margin-right:auto;font-size:20px;font-family:var(--header-font-family);font-weight:400;text-transform:uppercase}#light .appbar{background-color:var(--secondary-color)}#light .defaultButton{background-color:var(--button-background-color-light);color:var(--buton-color-light);border:1px solid var(--border-color-light)}#light .header-icon{color:var(--light-primary-color)}#light .navbar-icons,#light .navbar-text{color:#000}#light .PublishedStepsInfo{background-color:#f2f2f2}#light .confirmation-box,#light .loader-container{background-color:var(--light-primary-color)}#light .GuideTaskBodyHeader{background-color:#e8e8e8}#light .ViewToggleButtons{background-color:#ddd}#light .SwitchBtnSelected{background-color:#fff;color:var(--primary-color)}#light .SwitchBtnUnSelected{background-color:#ddd;color:#fff}#light .VendorCard,#light .SubSections{background-color:#fff!important}#light .cards{background-color:#fff!important;color:#889294}#light .link{color:#889294}#dark{background-color:#2c2c2c;color:var(--light-primary-color)}#dark .appbar{background-color:#191919}#dark .header-icon{color:var (--light-primary-color)}#dark .navbar-icons{color:var(--light-primary-color)}#dark .homepage{background-image:url(/assets/globedarkmode-B2TfAdnS.png)}#dark .platformNamesDiv,#dark .circle{color:var(--light-primary-color)}#dark .SearchBar{background-color:#191919;box-shadow:0 0 1px var(--light-secondary-color);color:var(--light-primary-color)}#dark .guide-content{color:var(--light-primary-color);font-family:var(--body-font-family)!important}#dark .StepsInfo{background-color:#191919}#dark .StepsInfoSideButtons{color:var(--primary-color)}#dark .steptitle-field-input{background-color:#242424;color:var(--light-primary-color)}#dark .bom-button{background-color:#0097be;color:var(--light-primary-color)}#dark .CreateAccordion,#dark .CreateTaskAccordion{background-color:#1e1e1e}#dark .mandatory{color:var(--light-primary-color)}#dark .WOStepsInfo{background-color:#191919}#dark .WOStepsInfoSideButtons{color:var(--primary-color)}#dark .WOCardStepNumber{background-color:#10768f;color:var(--light-primary-color)}#dark .css-46bh2p-MuiCardContent-root{background-color:#373737}#dark .create-flyout{background-color:#202020!important}#dark .label{color:var(--light-primary-color)}#dark table{background-color:#191919;color:var(--light-primary-color);width:100%}#dark table th{padding:16px;border:none;background-color:#2c2c2c}#dark table td{padding:16px;border:none;background-color:#191919}#dark table th{color:var(--light-primary-color);font-weight:700}#dark .MaterialKitsConfirmButton{background-color:transparent;color:var(--primary-color);border:1px solid #00ccff}#dark .AlertMessages{background-color:#191919;color:var(--light-primary-color)}#dark .StepsScrollContainer,#dark .ProductsScrollContainer{scrollbar-color:rgb(97,93,93) #333}#dark .CreateProductButton{background-color:transparent;color:var(--primary-color);border:1px solid #00ccff}#dark .PublishedStepsInfo{background-color:#191919}#dark .confirmation-box{background-color:var(--dark-primary-color)}#dark .confirmation-box ion-icon{color:var(--primary-color)}#dark .Confirm{background-color:transparent;color:var(--error-color);border:1px solid red}#dark .CancelBtn{background-color:transparent;border:1px solid #a1a1a1;color:var(--light-secondary-color)}#dark .StepsScrollingBoxHighlight,#dark .StepsScrollingBoxInner{background-color:#191919}#dark .loader-container{background-color:var(--dark-primary-color)}#dark .cards{background-color:#2c2c2c;color:var(--light-secondary-color)}#dark .link{color:#889294}@keyframes App-logo-float{0%{transform:translateY(0)}50%{transform:translateY(10px)}to{transform:translateY(0)}}::-webkit-scrollbar{width:6px;border:1px solid black}::-webkit-scrollbar-track{border-radius:0;background:var(--light-primary-color)}::-webkit-scrollbar-thumb{border-radius:0;background:#5c5c5c}.UnAuthenticatedClass{display:flex;flex-direction:column}.App{display:flex;flex-direction:column;width:100%;min-height:100vh;height:100%;font-family:var(--body-font-family)}.Body{display:flex;flex-direction:row}.hamburger-btn{font-size:25px;display:flex;z-index:100;padding-left:28px;width:80px;align-items:center;background-image:url(https://cdn.pixabay.com/photo/2020/03/30/13/29/space-4984262_1280.jpg);height:60px;top:0;position:fixed}.hamburger-btn i{color:var(--light-primary-color)}.hamburger-btn i:hover{cursor:pointer}.loader-container{display:flex;flex-direction:column;gap:8px;justify-content:center;align-items:center;height:100vh;width:100%}#dark .ViewToggleButtons{background-color:#2f2e2e}#dark .SwitchBtnSelected{background-color:#4d4d4d;color:var(--primary-color)}#dark .SwitchBtnUnSelected{background-color:#2c2c2c;color:#8f8f8f}#dark .VendorCard,#dark .SubSections{background-color:#202020!important}.DrawerResizeHandle{position:absolute;top:0;width:5px;height:100%;background:transparent;z-index:10;cursor:ew-resize}.DrawerResizeHandle:hover{background-color:var(--drawer-resize-handle-bg)!important}.DrawerResizeHandleLeft{left:0}.DrawerResizeHandleRight{right:0}.HorizontalDivider{width:100%!important}.VerticalDivider{height:100%;width:1px}@font-face{font-family:Square721 BdEx BT Bold;src:url(/fonts/square/square721bdexbtcyr_bold.woff2) format("woff2"),url(/fonts/square/square721bdexbtcyr_bold.woff) format("woff"),url(/assets/Square_721_Bold_Extended_BT-CV6ISQTA.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Poppins;src:url(/fonts/poppins/Poppins-Regular.woff2) format("woff2"),url(/fonts/poppins/Poppins-Regular.woff) format("woff"),url(/fonts/poppins/Poppins-Regular.ttf) format("truetype")}body{margin:0;font-family:var(--body-font-family);font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:400}#dark{background-color:var(--dark-background-color);color:var(--dark-text-color)}#light{background-color:var(--light-background-color);color:var(--light-text-color)}:root{--primary-color: #00ccff;--secondary-color: #009cbb;--light-primary-color: #fff;--light-secondary-color: #a1a1a1;--dark-primary-color: #000;--dark-secondary-color: #202020;--error-color: #c74b4b;--TabButton-color: #000;--PageTabButton-color: #000;--DimButton-color: #999999;--light-background-color: #f2f2f2;--dark-background-color: #000000;--light-text-color: #121212;--dark-text-color: #ffffff;--link-color: #00ccff;--header-font-family: "Square721 BdEx BT Bold";--body-font-family: "Poppins", sans-serif;--button-background-color-light: #009cbb;--button-background-color-dark: transparent;--button-color-light: #ffffff;--button-color-dark: #00ccff;--border-color-light: #009cbb;--border-color-dark: #00ccff;--cancel-button-border-light: #606060;--cancel-button-border-dark: #a1a1a1;--cancel-button-color-light: #ffffff;--cancel-button-color-dark: #a1a1a1;--cancel-button-bg-light: #606060;--cancel-button-bg-dark: transparent;--accordion-summary-bg-light: #fff;--accordion-details-bg-light: #fff;--accordion-details-padding-light: 16px;--accordion-summary-bg-dark: #202020;--accordion-details-bg-dark: #202020;--drawer-bg-color-dark: #202020;--drawer-bg-color-light: #f5f5f5;--ion-icon-close-color: #606060;--image-preview-flyout-bg-color: var(--light-background-color);--image-preview-control-bg-color: #0000001a;--part-doc-container: var(--light-primary-color);--tab-list-color: var(--light-background-color);--option-set-border-color: none;--option-set-bg-color: #009cbb;--option-set-text-color: #fff;--tab-bg-color: #e6e6e6;--drawer-resize-handle-bg: #0000001a;--clone-box-bg-color: #f2f2f2;--hierarchy-bg-primary: #f2f2f2;--hierarchy-bg-secondary: #ffffff;--hierarchy-border-color: #009cbb;--hierarchy-text-primary: #121212;--hierarchy-text-secondary: #666666;--hierarchy-text-tertiary: #999999;--hierarchy-node-bg: #ffffff;--hierarchy-accent-color: #009cbb;--hierarchy-shadow-color: rgba(0, 0, 0, .1);--hierarchy-hover-brightness: .95;--hierarchy-toggle-expand: #009cbb;--hierarchy-toggle-collapse: #444;--hierarchy-toggle-recursive: #ff9800;--hierarchy-toggle-text: #ffffff;--clone-bom-button: #009cbb;--bom-buttons-bgcolor: #009cbb;--ant-design-search: #fff;--whereused-buttons-text: #fff;--submenu-list-item-text: black;--navbar-custom-popper: #e1faff}[AppTheme=dark]{--ion-icon-close-color: #a1a1a1;--image-preview-flyout-bg-color: var(--dark-background-color);--image-preview-control-bg-color: #ffffff1a;--part-doc-container: #303030;--tab-list-color: #303030;--option-set-border-color: 1px solid #00ccff;--option-set-bg-color: none;--option-set-text-color: #00ccff;--tab-bg-color: #303030;--drawer-resize-handle-bg: #ffffff1a;--clone-box-bg-color: #191919;--hierarchy-bg-primary: #000000;--hierarchy-bg-secondary: #202020;--hierarchy-border-color: #00ccff;--hierarchy-text-primary: #ffffff;--hierarchy-text-secondary: #a1a1a1;--hierarchy-text-tertiary: #747474;--hierarchy-node-bg: #202020;--hierarchy-accent-color: #00ccff;--hierarchy-shadow-color: rgba(0, 0, 0, .5);--hierarchy-hover-brightness: 1.2;--hierarchy-toggle-expand: #00ccff;--hierarchy-toggle-collapse: #444;--hierarchy-toggle-recursive: #ff9800;--hierarchy-toggle-text: #ffffff;--clone-bom-button: transparent;--bom-buttons-bgcolor: rgb(57, 57, 57);--ant-design-search: #1e1e1e;--whereused-buttons-text: #00ccff;--submenu-list-item-text: #ffffff;--navbar-custom-popper: #353e40;--TabButton-color: #ffffff;--PageTabButton-color: #ffffff;--DimButton-color: #666666}