:root{--primaryBrandBlack:#000;--primaryBrandRed:#ff000f;--primaryBackgroundPrimaryWhite:#fff;--primaryBackgroundSecondaryWhite:#fafafa;--primaryBackgroundTertiaryWhite:#f5f5f5;--primaryBackgroundRedPrimary:#fff6f7;--primaryBackgroundRedSecondary:#fcf3f4;--primaryBackgroundRedPrimaryDark:#ffe3e5;--primaryBackgroundRedSecondaryDark:#ffdee1;--primaryGrey10:#ebebeb;--primaryGrey20:#dbdbdb;--primaryGrey30:#bababa;--primaryGrey40:#9f9f9f;--primaryGrey50:#868686;--primaryGrey60:#696969;--primaryGrey70:#464646;--primaryGrey80:#333;--primaryGrey90:#1f1f1f;--primaryGrey100:#0f0f0f;--secondaryDataVisRed10:#ffe8ea;--secondaryDataVisRed20:#ffc9cd;--secondaryDataVisRed30:#ff99a0;--secondaryDataVisRed40:#ff757e;--secondaryDataVisRed50:#ff4754;--secondaryDataVisRed60:#e12e2e;--secondaryDataVisRed70:#cc0815;--secondaryDataVisRed80:#a30005;--secondaryDataVisRed90:#5c0006;--secondaryDataVisRed100:#3e0000}@font-face{font-family:ABBvoice;src:url(/static/media/ABBvoice_W_Rg.e7b1dfa9.woff2);font-weight:400;font-display:swap}@font-face{font-family:ABBvoice;src:url(/static/media/ABBvoice_W_Bd.4fe6a953.woff2);font-weight:700;font-display:swap}@font-face{font-family:ABBvoice;src:url(/static/media/ABBvoice_W_Lt.45b0076b.woff2);font-weight:100;font-display:swap}@font-face{font-family:ABBvoice;src:url(/static/media/ABBvoice_W_Md.69114f05.woff2);font-weight:500;font-display:swap}@media screen and (max-width:600px){html{font-size:13px}}@media screen and (min-width:601px) and (max-width:959px){html{font-size:15px}}@media screen and (min-width:960px) and (max-width:1366px){html{font-size:15px}}@media screen and (min-width:1367px){html{font-size:17px}}body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root,body,html{height:100%;background-color:#f6f5f5}.app-container{background-color:#f6f5f5;min-height:100vh}.bold{font-weight:700!important}.italic{font-style:italic!important}.float-right{float:right}.pointer{cursor:pointer!important}.txtcenter{text-align:center}.no-link{text-decoration:none;color:inherit}.uppercase{text-transform:uppercase}.svg-icon{height:1.75rem!important;width:2.75rem!important;color:#5d5d5d;cursor:pointer!important}.red-txt{color:#ff000f}.ml5{margin-left:5px!important}.MuiButton-root{border-radius:14px!important}.my-1{margin-top:8px;margin-bottom:8px}.mx-1{margin-left:8px;margin-right:8px}.mt-1{margin-top:8px}.mb-1{margin-bottom:8px}.py-1{padding-top:8px;padding-bottom:8px}.px-1{padding-left:8px;padding-right:8px}.pt-1{padding-top:8px}.pb-1{padding-bottom:8px}.flex-center{align-items:center}.flex-center,.justify-center{justify-content:center}.align-center{align-items:center}.MuiAccordion-root.Mui-expanded,.MuiAccordionSummary-content.Mui-expanded{margin:0!important}.MuiAccordionSummary-root.Mui-expanded{min-height:48px!important}.MuiAccordion-root.Mui-expanded:before,.MuiAccordion-root:before{opacity:1!important}.MuiAccordion-rounded:last-child,.MuiCollapse-wrapper{border-bottom:1px solid rgba(0,0,0,.12)!important}.MuiAccordion-rounded:last-child{border-radius:0!important}.levante-accordian .MuiPaper-elevation1:first-child{border-top:1px solid rgba(0,0,0,.12)!important}.tiny-button{padding:0 9px!important}.white-bg{background-color:#fff}.full-W{width:100%!important}.full-H{height:100%!important}.dashboard-container{margin-top:75px}.appbar-full-H{min-height:calc(100vh - 64px)!important}.footer{position:fixed;bottom:0;width:100%;font-size:14px}.text-wrap{white-space:normal}.text-nowrap{white-space:nowrap}.blk-text{color:#000}.ltgray-text{color:#d3d3d3}.basket-scroll{overflow-y:auto!important;overflow-x:hidden!important}.medgray-text{color:#a18080}.display-content{display:contents}.display-flex{display:flex}.txtAlign-ctr{text-align:center}.txtAlign-rt{text-align:right}.txtAlign-lt{text-align:left!important}.alignitem_ctr{align-items:center}.cursor-default{cursor:default}.min-ht-Typo-h6{min-height:1.6em}.min-ht-Typo-subtitle2{min-height:1.57em}.mb5{margin-bottom:5px!important}.pb10{padding-bottom:10px!important}.mt5{margin-top:5px}.mr5{margin-right:5px!important}.display-block{display:block}.pr6{padding-right:6px!important}.levante-snackbar .MuiAlert-filledError{background-color:#ff000f!important}.height-8rem{height:8rem!important}.border-bottom-none{border-bottom:none!important}.shrink-icon{height:13px;width:15px}.shrink-icon.rotate{transform:rotate(180deg)!important;transition:transform .4s!important}.shrink-icon.actual{transform:rotate(0deg)!important;transition:transform .4s!important}.shrink-icon-disable{height:13px;width:15px;opacity:.4}.p16{padding:16px!important}.dropdown15{font-size:15px!important}.gray{color:grey!important}.btn-outline{padding:6px 16px!important;line-height:normal!important}.btn-icon{height:16px;width:16px;margin-right:5px}.MuiTab-root,.MuiTabs-root{min-height:42px!important}.prod-img-original-ratio{object-fit:contain}.prod-img-cover{object-fit:cover}.button-style-grey{background-color:#d3d3d3!important;padding:6px 16px!important;color:#000!important;line-height:normal!important}.not-compatible-bg{display:inline-block;text-align:center;width:100%;height:100%;background-color:#fff;margin-left:auto;margin-right:auto}.not-compatible-text-align{text-align:center;margin-left:5%;margin-right:5%}.icon-txt{font-size:24px!important}.Sync-Color{color:#0ca919!important}.NotSync-Color{color:#f03040!important}.mb10{margin-bottom:10px!important}@media screen and (max-width:1124px){.warning-title{width:25%;text-align:center}.warning-desc{width:70%;margin-left:5%!important}}@media screen and (min-width:1125px){.warning-title{width:15%;text-align:center}.warning-desc{width:80%;margin-left:5%!important}}.font-size-Card{font-size:1.35rem!important}.link{color:red;text-decoration:underline}.input-error-message{font-size:14px;color:#ff000f;margin-top:4px}:root{font-family:"ABBvoice",sans-serif}.outer:hover{background-color:#664040}.round-button{width:15px;height:15px}.line{height:5px}.circleProgress{margin:3px 1px 1px .8px}.fade,.fade:hover{background-color:#fff;cursor:default}.closeButton{position:absolute;right:.5px}.MuiTableCell-root{padding:15px!important;font-size:12px}.MuiButton-root{border-radius:200px!important;background-color:#fff}.modal-backdrop{opacity:.7!important}.buttn-styles{width:100px;margin-right:30px}.buttn-style,.buttn-styles{height:36px;border-radius:20px}.buttn-style{background:#ff000f;width:125px}.MuiPaper-rounded{border-radius:2px}.MuiDialog-paperScrollPaper{min-height:193px!important;min-width:320px!important;max-width:960px}.add{border-color:#000!important;height:40px!important}.inputflield{border:1px solid red!important;border-radius:4px}.inputh{font-family:"ABBvoice",sans-serif;border:1px solid #bababa!important;border-radius:4px}.dialogs{background-color:rgba(0,0,0,.3)}.select{position:relative;width:100%;font-weight:400;line-height:120%}.select-label{font-size:12px;margin-bottom:4px;color:var(--primaryGrey70)}.select-input{font-size:14px;color:var(--primaryGrey60);display:flex;justify-content:space-between;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;padding:12px 16px;border-radius:4px;border:1px solid var(--primaryGrey30);background-color:var(--primaryBackgroundPrimaryWhite)}.select-input:hover{background-color:var(--primaryBackgroundTertiaryWhite);color:var(--primaryGrey100)}.select-input.open{color:var(--primaryGrey100);border-color:var(--primaryGrey100)}.select-input.disabled{cursor:auto;background-color:var(--primaryBackgroundTertiaryWhite);color:var(--primaryGrey30);border-color:var(--primaryGrey10)}.select-input.error{border-color:var(--secondaryDataVisRed60)}.select-arrow{display:flex;margin-left:8px}.select-input:hover .select-arrow svg path{fill:var(--primaryGrey100)}.select-input.disabled .select-arrow svg path,.select-input.disabled:hover .select-arrow svg path{fill:var(--primaryGrey30)}.select-icon{display:flex;margin-right:10px}.select-icon svg path{fill:var(--primaryGrey60)}.select-input.open .select-icon svg path{fill:var(--primaryGrey100)}.select-input.disabled .select-icon svg path{fill:var(--primaryGrey30)}.select-input:hover .select-icon svg path{fill:var(--primaryGrey100)}.select-input.disabled:hover .select-icon svg path{fill:var(--primaryGrey30)}.select-selected-value{display:flex;color:var(--primaryGrey100)}.select-input.disabled .select-selected-value{color:var(--primaryGrey30)}.select-input.selected .select-arrow svg path,.select-input.selected .select-icon svg path{fill:var(--primaryGrey100)}.select-options-list{list-style-type:none;margin:0;padding:0;position:absolute;width:calc(100% - 1px);max-height:172px;overflow-y:auto;border-radius:0 0 4px 4px;border:1px solid var(--primaryGrey10);background-color:var(--primaryBackgroundPrimaryWhite);box-shadow:0 4px 8px 0 hsla(0,0%,40%,.16),0 0 2px 0 rgba(15,15,15,.04),0 0 1px 0 rgba(15,15,15,.08);z-index:1000}.select-options-list::-webkit-scrollbar{width:6px}.select-options-list::-webkit-scrollbar-track{background:var(--primaryBackgroundPrimaryWhite);box-shadow:inset 0 0 10px 10px var(--primaryBackgroundPrimaryWhite)}.select-options-list::-webkit-scrollbar-thumb{background:var(--primaryGrey20)}.select-options-item{display:flex;align-items:center;padding:10px 14px;cursor:pointer;font-size:14px;color:var(--primaryGrey100);border-bottom:1px solid var(--primaryGrey10)}.select-options-item:hover{background-color:var(--primaryBackgroundTertiaryWhite)}.select-helpertext{font-size:12px;margin-top:4px;color:var(--primaryGrey60)}.select-helpertext.error{color:var(--secondaryDataVisRed60)}.input-container{width:78px;position:relative;font-size:14px;font-style:normal;font-weight:400}.input-field{width:100%;padding:12px 24px 12px 12px;text-align:right;box-sizing:border-box;font-size:14px;border:1px solid var(--primaryGrey10);border-radius:4px;font-family:inherit;color:var(--primaryGrey100)}.input-symbol{position:absolute;right:11px;top:50%;transform:translateY(-50%);color:var(--primaryGrey50)}.input-field:focus-visible{border:1px solid var(--primaryGrey100);outline:none}.input-symbol.filled{color:var(--primaryGrey100)}.guided-config-card{border:1px solid #fff}.guided-config-card:hover{border:1px solid grey}.useful-links-wrapper{border-left:1px solid #dbdbdb}.useful-links-div{height:100%}.guide-icon{height:48px;width:48px}.guided-config-card{width:300px}.Tabpadding{display:table-cell;padding:10px;font-size:.875rem;text-align:left;font-weight:400;height:10px;border-bottom:1px solid #e0e0e0;vertical-align:inherit}.customer-support-description{color:#868686;font-size:14px;display:flex;flex-direction:column;grid-gap:10px;gap:10px;padding:10px 0 30px}.MuiOutlinedInput-input{padding-top:8.2px;padding-bottom:8.2px}.IconButton{float:right}.MuiFormControlLabel-label{font-size:5px}#formErrorMessage{font-family:"ABBvoice";color:#ff000f;font-size:15px}#jiraLoadingBox{justify-content:center;padding-top:20%;display:flex}#alertContentHeader{text-align:center}.css-1me1p2y-MuiButtonBase-root-MuiChip-root{background-color:#ff000f}#typographyBody{text-align:center}#typographyErrorMessageBody{text-align:left}#confirmationDialogActions{justify-content:center}#confirmationButton{height:35px}.MuiDialog-paper{padding:25px}.textbox-container{position:relative}.asteriskCheckBox{color:#ff000f}.button-style{background-color:#ff0010!important;padding:6px 16px!important;color:#fff!important;line-height:normal!important;min-width:unset!important}.btns-container{display:flex;width:25%;justify-content:flex-end}.back-button{background-color:initial!important;color:#ff0010!important}.button-disable{opacity:.4;pointer-events:none}.button-hide{opacity:0;pointer-events:none}.l-nav-bar{position:-webkit-sticky;position:sticky;z-index:1200;top:63px}.bc-Seperator{display:flex;-webkit-user-select:none;user-select:none}.width-25{width:25%}.jty-cnt-fe{justify-content:flex-end}.sv-btn-mr{margin-right:.75rem!important;background-color:#fff!important;color:#000!important;border:1px solid #dbdbdb!important}@media screen and (max-width:1024px){.navigation-icon{height:24px;width:24px}}@media screen and (min-width:1025px){.navigation-icon{height:24px;width:24px;margin-right:10px}}.cursor{cursor:pointer}.tile-title-line{-webkit-line-clamp:3!important}.dialog-Content{padding:5% 10% 10%!important;overflow-x:hidden}.enclosure-image{flex:0 1;width:20%;height:70%}.configuration-image{flex:0 1;width:25%;height:70%}.category_tc{font-size:1rem!important;padding-left:6px!important;border-bottom:none!important}.width-50{width:50%}.value-tc{padding:6px!important}.webImage{display:flex;align-items:center;float:right}.Dropdown-root{box-shadow:0 1px 1px rgba(0,0,0,.2);border-radius:4px!important}.Dropdown-control{border-radius:4px!important;padding:10px 52px 10px 10px!important;border:1px solid #ededed}.Dropdown-option{color:inherit!important}.Dropdown-control:hover{border:1px solid #0f0f0f;cursor:pointer}.Dropdown-option:hover{background-color:rgba(0,0,0,.04)!important;color:inherit!important}.Dropdown-option.is-selected{background-color:rgba(0,0,0,.08)!important;color:inherit!important}.Dropdown-menu{margin-top:0!important}.Dropdown-arrow{top:17px!important}.tiny-dropdown{padding:6px 52px 6px 10px!important;font-size:14px!important}.tiny-dropdown-arrow{top:13px!important}.Dropdown-option{border-bottom:1px solid #d3d3d3}.Dropdown-placeholder{overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important}.categories-filter-div .Dropdown-option{font-size:14px!important}.auto-complete{box-shadow:0 1px 4px rgba(0,0,0,.25);border-radius:4px}.auto-complete .MuiAutocomplete-input{font-size:14px!important;line-height:0}.auto-complete .MuiFormLabel-root{font-size:14px!important}.auto-complete .MuiInputLabel-shrink{font-size:15px!important}.disabled-input{background-color:var(--primaryGrey10);pointer-events:none}.disabled-input .MuiInputAdornment-root{pointer-events:none;opacity:.5}.MuiAutocomplete-paper{box-shadow:0 1px 8px rgba(0,0,0,.25)!important}.MuiAutocomplete-option{font-size:14px!important}@media screen and (max-width:600px){.prod-img{height:70%;width:40%}.details-div{width:58%}}@media screen and (min-width:601px) and (max-width:959px){.prod-img{height:50%;width:35%}.details-div{width:63%}.enclosure-dropdown{width:130px!important;border-radius:6px!important}}@media screen and (min-width:960px) and (max-width:1366px){.prod-img{height:70%;width:35%}.details-div{width:59%}.enclosure-dropdown{width:190px!important;border-radius:6px!important}}@media screen and (min-width:1367px){.prod-img{height:80%;width:40%}.details-div{width:57%}}@media screen and (min-width:1980px){.details-div{width:56%}}@media screen and (min-width:1024px){.box-part-kit{margin:15px;padding-top:5px;height:35px;width:200px}.enclosure-dropdown{width:250px!important;border-radius:6px!important}}@media screen and (min-width:1023px){.enclosure-dropdown{width:250px!important;border-radius:6px!important}}.enclosure-card{height:12rem;position:relative;background:#fff}.enclosure-radio{position:absolute!important;top:0;right:0}@media screen and (min-width:769px){.more-btn{float:right;margin-right:7px!important;position:absolute!important;bottom:16px;right:5px}}@media screen and (max-width:768px){.more-btn{float:right;margin-right:1px!important;position:absolute!important;bottom:10px;right:5px}}.clear-btn{margin-left:1rem}.enclosure-search-input:hover{border:2px solid #a9a9a9}.enclosure-search-input:focus-within{border:2px solid #ff000f}::-webkit-input-placeholder{text-transform:none}#search-enclosure{text-transform:lowercase}.tile-title{margin-bottom:14px;margin-top:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cancel-button{font-size:1.03rem!important}.cancel-button,.confirm-button{border-radius:19px!important;padding-left:20px!important;padding-right:20px!important}.confirm-button{font-size:1.05rem!important;background-color:initial}.enclosure-card{border:1px solid #f5f5f5}.enclosure-card:hover{border:1px solid grey}.enclosure-card.active{border-color:#ff000f!important}.no-data-div{min-height:60vh}.enc-filters .MuiOutlinedInput-input{padding:12px!important}.enc-filters .MuiInputLabel-outlined{transform:translate(14px,15px) scale(1)!important}.enc-filters .MuiInputLabel-outlined.MuiInputLabel-shrink{transform:translate(14px,-5px) scale(.75)!important}.enc-filters .MuiSelect-select:focus{background-color:inherit!important}.ovrflw-hidden{overflow:hidden!important}.selectedPart{background-color:#000;color:#fff}.deselectedPart,.selectedPart{border:1px solid #000;height:100%;width:50%;border-bottom-left-radius:50px;border-bottom-right-radius:0;border-top-left-radius:50px;border-top-right-radius:0}.selectedKit{background-color:#000;color:#fff}.deselectedKit,.selectedKit{border:1px solid #000;height:100%;width:50%;border-bottom-left-radius:0;border-bottom-right-radius:50px;border-top-left-radius:0;border-top-right-radius:50px}.quantity-box-for-card{bottom:8px;right:-2px}.quantity-box-for-card,.quantity-box-for-card-for-tile{float:right;margin-right:0!important;position:absolute!important}.quantity-box-for-card-for-tile{top:7px;right:30px}@media screen and (max-width:600px){.prod-img2{max-height:70%;max-width:40%}.details-div{width:58%}}@media screen and (min-width:601px) and (max-width:959px){.prod-img2{max-height:50%;max-width:35%}.details-div{width:63%}.enclosure-dropdown{width:140px!important;border-radius:6px!important}.box-part-kit{padding-top:5px;height:35px;width:120px;margin:15px 15px 15px -10px}}@media screen and (min-width:960px) and (max-width:1366px){.prod-img2{max-height:70%;max-width:35%}.details-div{width:59%}}@media screen and (min-width:960px) and (max-width:1024px){.enclosure-dropdown{width:190px!important;border-radius:6px!important}}@media screen and (min-width:1367px){.prod-img2{max-height:80%;max-width:40%}.details-div{width:57%}}@media screen and (max-width:600px){.tab-appbar .MuiTab-root{min-width:60px!important}}@media screen and (min-width:601px) and (max-width:959px){.tab-appbar .MuiTab-root{min-width:80px!important}}@media screen and (min-width:960px) and (max-width:1366px){.tab-appbar .MuiTab-root{min-width:90px!important}.basketTabs .MuiTab-root{max-width:110px!important}}@media screen and (min-width:1367px) and (max-width:1600px){.tab-appbar .MuiTab-root{min-width:160px!important}}@media screen and (min-width:1601px) and (max-width:2000px){.tab-appbar .MuiTab-root{min-width:170px!important}}@media screen and (min-width:2001px) and (max-width:2400px){.tab-appbar .MuiTab-root{min-width:200px!important}}@media screen and (min-width:2401px){.tab-appbar .MuiTab-root{min-width:230px!important}}.categories-filter-div{display:flex;justify-content:space-between;margin-top:8px;flex-direction:column}@media only screen and (min-width:1900px){.categories-filter-div{flex-direction:row}}.tab-appbar .MuiTab-root{font-weight:400!important;font-size:15px!important}.tab-appbar .MuiTabs-root.flexline-tab{background-color:#ebebeb}.tab-appbar .MuiTabs-root.flexline-tab .MuiTab-root.Mui-selected{background-color:#fff;border-bottom:none!important}.tab-appbar .MuiTab-root.Mui-selected{font-weight:800!important;border-bottom:2px solid #4b4b4b!important}.MuiButtonBase-root.Mui-disabled{color:grey}.tab-appbar .MuiTab-root:hover{border-bottom:2px solid rgba(75,75,75,.2)!important}.tab-appbar{border-radius:3px}.filter-box{width:100%;margin-bottom:8px}.filter-box .MuiAutocomplete-input{text-overflow:unset}.MuiAutocomplete-option{padding-left:8px!important}.tablet-filter-box{width:100%}.tablet-filter-box .Dropdown-placeholder{text-overflow:unset!important}.tablet-filter-box .Dropdown-control{padding:10px 22px 10px 10px!important}.tablet-filter-drpdwn-placeholder{color:grey}.categories-filter-div .Dropdown-option{padding-left:6px!important;padding-right:6px!important}.categories-filter-div .Dropdown-menu{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:100%}.search-text{color:#000!important;width:100%}.search-text>input{height:17px!important}.ec-icon-div-config{height:42px;width:40px}.product-image-container{width:100%;height:100%;padding:4px;flex:20 1}.padding-for-image{padding-top:3%}.detail-container{flex:60 1;padding-right:16px}:root{--header-height:128px;--search-height:50px;--line-height:42px;--tab-height:50px;--categories-row-height:53px;--categories-column-height:159px;--bottom-margin:16px}.sub-category-view{height:calc(100vh - 419px)!important;overflow:auto}.sub-category-view-flexline{height:calc(100vh - 461px)!important;height:calc(100vh - 462px)!important;overflow:auto}.sub-category-search-view{height:calc(100vh - 210px)!important;overflow:auto}.sub-category-drop-down{width:100%!important;box-shadow:0 2px 4px rgba(0,0,0,.25);height:40px}.drop-down-menu{border:1px solid #d3d3d3!important;box-shadow:0 2px 4px rgba(0,0,0,.25)!important}.sub-category-options{padding:8px!important;border-bottom:1px solid #d3d3d3!important}.sub-category-options-end{padding:8px!important}.prod-img1{flex:0 1;height:70%;width:20%}.productGridTile-border{width:100%!important;height:auto!important;padding:15px 0!important;border:none!important;border-bottom:1px solid #d3d3d3!important;font-size:15px!important}.product-more-section-child{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:2px 5px 0;border-radius:4px;background-color:#d3d3d3;color:#4b4b4b;margin-right:4px;font-weight:700}.screw-img{vertical-align:middle;margin-right:8px}.product-more-button{padding:0!important;min-width:0!important}.product-more-button1{padding:0 9px!important}.product-add-container{flex:12 1;margin-top:8px}.product-add-button{background-color:#fff!important;min-width:32px!important;height:32px;width:32px!important;border-radius:50%!important;padding:0!important}.productGridTile{width:100%!important;height:auto!important;padding:15px 0!important;border:none!important;border-bottom:1px solid #d3d3d3!important;font-size:15px!important}.productGrid{width:100%!important;flex-wrap:wrap!important;border:none!important;margin-top:2px!important}.product-content,.productGrid,.text-box-container2{display:flex!important;flex-direction:row!important}.quantity{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.product-quatity-section{display:flex;padding:15px 0 0;flex-direction:row;flex-wrap:wrap}.favourite-section{text-align:end;margin:0 0 0 16%;position:absolute}.product-topogrphy{font-weight:400!important}.product-topogrphy .display-name{font-weight:500;color:#1f1f1f}.product-topogrphy .article-number{color:#686868}@media screen and (min-width:3300px){.productGridTile,.productGridTile-border{flex-grow:0!important}}@media screen and (max-width:1023px){.productGridTile,.productGridTile-border{width:100%!important}}.favourite-message{width:25%!important;height:5%;display:flex!important;color:#000!important;text-align:center!important;margin:calc(100vh - 450px) 0 0 31%!important;position:fixed!important;z-index:1400;border-radius:38px!important;padding:0 100px!important;box-shadow:0 2px 10px rgba(0,0,0,.25)!important;background-color:#fff!important;align-items:center;justify-content:center}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{box-shadow:inset 0 0 5px grey;border-radius:10px}::-webkit-scrollbar-thumb{background:#a9a9a9;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:grey}.category-Dropdown-option{border:1px solid grey!important;color:inherit!important}.sub-category-dropdown-arrow{top:11px!important}.sub-category-dropdown-menu{border:1px solid grey}.search-product-grid{height:calc(100vh - 295px)!important}@media screen and (max-width:600px){.abb-image,.product-image{width:100%;height:0}}@media screen and (min-width:601px) and (max-width:959px){.abb-image,.product-image{width:100%;height:0}.search-input{width:30%!important}.product-image-container{flex:0 1}.product-add-container{margin-right:8px}}@media screen and (min-width:960px) and (max-width:1366px){.product-image{width:100%;height:50px}.abb-image{width:100%;height:63px}.product-add-container{flex:12 1;margin-top:8px;margin-right:8px}.detail-container{flex:60 1;padding-right:10px;padding-left:8px}}@media screen and (min-width:1367px){.product-image{width:100%;height:60px}}@media only screen and (min-width:1900px){.sub-category-view{height:calc(100vh - 313px)!important}.sub-category-view-flexline{height:calc(100vh - 355px)!important;overflow:auto}}.abb-image{width:100%;height:63px}.sub-category-dropdown{font-size:14px!important;width:100%!important}.quantity-box{border-radius:2px;border:1px solid #d3d3d3;margin-right:1vw}.quantity-box,.quantity-box-basket{cursor:pointer;display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;touch-action:none}.quantity-box-basket{border-radius:2px;max-width:75px}.quantity-increase{border:none;border-left:1px solid #d3d3d3;background-color:#fff}.quantity-increase,.quantity-textbox{cursor:pointer;width:25px;padding:5px;color:#4b4b4b;font-weight:700;font-size:15px}.quantity-textbox{text-align:center;border:none}.quantity-decrease{border:none;border-right:1px solid #d3d3d3;width:25px;padding:5px;color:#4b4b4b;font-weight:700;font-size:15px}.quantity-button-enabled,.quantity-decrease{cursor:pointer;background-color:#fff}.quantity-button-disabled{cursor:default;background-color:#a9a9a9}@media screen and (min-width:1025px){.quantity-decrease:hover,.quantity-increase:hover{box-shadow:0 2px 4px 1px rgba(102,99,99,.25)!important}}.quantity-disable{opacity:.5;width:25px;border:none}.quantity-disable:hover{box-shadow:none!important}.basket-content{padding:5%!important}.basket-drag{cursor:move}@media screen and (min-width:601px) and (max-width:959px){.basket-cont{padding:2px}.basket-img{width:30px;height:70px}.prod-tile{min-height:121px}}@media screen and (min-width:960px) and (max-width:1366px){.basket-content{padding:4%!important}.basket-cont{padding:2px}.basket-img{width:40px;height:50px}.prod-tile{min-height:128px}}@media screen and (min-width:1367px) and (max-width:1800px){.basket-cont{padding:3px}.basket-img{width:40px;height:50px}.prod-tile{min-height:142px}}@media screen and (min-width:1801px) and (max-width:2000px){.basket-cont{padding:5px}.basket-img{width:50px;height:60px}.prod-tile{min-height:140px}}@media screen and (min-width:2001px){.basket-cont{padding:10px}.basket-img{width:70px;height:70px}.prod-tile{min-height:150px}}@media screen and (min-width:3300px){.basket-prod-grid .MuiGrid-grid-xl-6{flex-grow:0!important;max-width:33.333333%!important;flex-basis:33.333333%!important}}@media screen and (min-width:1024px){.flex-for-direction{justify-content:center}.flex-for-direction,.flex-for-directionn{flex-direction:row;display:flex;align-items:center}}@media screen and (max-width:1023px){.flex-for-direction{justify-content:center}.flex-for-direction,.flex-for-directionn{flex-direction:row;display:flex;align-items:center}}@media screen and (max-width:1023px){.svg-icon-1{height:1.02rem!important;width:1.02rem!important;color:#5d5d5d;cursor:pointer!important}}@media screen and (min-width:1024px){.svg-icon-1{height:1.75rem!important;width:2.75rem!important;color:#5d5d5d;cursor:pointer!important}}@media screen and (min-width:1024px){.text-on-image{font-size:5px;margin:31px 0 0 1px;max-width:10%!important;line-height:1.1;font-weight:700}.image{height:75px}}@media screen and (max-width:1023px){.text-on-image{font-size:2px;margin:35px 0 0 1px}.image-2d{min-height:95px;max-width:70px}}.category-bar-txt{color:#4b4b4b!important;box-shadow:0}.prod-tile{border-color:#afacac!important}.quantity-input{width:30%;border:none;border-radius:0}@media screen and (min-width:1024px){.quantity-ele{margin-top:5px;margin-bottom:5px;padding-top:1px;padding-bottom:1px;border-color:#afacac!important;border-top:1px solid #d3d3d3;border-bottom:1px solid #d3d3d3;font-size:15px;font-weight:700;color:#4b4b4b;min-width:15px;min-height:23px}}@media screen and (max-width:1023px){.quantity-ele{margin-top:5px;margin-bottom:5px;padding-top:1px;padding-bottom:1px;border-color:#afacac!important;border-top:1px solid #d3d3d3;border-bottom:1px solid #d3d3d3;font-size:10px;font-weight:700;color:#4b4b4b;max-width:24px;max-height:24px}}.quantity-ele:first-child{border-radius:4px 0 0 4px;border-left:1px solid #d3d3d3}.quantity-ele:last-child{border-radius:0 4px 4px 0;border-right:1px solid #d3d3d3}.bas-trash{align-self:flex-end;padding:.3rem .4rem .4rem}.txt-ellipsis{text-overflow:ellipsis;overflow:hidden}.faceView-drag-alert{width:25%!important;height:5%;display:flex!important;color:#000!important;text-align:center!important;margin:calc(100vh - 350px) 0 0 -10%!important;position:fixed!important;z-index:1400;border-radius:38px!important;padding:5px 100px!important;box-shadow:0 2px 10px rgba(0,0,0,.25)!important;background-color:#fff!important;align-items:center;justify-content:center}.MuiAccordion-root:before{height:0}.prod-def-img{width:32px!important}.bom-category-header{color:#4b4b4b!important;font-weight:700!important}.bom-table-header{border-bottom:none!important;padding:8px 8px 8px 0!important}.bom-table-cell-image{width:20px!important;vertical-align:top!important}.bom-table-cell,.bom-table-cell-image{border-bottom:8px solid #fff!important;padding:4px!important;background-color:#f6f5f5}.MuiTabs-centered{justify-content:flex-start!important}.pop-warning{opacity:1;box-shadow:1px 1px 4px rgba(0,0,0,.25)}.face-view-Box{display:block!important;width:100%!important;height:auto!important;width:98%;height:calc(100vh - 178px)!important}.face-View-transform-component-visible{display:flex;height:-webkit-fill-available;overflow:auto!important;flex-direction:column}.face-View-transform-component-visible::-webkit-scrollbar{height:0!important;width:0!important}.face-View-transform-component{display:none;height:-webkit-fill-available}.TransformComponent-module_content__TZU5O{width:100%!important;height:100%!important;flex-direction:column;flex-wrap:nowrap!important}.TransformComponent-module_container__3NwNd{width:100%!important;height:100%!important;overflow:unset!important}.zoom-button-group{z-index:1}.zoom-button-increase{border:solid #1f1f1f!important;border-width:2px 2px 0!important;border-radius:0!important;border-top-left-radius:50%!important;border-top-right-radius:50%!important}.zoom-button-decrease,.zoom-button-increase{min-width:0!important;height:32px;width:30px;font-size:16px!important;font-weight:700!important;background-color:#fff!important}.zoom-button-decrease{border:2px solid #1f1f1f!important;border-top:0 solid #1f1f1f!important;border-radius:0!important;border-bottom-left-radius:50%!important;border-bottom-right-radius:50%!important}.face-view-image-container{text-align:-webkit-center!important;overflow:hidden!important;width:70vh!important;min-height:300px!important;min-width:393px!important;height:60vh!important}.face-view-image{width:55%}.edf-img{position:absolute;pointer-events:all!important}.mainbreaker-slot-empty{border:1px solid #000}.mainbreaker-slot{position:absolute;pointer-events:all!important;cursor:pointer}.mainbreaker-slot-border{border:1px solid red}@media screen and (min-width:960px) and (max-width:1149px){.face-view-image{width:58%}}@media screen and (min-width:2300px) and (max-width:3000px){.face-view-image-container{text-align:-webkit-center!important;overflow:hidden!important;width:70vh!important;min-height:300px!important;min-width:393px!important;height:80vh!important}}.face-view-switch-label{position:absolute;display:flex;flex-direction:column;justify-content:center;text-align:center;left:50%;transform:translate(-50%);height:16px;min-height:16px;margin:-23px 0 0;padding:2px;border:1px solid #898989;border-radius:3px;font-size:1.8px;letter-spacing:-.1px;background:#fff;overflow-wrap:break-word}.face-view-switch-label:hover{min-height:16px;height:auto;z-index:1}.face-view-switch-label:not(:hover)>.component-text-nonABC{overflow:hidden;text-overflow:ellipsis}.face-view-switch-label:not(:hover)>.component-text-ABC{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}.face-view-component-image{height:42px}.face-view-component-border{border:1px solid red}.component-label{align-self:center;line-break:anywhere;text-align:center}.align-self-center{align-self:center!important}.component-text{text-align:center;font-size:3px;font-weight:700;white-space:break-spaces}.component-icon-size6{width:6px;height:6px}.component-icon-size12{width:10px;height:10px}.component-label-icon{align-self:center;line-break:anywhere;text-align:center;justify-self:center;padding-bottom:2px}.faceview-button-Box{cursor:pointer;display:flex;justify-content:center}.faceview-btn-container{align-self:center}.faceview-buttons-icon{position:absolute;top:35%;left:50%;transform:translate(-50%,-50%);width:15px;height:15px}.face-view-Box .MuiButtonGroup-vertical{align-items:center}.face-view-Box .MuiBadge-anchorOriginTopLeftRectangle{left:5px}.faceview-buttons{width:32px;height:32px}.faceview-buttons-disable{opacity:.4}.faceview-config-label-buttons{width:70%}.MuiBadge-colorPrimary{background-color:#4ea3e9!important}.MuiBadge-colorError{background-color:orange!important}.expand-icon{border-radius:50%!important;border:2px solid #1f1f1f!important;min-width:0!important;height:32px;width:32px;font-size:16px!important;font-weight:700!important;background-color:#fff!important}.expand-icon-grp{margin-top:5px}.expand-icon-img{height:20px;width:20px}.btn-flex-column{display:flex;flex-direction:column}.btn_face{opacity:1;animation:mymove 1s infinite}@keyframes mymove{0%{opacity:1}to{opacity:0}}.face-view-one-row-image{width:290px}.face-view-one-row-image-collapse-category{width:20%}.face-view-one-row-image-collapse-basket{width:13%}.face-view-one-row-image-collapse{width:20%}.face-view-two-row-image{width:290px}.face-view-two-row-image-collapse,.face-view-two-row-image-collapse-basket,.face-view-two-row-image-collapse-category{width:350px}.face-view-three-row-image{width:255px}.face-view-three-row-image-collapse-basket,.face-view-three-row-image-collapse-category{width:350px}.face-view-three-row-image-collapse{width:31%}.face-view-tab-align{align-items:center}.face-view-four-row-image{width:260px}.face-view-four-row-image-collapse-category{width:40%}.face-view-four-row-image-collapse-basket{width:51%}.face-view-four-row-image-collapse{width:31%}.face-view-five-row-image{width:260px}.face-view-five-row-image-collapse-category{width:40%}.face-view-five-row-image-collapse-basket{width:50%}.face-view-five-row-image-collapse{width:31%}.face-view-six-row-image{width:260px}.face-view-six-row-image-collapse-category{width:40%}.face-view-six-row-image-collapse-basket{width:50%}.face-view-six-row-image-collapse{width:31%}.face-view-seven-row-image{width:260px}.face-view-seven-row-image-collapse-category{width:40%}.face-view-seven-row-image-collapse-basket{width:50%}.face-view-seven-row-image-collapse{width:31%}.face-view-component-selected{border:1px solid red}.face-view-multicomponent-selected{border:1px solid red;background-color:rgba(245,14,14,.5)}.face-view-component-default{border:1px solid #000}.faceView-button-alert{width:25%!important;height:5%;display:flex!important;color:#000!important;text-align:center!important;margin:calc(100vh - 300px) 0 0 -23%!important;position:fixed!important;z-index:1400;border-radius:38px!important;padding:5px 100px!important;box-shadow:0 2px 10px rgba(0,0,0,.25)!important;background-color:#fff!important;align-items:center;justify-content:center}.highlight-circle-div{position:relative;width:auto!important;height:auto!important}.highlight-circle-div,.highlight-circle-div-faceview{display:flex;align-items:center;justify-content:center;min-width:5px}.highlight-circle-div-faceview{width:100%!important;top:100%;position:absolute;background:transparent no-repeat 50%;background-size:cover}.order-select{font-size:.8rem;padding:3px 5px}.highlight-circle{max-height:9.5px!important;max-width:9.5px!important;border-radius:60%!important;min-width:10px;min-height:10px;width:auto;height:auto}.highlight-circle,.highlight-circle-small{display:flex;align-items:center;justify-content:center}.highlight-circle-small{min-height:3.2px!important;max-height:3.2px!important;width:3.2px!important;border-radius:60%;border-width:1.4px!important}.highlight-circle-palate{height:15px;width:15px;border-radius:50%;cursor:pointer}.highlight-circle-palate-selected{height:18px;width:18px;border-radius:50%;cursor:pointer;margin:0 4px}.mainbreaker-circle-selected{height:18px;width:18px;border-radius:50%;cursor:pointer;margin-left:5px}.color-outer-layer-selected{border:2px solid #898989;border-radius:50%;margin-bottom:15px;padding:1px}.color-palate{height:48px;max-height:48px;width:calc(100% - 60px);padding:0 16px 0 12px}.color-palate,.color-palate-multiple{position:absolute;z-index:1;box-shadow:1px 1px 4px rgba(0,0,0,.25);border-radius:0;display:flex;overflow:auto;flex-direction:row;justify-content:space-between;box-sizing:border-box;background-color:#f5f5f5}.color-palate-multiple{margin:0 5px 5px 0;width:91%;padding:10px 15px;grid-gap:20px;gap:20px}.colors-multiple-wrapper{display:flex;align-items:normal;grid-gap:6px;gap:6px}.reset-configuration-btn{border:2px solid #1f1f1f!important;font-size:12px}@media screen and (min-height:1000px){.color-palate{height:90%}}.color-text{padding:5px 0;border-radius:4px;margin:auto 0;font-weight:700}.color-text,.color-text-multiple{font-size:12px;text-align:center}.colors-flex,.colors-flex-multiple{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;grid-gap:6px;gap:6px}.order-div{display:flex;flex-direction:column;align-items:center;justify-content:center}.order-text{font-size:.7rem;margin-bottom:5px}.mainbreaker-text{font-size:12px;font-weight:400;text-align:start}.mainbreaker-container,.mainbreaker-container-multiple{display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;align-items:center;grid-gap:6px;gap:6px}.colorpallete-wrapper{align-items:baseline}.colorpallete-container,.colorpallete-wrapper{display:flex;justify-content:flex-start;grid-gap:12px;gap:12px}.colorpallete-container{align-items:center}@media screen and (min-height:700px){.steering>:first-child{margin-bottom:100px}}@media screen and (max-height:699px){.steering{justify-content:space-between}.steering>div:nth-child(2){margin-bottom:10px}}@media screen and (min-width:1368px) and (max-width:1518px){.highlight-circle{max-height:9.5px!important;max-width:9.5px!important;border-radius:60%!important;display:flex;align-items:center;justify-content:center;min-width:9.5px;min-height:9.5px;width:auto;height:auto}.group{width:118%}.highlight-circle-small{min-height:3.2px!important;max-height:3.2px!important;width:3.2px!important;border-radius:60%;display:flex;align-items:center;justify-content:center;border-width:1.8px!important}}@media screen and (min-width:1520px){.highlight-circle{max-height:9px!important;max-width:9px!important;border-radius:60%!important;display:flex;align-items:center;justify-content:center;min-width:9px;min-height:9px;width:auto;height:auto}.group{width:140%;margin-bottom:1px}.highlight-circle-small{min-height:3.2px!important;max-height:3.2px!important;width:3.2px!important;border-radius:60%;display:flex;align-items:center;justify-content:center;border-width:1.8px!important}}@media screen and (max-width:1368px){.highlight-circle{max-height:9.5px!important;max-width:9.5px!important;border-radius:60%!important;display:flex;align-items:center;justify-content:center;min-width:10px;min-height:10px;width:auto;height:auto}.group{width:119%}}.steering{box-shadow:1px 1px 4px rgba(0,0,0,.25);border-radius:4px;margin:0 0 5px 1px;z-index:10!important;position:relative;width:40px;right:0;overflow:auto;padding:0 8px;height:100%;max-height:1200px;background-color:#fff}.TransformComponent-module_container__3NwNd::-webkit-scrollbar{height:0!important;width:0!important}.color-palate::-webkit-scrollbar,.steering::-webkit-scrollbar{height:0;width:3px}.color-palate::-webkit-scrollbar-track,.steering::-webkit-scrollbar-track{box-shadow:inset 0 0 2px #ccc;border-radius:1px}.color-palate::-webkit-scrollbar-thumb,.steering::-webkit-scrollbar-thumb{background:#a9a9a9;border-radius:1px}.color-palate::-webkit-scrollbar-thumb:hover,.steering::-webkit-scrollbar-thumb:hover{background:grey}.scrolled-fv{overflow:hidden}.borderBox{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.faceview-slot{background:#9ebff7;opacity:.6}.faceview-slot,.faceview-slot-hovered{border-bottom:thin solid #000;border-width:thin 1px;border-top:thin solid #000}.faceview-slot-hovered{background:#021c49;opacity:.8}.faceview-slot-border-left{border-left:1px solid #000}.faceview-slot-border-left-dotted{border-left:1px dotted #000}.faceview-slot-border-right-left{border-right:1px solid #000}.red-overlay{background-color:rgba(255,0,16,.3);position:absolute}.accesory-drop{background:#9ebff7;background-repeat:no-repeat;background-position:50%;background-size:30%}.accesory-drop,.accesory-drop-success{position:absolute;width:100%;height:100%;z-index:3;opacity:.6;top:0;left:0}.accesory-drop-success{background:#75ba70;background-repeat:no-repeat;background-position:50%;background-size:30%}.mainBreaker-drop{position:absolute;background:#9ebff7;z-index:3;opacity:.6;background-repeat:no-repeat;background-position:50%;background-size:66%}.mainBreaker-drop-success{position:absolute;background:#75ba70;z-index:3;opacity:.6;background-repeat:no-repeat;background-position:50%;background-size:66%}.zoom-icon{font-size:.8rem!important;stroke:#000}@media screen and (max-width:768px){.enclosure-navigation-bar{position:absolute;z-index:0;box-shadow:0 0 0 rgba(0,0,0,.25)!important;height:44px;display:flex;overflow:auto;width:100%;flex-direction:row;justify-content:space-between!important;box-sizing:border-box;background-color:transparent!important;align-items:center;padding:1%!important;visibility:hidden!important}}@media screen and (min-width:769px){.enclosure-navigation-bar{position:absolute;z-index:0;box-shadow:0 0 0 rgba(0,0,0,.25)!important;height:44px;display:flex;overflow:auto;width:100%;flex-direction:row;justify-content:space-between!important;box-sizing:border-box;background-color:transparent!important;align-items:center;padding:1%!important;visibility:hidden!important}}.enclosure-navigation-without-color{top:11%}.enclosure-navigation-with-color{top:20%}.enclosure-navigation-circle{height:29px!important;width:27px!important;border-radius:50%;text-align:center;border:none!important;background-color:#efefe9;margin-top:-4.5px}.visible-circle{visibility:visible!important}.hidden-circle{visibility:hidden!important}.group-icon{position:absolute;border-radius:50%}.refresh-button{height:28px!important;border-radius:50%;padding:5%;cursor:pointer}.div-transform,.div-transform-init{justify-items:center!important}.div-transform{width:700%!important}.span-for-arrow{background-color:#fff!important;border-radius:50%;height:29px!important;width:29px!important;visibility:visible!important}@media screen and (min-width:1025px){.MuiSnackbar-anchorOriginBottomCenter{left:50%;right:auto;bottom:60px!important;transform:translateX(-50%)}}@media screen and (max-width:768px){.MuiSnackbar-anchorOriginBottomCenter{left:50%;right:auto;bottom:100px!important;transform:translateX(-50%)}}@media screen and (min-width:769px) and (max-width:1029px){.MuiSnackbar-anchorOriginBottomCenter{left:50%;right:auto;bottom:90px!important;transform:translateX(-50%)}}.wireframe-navigation-circle{height:29px!important;width:27px!important;border-radius:50%;text-align:center;border:none!important;background-color:#ddddd0;margin-top:-4.5px}.wireframe-navigation-bar{position:absolute;z-index:0;height:44px;box-shadow:1px 1px 4px rgba(0,0,0,.25);border-radius:4px;display:flex;overflow:auto;flex-direction:row;justify-content:center;box-sizing:border-box;background-color:#fff;align-items:center;bottom:15px;margin-left:-8px}.colored-circle_cancel-div{cursor:pointer;position:absolute;height:10px;width:10px}.colored-circle_cancel-icon{position:absolute;bottom:-3px;right:-3px;cursor:pointer}.colored-circle_group{cursor:pointer;position:inherit;width:119%}.table-Container-accessory-for-warning{max-height:380px!important;margin-left:0;width:340px!important;border:1px solid rgba(85,84,84,.25);overflow:auto}.table-Container-accessory{max-height:100%!important;margin-left:5%;width:90%!important;box-shadow:0 2px 4px 1px rgba(0,0,0,.25)!important;overflow:auto}.accessory-image{width:20%;align-self:center;text-align:center}.accessory-content{width:50%;margin-left:5%!important;align-self:center}.accessory-action{width:30%;text-align:right;align-self:center;display:flex;align-items:center;align-content:center;padding:10px;justify-content:center;justify-content:space-around}.prod-def-img{height:32px!important}.enc-inner-cont{box-sizing:border-box;position:relative}.vertical-bar{width:17px}.bar-div{flex-direction:column}.bar-div,.hr-bar-div{display:flex;justify-content:center;align-items:center}.hr-bar-div{position:relative}.hr-bar{height:40px}.hr-bar-media{height:60px}.hr-bar-left{height:40px;position:absolute;left:0}.hr-bar-left-media{height:60px;position:absolute;left:0}.hr-bar-right{height:40px;position:absolute;right:0}.hr-bar-right-media{height:60px;position:absolute;right:0}.rows-container{flex-direction:column;padding-top:16px}.d-enc-row,.rows-container{display:flex;justify-content:center}.d-enc-row{align-items:center;z-index:1;margin-left:-20px}.row-positioned-div{position:absolute;top:-17px;left:3px;display:flex}.right-v-bar{margin-left:-20px}.right-v-bar-between{margin-left:-20px;margin-right:15px}.enc-container,.faceViewImage{position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.corner-TL{left:0}.corner-TL,.corner-TR{position:absolute;z-index:1;top:0;height:100px}.corner-TR{right:0}.corner-BL{left:0}.corner-BL,.corner-BR{position:absolute;z-index:1;bottom:0;width:70px}.corner-BR{right:0}.beam-T{top:0;height:44px}.beam-L,.beam-T{position:absolute;left:0}.beam-L,.beam-R{width:35px}.beam-R{right:0}.beam-B,.beam-R{position:absolute}.beam-B{bottom:0;height:44px;left:0}.fv-cont{padding:100px 60px}.blue-addon{top:32px;left:37px}.blue-addon,.green-addon{position:absolute;z-index:2;height:25px}.green-addon{top:31px;right:37px}.blue-vertical-addon{position:absolute;width:50px;top:6px;left:-36px;transform:rotate(270deg);height:25px}.hr-bar-media-accessory{position:absolute;top:0;height:60px;right:0;z-index:1}.search-input{display:flex;flex-direction:column;width:25%}.shrinked{width:40px}.basket-view{max-width:25%;width:25%}.basket-view,.fv-all{display:flex;flex-direction:column}.fv-all{max-width:51%;width:50%}.fv-only{flex:98 0;max-width:98%;overflow:hidden}.fv-basket,.fv-category{flex:72 0;max-width:72%;overflow:hidden}.face-view-label-content{display:flex;padding:14px 0 12px;justify-content:space-evenly;box-shadow:0 2px 4px rgba(0,0,0,.25)}.faceview-label-button{float:right;margin-right:20px!important;position:relative!important;padding:0 9px!important}.faceview-label-button-selected{background:#d3d3d3!important}.basket-height{height:calc(100vh - 210px)!important}.configuration-bar-container{font-family:"ABBVoice";padding-top:65px}.cl-container{margin:65px 16px 16px}.bom-table-div{flex:75 0;padding:3% 1px 2% 3%}.bom-table-div,.download-div{box-sizing:border-box;height:100%}.download-div{flex:25 0;padding:3% 3% 2% 1px}.scrolled-div{overflow:auto;max-height:100%;box-sizing:border-box}.bom-table th{white-space:nowrap}.bom-table td,.bom-table th{text-align:center;padding:9px 5px}.b9990{padding-top:16px}.bom-table tbody tr:nth-last-child(2) td{padding-bottom:5px}.bom-border{border:1px solid #d3d3d3;padding:16px 5% 16px 3%}.down-border{border:1px solid #d3d3d3;padding:16px 10% 11.6%;overflow:auto;max-height:100%;box-sizing:border-box}.euro-icon{height:15px;width:15px;margin:0 2%}.bom-table{border-spacing:0}.bod{float:right}.bom-table thead th:last-child,.bom-table thead th:nth-last-child(2){text-align:right}.dwn-title{margin-bottom:5%;padding-left:9px}.dwn-doc-icon{margin-right:3%;height:1.3rem;width:1.3rem}.btn-download{margin-top:10%!important}.btn-add{margin-top:28px!important}.btn-outlined{width:12rem;background-color:#fff!important;color:#000!important;border:1px solid #dbdbdb!important}.dwn-txt{font-size:14px}.width10{width:10%!important}.width70{width:70%!important}@media screen and (max-width:600px){.quantity-box1{cursor:pointer;border-radius:2px;border:1px solid #d3d3d3;display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-right:1vw;touch-action:none;right:-450px;position:relative}}@media screen and (min-width:601px) and (max-width:959px){.quantity-box1{cursor:pointer;border-radius:2px;border:1px solid #d3d3d3;display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-right:1vw;touch-action:none;right:-550px;position:relative}}@media screen and (min-width:960px) and (max-width:1366px){.quantity-box1{cursor:pointer;border-radius:2px;border:1px solid #d3d3d3;display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-right:1vw;touch-action:none;right:-530px;position:relative}}@media screen and (min-width:1366px){.quantity-box1{right:-750px}}@media screen and (min-width:1366px){.quantity-box1,.quantity-box2{cursor:pointer;border-radius:2px;border:1px solid #d3d3d3;display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-right:1vw;touch-action:none;position:relative}.quantity-box2{right:-505px}}@media screen and (min-width:960px) and (max-width:1366px){.quantity-box2{cursor:pointer;border-radius:2px;border:1px solid #d3d3d3;display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-right:1vw;touch-action:none;right:-450px;position:relative}}@media screen and (max-width:600px){.quantity-box2{cursor:pointer;border-radius:2px;border:1px solid #d3d3d3;display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-right:1vw;touch-action:none;right:-300px;position:relative}}@media screen and (min-width:601px) and (max-width:959px){.quantity-box2{cursor:pointer;border-radius:2px;border:1px solid #d3d3d3;display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-right:1vw;touch-action:none;right:-400px;position:relative}}@media screen and (min-width:1366px){.quantity-box3{cursor:pointer;border-radius:2px;border:1px solid #d3d3d3;display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-right:1vw;touch-action:none;right:-730px;position:relative}}@media screen and (min-width:1124px) and (max-width:1336px){.quantity-box3{cursor:pointer;border-radius:2px;border:1px solid #d3d3d3;display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-right:1vw;touch-action:none;right:-600px;position:relative}}@media screen and (min-width:960px) and (max-width:1124px){.quantity-box3{cursor:pointer;border-radius:2px;border:1px solid #d3d3d3;display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-right:1vw;touch-action:none;right:-505px;position:relative}}@media screen and (min-width:601px) and (max-width:959px){.quantity-box3{cursor:pointer;border-radius:2px;border:1px solid #d3d3d3;display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-right:1vw;touch-action:none;right:-530px;position:relative}}.align{text-align:right!important}.comment{border:1px solid #d3d3d3}textarea{font-size:12px}.done{height:33px!important}.product-origin-title{font-weight:700;text-align:left}.product-origin-container{display:flex;align-items:center}.bom_price_summary{text-align:right;white-space:nowrap}.download-diagram{float:right;background-color:#ff0010!important;color:#fff!important;padding:3px!important;cursor:pointer;font-size:1.4rem!important}.p16{padding:14px!important}.diagramContainer{height:calc(100vh - 208px);overflow:auto auto}.wireframe-container.wireframe-container{font-family:"ABBVoice";margin-top:70px}.comp-list{flex:30 0}.comp-list-shrink{flex:1 0;width:40px}.edit-label{flex:30 0}.edit-label-shrink{flex:1 0;width:40px}.face-view-all{flex:40 0;max-width:51%}.face-view-basket{flex:74 0;max-width:74%}.face-view-only{flex:98 0;max-width:98%}.face-view-list{flex:62 0;max-width:62%}.full-H-min{min-height:100%}.comp-list-div{padding:2% 0;margin-bottom:8px}.collapse-height{height:calc(100% - 55px)!important}.list-text{min-width:90%}.equipment-icon{height:20px;width:20px}.comp-list-item{padding:3% 5%;border-bottom:1px solid #d3d3d3;cursor:pointer}.comp-list-item-selected{background-color:#e9e7e7}.font14{font-size:14px!important}.font15{font-size:15px!important}.comp-id{min-width:15%}.edit-icons{height:30px;width:30px}.preview-area{display:flex;flex-direction:column;align-items:center;justify-content:center;width:18rem;height:6rem;font-size:14px;border-color:#d3d3d3!important;margin-top:26px}.preview-area.modules05{width:1rem}.preview-area.modules1{width:3rem}.preview-area.modules2{width:13rem}.preview-area.modules3{width:15rem}.preview-area.modules4{width:18rem}.label-text{margin:24px 0 15px 50%;width:90%;transform:translate(-50%)}.label-text .MuiOutlinedInput-input{padding:10px 14px!important}.componentId-text{width:90%!important;margin-bottom:15px}.componentId-text .MuiOutlinedInput-input{padding:10px 14px!important}.font-key{font-size:16px}.equip-icon{height:40px;width:40px;margin-bottom:8px}.drpdwn-list-icon{height:15px;width:15px;margin-right:10px}.done-btn{padding:2px 15px!important}.config-text{white-space:break-spaces;min-width:70px}.edit-auto-complete{box-shadow:0 1px 4px rgba(0,0,0,.25);border-radius:4px;margin-bottom:15px}.edit-auto-complete .MuiAutocomplete-input{font-size:14px;line-height:0}.edit-auto-complete .MuiFormLabel-root{font-size:14px}.edit-auto-complete .MuiInputLabel-shrink{font-size:15px!important}.vertical-title{transform:rotate(-90deg);display:flex;justify-content:center;align-items:center;height:100%;white-space:nowrap}.ec-icon-div{height:42px;width:52px;margin-bottom:8px}.config-label-container{height:calc(100vh - 32px);margin-top:62px}.menu-link{display:flex;margin-left:5%;margin-right:5%;align-items:center;justify-content:center;height:60px!important;border-bottom:3px solid #fff!important;padding:0 10px!important;white-space:nowrap}.menu-link:hover{border-bottom:3px solid pink!important}.menu-icon{height:32px;width:32px}.abb-logo{height:60px;width:80px;cursor:pointer}.menu-link.active{border-bottom:3px solid var(--primaryBrandRed)!important}.app-bar-container{z-index:2000;padding:0 128px}.header-content{display:flex;align-items:center;grid-gap:20px;gap:20px}.logo-divider{border-right:1px solid var(--primaryGrey30);height:24px}.app-header-name{font-weight:500;font-size:14px}.app-header-country{font-weight:400;font-size:12px;display:flex;grid-gap:3px;gap:3px}.slick-container{display:flex;margin-right:auto;margin-left:10px;align-items:center;justify-content:center}.slick{background-color:#afacac;border-radius:60%;font-size:6.5px;width:10px;height:10px;margin-left:6.5px;transition:width .2s,height .2s}.slick:hover{cursor:pointer}.slick-selected{background-color:#1d1b1b;border-radius:60%;font-size:6.5px;width:19px;height:19px;margin-left:6.5px;transition:width .2s,height .2s,background-color .2s}@media screen and (max-width:768px){.tabWidth{width:650px}.imageHeight{height:355px}}@media screen and (min-width:769px){.tabWidth{width:710px}}#alertContentHeader{font-size:xx-large;font-weight:700;margin-bottom:5%}.text-box-container1{display:flex;flex-direction:column}.flex-box{flex:50% 1}.info-flex-box{display:flex}.info-icon{color:grey;height:.75em!important;width:.75em!important}.info-label{font-size:10px;margin:3px 0 0 10px}.height-div{min-height:calc(100vh - 64px)!important;width:100%!important;margin-top:30px}.icon-button{padding:0!important;color:currentColor!important}.project-radio-btn{display:flex!important;flex-direction:row!important}.distributor-dropdown{width:100%;color:#000;box-shadow:0 0 0 0!important}.distributor-dropdown .Dropdown-menu{max-height:140px;height:140px;box-shadow:0 0 0 0!important}.distribute,.MuiBox-root-15{box-shadow:0 0 0 0!important}.Dropdown-control:hover{border:1px solid #000!important;border-radius:6px!important;height:40px!important}.method-dropdown{width:100%!important;margin:0 0 0 5px;color:#000;box-shadow:0 0 0 0!important}.method-dropdown .Dropdown-menu{margin-bottom:0;box-shadow:0 0 0 0!important}.MuiBox-root-116{box-shadow:0 0 0 0!important}.distributorPlaceholder,.methodPlaceholder{color:#908f8f;opacity:.5;font-size:15px;font-weight:500}.MuiOutlinedInput{height:10px}.distributt{border:1px solid #898989}.Dropdown-control{border:1px solid #d3d3d3!important;border-radius:6px!important;height:40px!important}.MuiFormGroup-root{flex-wrap:nowrap!important}.MuiOutlinedInput-input{padding-top:8.2px!important;padding-bottom:8.2px!important}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.label{margin-left:-20px!important}.disabled-input{font-family:"ABBvoice";padding:0 0 0 10px;width:calc(100% - 12px);margin:9px 0 0 5px;font-weight:500;color:#898989;font-size:15px;height:45px;border:1px solid #a9a9a9;border-radius:6px}.width-80{width:80%}.ml-10{margin-left:10%}.border-width-thin{border-width:thin!important}.oultlinedText-disable{background-color:rgba(0,0,0,.09)!important}.MuiInputBase-root.Mui-disabled{color:#000!important}.tandcLink{color:red;text-decoration:underline}.tnc-dialogue{width:100%;max-width:80%}.tnc-header-bar{width:30px;height:5px;background-color:red}.tnc-header{font-size:25px;font-weight:700;color:#1f1f1f}.decline-button{color:#1f1f1f!important;border-radius:2px!important;width:120px}.accept-button,.decline-button{padding:6px 16px!important;line-height:normal!important}.accept-button{background-color:#ff000f!important;color:#fff!important;border-radius:20px!important;width:164px;height:36px}.tnc-content{width:100%;height:55vh;border:1px solid #c4c4c4;overflow:auto;opacity:.8}.pdf-content{text-align:-webkit-center}.tnc-content-tab{width:100%;border:1px solid #c4c4c4;opacity:.7}.tnc-header-bar-tab{width:35px;height:5px;background-color:red;margin-top:1%;margin-left:16px}.tnc-header-tab{font-size:25px;font-weight:700;color:#1f1f1f;margin-left:16px}.overflow-hidden{overflow:hidden}.header-topic{font-weight:800;color:#000}.tnc-body{width:auto;padding:15px}.tnc-link{color:#00f;text-decoration:underline}.tnc-table-header{text-align:left;color:#fff;background:#000}.border-bottom,.border-left,.border-right{outline:1px solid #000}.header-p-5{padding-bottom:8px}