.header .themeHeader .forceCommunityThemeNav .mainNavItem{ padding-left: 30px; } .header .themeHeader .forceCommunityThemeNav .mainNavItem .linkBtn, .header .themeHeader .forceCommunityThemeNav .mainNavItem .uiMenuItem a{ position: relative; } .header .themeHeader .forceCommunityThemeNav .mainNavItem .linkBtn:hover{ border-bottom:0; } .header .themeHeader .forceCommunityThemeNav .mainNavItem.expanded .linkBtn, .header .themeHeader .forceCommunityThemeNav .mainNavItem.expanded:hover .linkBtn{ color: #fff !important; } .header .themeHeader .forceCommunityThemeNav .mainNavItem .linkBtn::after, .header .themeHeader .forceCommunityThemeNav .mainNavItem.expanded .linkBtn::after, .header .themeHeader .forceCommunityThemeNav .mainNavItem .subMenu .subMenuItem a::after, .header .themeHeader .forceCommunityThemeNav .mainNavItem .subMenu .uiMenuItem a::after, .themeUtilsContainer .comm-user-profile-menu .slds-dropdown .slds-dropdown__item a::after{ position: absolute; left: 0; bottom: -2px; content: ''; display: block; width: 100%; border-bottom:2px solid #FF7900; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: -webkit-transform .3s ease-out, border-color .3s ease-out; transition: transform .3s ease-out, border-color .3s ease-out; } .header .themeHeader .forceCommunityThemeNav .mainNavItem .subMenu .subMenuItem a::after, .header .themeHeader .forceCommunityThemeNav .mainNavItem .subMenu .uiMenuItem a::after, .themeUtilsContainer .comm-user-profile-menu .slds-dropdown .slds-dropdown__item a::after{ bottom: 0; } .header .themeHeader .forceCommunityThemeNav .mainNavItem .linkBtn:hover::after, .header .themeHeader .forceCommunityThemeNav .mainNavItem .linkBtn:active::after, .header .themeHeader .forceCommunityThemeNav .mainNavItem .linkBtn:focus::after, .header .themeHeader .forceCommunityThemeNav .mainNavItem.expanded:hover .linkBtn::after, .header .themeHeader .forceCommunityThemeNav .mainNavItem.expanded:active .linkBtn::after, .header .themeHeader .forceCommunityThemeNav .mainNavItem.expanded:focus .linkBtn::after, .header .themeHeader .forceCommunityThemeNav .mainNavItem .subMenu .subMenuItem a:hover::after, .header .themeHeader .forceCommunityThemeNav .mainNavItem .subMenu .subMenuItem a:active::after, .header .themeHeader .forceCommunityThemeNav .mainNavItem .subMenu .subMenuItem a:focus::after, .header .themeHeader .forceCommunityThemeNav .mainNavItem .subMenu .uiMenuItem a:hover::after, .header .themeHeader .forceCommunityThemeNav .mainNavItem .subMenu .uiMenuItem a:active::after, .header .themeHeader .forceCommunityThemeNav .mainNavItem .subMenu .uiMenuItem a:focus::after, .themeUtilsContainer .comm-user-profile-menu .slds-dropdown .slds-dropdown__item a:hover::after, .themeUtilsContainer .comm-user-profile-menu .slds-dropdown .slds-dropdown__item a:active::after, .themeUtilsContainer .comm-user-profile-menu .slds-dropdown .slds-dropdown__item a:focus::after{ border-color:#FF7900; transform-origin: center; transition: transform 0.3s cubic-bezier(0.25,0,0.4,1), border-color 0.35s cubic-bezier(0.52,0.01,0.16,1); backface-visibility: hidden; -webkit-transform: scaleX(1); transform: scaleX(1); } .header .themeHeader .forceCommunityThemeNav.navMenuType-expanded .mainNavItem .linkBtn.comm-navigation__top-level-item-link--active, .header .themeHeader .forceCommunityThemeNav .mainNavItem .linkBtn.comm-navigation__top-level-item-link--active{ color:#fff !important; border-bottom:2px solid #FF7900; } .siteforceThemeLayoutStarter .header{ position: absolute; width: 100%; } .comm-page-custom-our-history .siteforceThemeLayoutStarter .header{ background: rgba(0, 0, 0, 0.50); backdrop-filter: blur(5px); z-index: 1; } .comm-page-custom-metplanet .siteforceThemeLayoutStarter .header{ background: #194979; z-index: 1; /* position: relative; */ } .comm-page-custom-metplanet .privatePageWrapper .metplanetwrapper .bannerhead{ display: none; } .comm-page-custom-metplanet .privatePageWrapper .metplanetwrapper .metSvgContainer{ margin-top: 0px; } .comm-page-custom-metplanet .privatePageWrapper .metplanetwrapper .txtdetail{ transform:rotateX(35deg); } .forceCommunityThemeHeaderCompact .themeHeaderInner .themeUtils{ padding-left: 20px; } .themeUtil.themeSearch .forceCommunityThemeSearchSection .search-trigger{ width: auto; } .themeUtil.themeSearch .forceCommunityThemeSearchSection .search-triggerButton{ width: 30px; background: #fff; border-radius: 50%; box-shadow: none; border: 0; } .themeSearch .forceCommunityThemeSearchSection .search-triggerButton:hover, .themeSearch .forceCommunityThemeSearchSection .search-triggerButton:focus, .themeSearch .forceCommunityThemeSearchSection .search-triggerButton:active{ background: #FF7900; box-shadow: none; } .themeSearch .forceCommunityThemeSearchSection .search-triggerButton svg{ fill: #949D9E; } .themeSearch .forceCommunityThemeSearchSection .search-triggerButton:hover svg, .themeSearch .forceCommunityThemeSearchSection .search-triggerButton:active svg{ fill: #fff; } .forceCommunityThemeNav .subMenu.uiMenuList.slds-nubbin_top-left::after, .forceCommunityThemeNav .subMenu.uiMenuList.slds-nubbin_top-left::before, .forceCommunityThemeNav .subMenu.uiMenuList .subMenu.slds-nubbin_top-left::after, .forceCommunityThemeNav .subMenu.uiMenuList .subMenu.slds-nubbin_top-left::before, .themeUtilsContainer .comm-user-profile-menu .comm-user-profile-menu__dropdown-ctn.slds-nubbin_top-right::after, .themeUtilsContainer .comm-user-profile-menu .comm-user-profile-menu__dropdown-ctn.slds-nubbin_top-right::before{ display: none; } .themeUtilsContainer .comm-user-profile-menu .slds-dropdown{ font-size: 16px; } .forceCommunityThemeNav .subMenu.uiMenuList{ left: inherit; min-width: 175px; width: 90%; } .boxcontainer{ background:#949D9E; display:flex; justify-content:space-between; align-items:center; margin-bottom: -1px; } .boxcontainer .boxpan{ max-width:50%; flex-basis:50%; max-height: none; display: inline-flex; overflow: hidden; } .boxcontainer .boxpan img{ width: 100%; object-fit: cover; } .boxcontainer .boxtxtdetail{ flex-direction: column; padding:20px 5%; color:#fff; } .boxcontainer .boxtxtdetail .head2{ font-size:60px; line-height: 1.3; font-weight: normal; } .boxcontainer .boxtxtdetail .head2 a{ color:#fff; } .boxcontainer .boxtxtdetail p{ font-size:20px; line-height: 1.3; margin-bottom:10px; } .boxcontainer .boxtxtdetail p:last-child{ margin-bottom: 0; } .forceCommunityRichText .sectionhead2{ font-size: 60px; color: #FF7900; font-weight: normal; text-align: center; margin-top: 2.5rem; } .forceCommunityRichText .featurednewshead .sectionhead2{ margin-top: 0; padding-top: 2.5rem; padding-bottom: 1.5rem; } body.comm-page-home .brandContainer.cFood_Champ, .comm-page-home .js-dynamic-collection{ padding-left: 5%; padding-right: 5%; } .comm-page-home .siteforceSldsTwoCol84SidebarFeaturedLayout .js-dynamic-collection{ background-color:#d9d9d9; padding-bottom: 1.5rem; margin-bottom: -1.5rem; } body.comm-page-custom-resource-article .contentRegion, .comm-page-custom-resource-article .contentRegion{ margin:0px !important; } .comm-page-custom-resources-detail .contentRegion{ margin:0px !important; } .comm-page-home .js-dynamic-collection .forceCommunityCarousel .previousAction, .comm-page-home .js-dynamic-collection .forceCommunityCarousel .nextAction{ display: none; } .comm-page-home .js-dynamic-collection .forceCommunityCarousel .carouselSlide .js-content{ transition: all 200ms ease-out; transform: translateY(0); } .comm-page-home .js-dynamic-collection .forceCommunityCarousel .carouselSlide .js-content:hover, .comm-page-home .js-dynamic-collection .forceCommunityCarousel .carouselSlide .js-content:focus{ transform: translateY(-0.5rem); } .comm-page-home .js-dynamic-collection .forceCommunityCarousel .carouselSlide .js-content .slds-scrollable_none{ position: relative; padding-top: 0.6rem; } .comm-page-home .js-dynamic-collection .forceCommunityCarousel .carouselSlide .js-content .slds-scrollable_none .js-content-image.contentImage{ border-radius: 10px 10px 0 0; } .comm-page-home .js-dynamic-collection .forceCommunityCarousel .carouselSlide .js-content .slds-scrollable_none .slds-container_center{ /* position: absolute; bottom: 0; */ background: #194979 !important; border: 0; display: flex; align-items: center; justify-content: center; min-height: 160px; border-radius: 0 0 10px 10px; padding: 1rem; } .comm-page-home .js-dynamic-collection .forceCommunityCarousel .carouselSlide .js-content:hover .slds-scrollable_none .slds-container_center, .comm-page-home .js-dynamic-collection .forceCommunityCarousel .carouselSlide .js-content:focus .slds-scrollable_none .slds-container_center{ background: #2977C6 !important; } .comm-page-home .js-dynamic-collection .carouselSlide .js-content .slds-container_center .js-content-title{ text-decoration: none; color: #fff; } .comm-page-home .js-dynamic-collection .forceCommunityCarousel .carouselSlide.slds-p-right_large, .comm-page-home .js-dynamic-collection .forceCommunityCarousel .carouselSlide.slds-p-right--large{ padding-left: 1.5rem; padding-right: 1.5rem; } .comm-page-home .js-dynamic-collection .carouselSlide .js-content .slds-container_center .js-content-title h2{ font-family: "Anton", sans-serif; font-size: 32px; line-height: 1.2; font-weight: 400; display: block; display: -webkit-box; max-width: 100%; line-clamp: 3; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; text-transform: uppercase; } .header .themeHeader.forceCommunityThemeHeaderCompact{ padding-left: 5% !important; padding-right: 5% !important; } .comm-page-home .js-dynamic-collection .forceCommunityCarousel a.slds-carousel__indicator-action{ background:#949D9E; border-color:#949D9E; } .comm-page-home .js-dynamic-collection .forceCommunityCarousel a.slds-carousel__indicator-action.slds-is-active{ background:#194979; border-color:#194979; } .comm-page-home .js-dynamic-collection .forceCommunityCarousel .slds-carousel__indicators{ margin-top: 1rem; margin-bottom: 1.7rem; } .comm-page-home .js-dynamic-collection .forceCommunityCarousel{ margin-left: -1.5rem; } .comm-page-home .js-dynamic-collection>div{ max-width: 1300px; margin: 0 auto; } .themeUtilsContainer .comm-user-profile-menu .slds-avatar, .themeUtilsContainer .forceCommunityThemeProfileMenu .profile-icon{ width: 32px; height: 32px; border: 2px solid #fff; } .themeUtilsContainer .comm-user-profile-menu .slds-avatar:hover, .themeUtilsContainer .forceCommunityThemeProfileMenu .profile-icon:hover{ border-color:#FF7900; } /* .themeUtilsContainer .comm-user-profile-menu .slds-avatar img, .themeUtilsContainer .forceCommunityThemeProfileMenu .profile-icon img{ border: 2px solid #FF7900; border-radius: 50%; } */ .themeUtilsContainer .comm-user-profile-menu .slds-dropdown-trigger .slds-button, .themeUtilsContainer .comm-user-profile-menu .slds-dropdown-trigger .slds-button:hover, .themeUtilsContainer .comm-user-profile-menu .slds-dropdown-trigger .slds-button:focus{ border: 0; border-radius: 50%; box-shadow: none; } .themeUtilsContainer .comm-user-profile-menu .slds-button.comm-user-profile-menu__login-button, .comm-page-custom-access-request .themeUtilsContainer .themeProfileMenu .profile-loginButton, .comm-page-custom-supplier-registration .themeUtilsContainer .themeProfileMenu .profile-loginButton, .comm-page-custom-access-request-success .themeUtilsContainer .themeProfileMenu .profile-loginButton{ background-image: url(/food/resource/1715230792000/MetFoodHomeBanner/userIcon.svg); background-repeat: no-repeat; background-position: center center; background-size: 30px 30px; width: 30px; height: 30px; display: flex; } .themeUtilsContainer .comm-user-profile-menu .slds-button.comm-user-profile-menu__login-button:hover, .themeUtilsContainer .comm-user-profile-menu .slds-button.comm-user-profile-menu__login-button:focus, .comm-page-custom-access-request .themeUtilsContainer .themeProfileMenu .profile-loginButton:hover, .comm-page-custom-access-request .themeUtilsContainer .themeProfileMenu .profile-loginButton:focus, .comm-page-custom-supplier-registration .themeUtilsContainer .themeProfileMenu .profile-loginButton:hover, .comm-page-custom-supplier-registration .themeUtilsContainer .themeProfileMenu .profile-loginButton:focus, .comm-page-custom-access-request-success .themeUtilsContainer .themeProfileMenu .profile-loginButton:hover, .comm-page-custom-access-request-success .themeUtilsContainer .themeProfileMenu .profile-loginButton:focus{ background-image: url(/food/resource/1715230792000/MetFoodHomeBanner/userIconHover.svg); } .comm-page-custom-access-request .forceCommunityThemeProfileMenu.citizenInnerHeader.profile-loginButton, .comm-page-custom-access-request .forceCommunityThemeProfileMenu.citizenInnerHeader.commThemeCmp.profile-loginButton:hover, .comm-page-custom-supplier-registration .forceCommunityThemeProfileMenu.citizenInnerHeader.profile-loginButton, .comm-page-custom-supplier-registration .forceCommunityThemeProfileMenu.citizenInnerHeader.profile-loginButton:hover, .comm-page-custom-access-request-success .forceCommunityThemeProfileMenu.citizenInnerHeader.profile-loginButton, .comm-page-custom-access-request-success .forceCommunityThemeProfileMenu.citizenInnerHeader.commThemeCmp.profile-loginButton:hover{ box-shadow: none; border: 0; background-color: transparent; } .featurednewshead{background: #d9d9d9;margin-bottom: -1.5rem;} body.comm-page-custom-supplier-registration{ background: #194979; } body.comm-page-managed-content-news{ background: #fff; } body.comm-page-custom-file-viewer .siteforceContentArea .contentRegion.comm-layout-column, body.comm-page-custom-our-history .siteforceContentArea .contentRegion.comm-layout-column{ margin: 0; padding:0; } .comm-page-custom-feedback .forceCommunityThemeLogo .logoImage, .comm-page-custom-feedback-success .forceCommunityThemeLogo .logoImage, .comm-page-custom-access-request .forceCommunityThemeLogo .logoImage, .comm-page-custom-become-a-supplier .forceCommunityThemeLogo .logoImage, .comm-page-custom-access-request-success .forceCommunityThemeLogo .logoImage, .comm-page-custom-supplier-experience .forceCommunityThemeLogo .logoImage, .comm-page-custom-knowledge-centre .forceCommunityThemeLogo .logoImage, .comm-page-custom-eoi .forceCommunityThemeLogo .logoImage{ background-image: url(/food//resource/1716805493000/FoodResource/food/metconnect.png); } .comm-page-custom-access-request .forceCommunityThemeNav.citizenInnerHeader .mainNavItem .linkBtn, .comm-page-custom-feedback .forceCommunityThemeNav.citizenHomeHeader .mainNavItem .linkBtn, .comm-page-custom-feedback-success .forceCommunityThemeNav.citizenHomeHeader .mainNavItem .linkBtn, .comm-page-custom-become-a-supplier .forceCommunityThemeNav.citizenHomeHeader .mainNavItem .linkBtn, .comm-page-custom-access-request-success .forceCommunityThemeNav.citizenInnerHeader .mainNavItem .linkBtn, .comm-page-custom-supplier-experience .forceCommunityThemeNav.citizenInnerHeader .mainNavItem .linkBtn, .comm-page-custom-knowledge-centre .forceCommunityThemeNav.citizenInnerHeader .mainNavItem .linkBtn, .comm-page-custom-eoi .forceCommunityThemeNav.citizenHomeHeader .mainNavItem .linkBtn{ color: #4f4f4f !important; } .comm-page-custom-access-request-success .forceCommunityThemeNav.citizenInnerHeader .mainNavItem .linkBtn:hover, .comm-page-custom-access-request .forceCommunityThemeNav.citizenInnerHeader .mainNavItem .linkBtn:hover, .comm-page-custom-feedback .forceCommunityThemeNav.citizenHomeHeader .mainNavItem .linkBtn:hover, .comm-page-custom-feedback-success .forceCommunityThemeNav.citizenHomeHeader .mainNavItem .linkBtn:hover, .comm-page-custom-become-a-supplier .forceCommunityThemeNav.citizenHomeHeader .mainNavItem .linkBtn:hover, .comm-page-custom-eoi .forceCommunityThemeNav.citizenHomeHeader .mainNavItem .linkBtn:hover, .comm-page-custom-supplier-experience .forceCommunityThemeNav.citizenInnerHeader .mainNavItem .linkBtn:hover, .comm-page-custom-supplier-experience .header .themeHeader .forceCommunityThemeNav .mainNavItem .linkBtn.comm-navigation__top-level-item-link--active, .comm-page-custom-become-a-supplier .header .themeHeader .forceCommunityThemeNav.navMenuType-expanded .mainNavItem .linkBtn.comm-navigation__top-level-item-link--active, .comm-page-custom-become-a-supplier .header .themeHeader .forceCommunityThemeNav .mainNavItem .linkBtn.comm-navigation__top-level-item-link--active, .comm-page-custom-access-request .header .themeHeader .forceCommunityThemeNav.navMenuType-expanded .mainNavItem .linkBtn.comm-navigation__top-level-item-link--active, .comm-page-custom-access-request .header .themeHeader .forceCommunityThemeNav .mainNavItem .linkBtn.comm-navigation__top-level-item-link--active, .comm-page-custom-feedback .header .themeHeader .forceCommunityThemeNav.navMenuType-expanded .mainNavItem .linkBtn.comm-navigation__top-level-item-link--active, .comm-page-custom-feedback .header .themeHeader .forceCommunityThemeNav .mainNavItem .linkBtn.comm-navigation__top-level-item-link--active{ color: #FF7900 !important; } .comm-page-custom-supplier-registration .siteforceThemeLayoutStarter .header, .comm-page-custom-feedback .siteforceThemeLayoutStarter .header, .comm-page-custom-feedback-success .siteforceThemeLayoutStarter .header, .comm-page-custom-access-request .siteforceThemeLayoutStarter .header, .comm-page-custom-become-a-supplier .siteforceThemeLayoutStarter .header, .comm-page-custom-access-request-success .siteforceThemeLayoutStarter .header, .comm-page-custom-supplier-experience .siteforceThemeLayoutStarter .header, .comm-page-custom-knowledge-centre .siteforceThemeLayoutStarter .header, .comm-page-custom-eoi .siteforceThemeLayoutStarter .header, .comm-page-custom-my-onboarding .siteforceThemeLayoutStarter .header, .comm-page-my-account .siteforceThemeLayoutStarter .header, .comm-page-detail .siteforceThemeLayoutStarter .header, .comm-page-detail-001 .siteforceThemeLayoutStarter .header{ position: relative; } .comm-page-my-account .siteforceThemeLayoutStarter .header, .comm-page-detail .siteforceThemeLayoutStarter .header, .comm-page-detail-001 .siteforceThemeLayoutStarter .header{ background-color: #194979; } .comm-page-list-a54 .contentRegion, .comm-page-list-a51 .contentRegion, .comm-page-custom-powerbi-reporting-packs .contentRegion{ margin-bottom: 0px; } .search-region .forceCommunityThemeSearch.citizenHomeHeader .search-deflectionItem{ color:#282832; } .search-region .forceCommunityThemeSearch.citizenHomeHeader.commThemeCmp .search-deflectionItem:hover, .search-region .forceCommunityThemeSearch.citizenHomeHeader.commThemeCmp .search-deflectionItem:focus{ color:#FF7900; } .search-region .forceCommunityThemeSearch.citizenHomeHeader .search-deflectionItem .search-deflectionItemSearchIcon .slds-button__icon{ fill:#282832 !important; } .placeholderwrapper .slds-dueling-list__options [aria-selected=true], .placeholderwrapper .slds-listbox_vertical .slds-listbox__option:focus, .placeholderwrapper .slds-listbox_vertical .slds-listbox__option:hover{ background-color :#F68B1F; box-shadow: none; } .myProfile .slds-dueling-list__options [aria-selected=true], .myProfile .slds-listbox_vertical .slds-listbox__option:focus, .myProfile .slds-listbox_vertical .slds-listbox__option:hover{ background-color :#F68B1F; } .myProfile .slds-button .slds-button__icon, .myProfile .slds-button .slds-button__icon { fill: orange; /*padding: 17px 17px 17px 17px; background-color: white; margin-top: 160%;*/ } .supplierexpheadtxt{ margin:2rem auto; max-width: 960px; } .forceCommunityRichText .supplierexpheadtxt h2{ font-family: "Anton", sans-serif; color: #194979; font-size: 32px; line-height: 1.2; font-weight: 400; text-align: center; text-transform: uppercase; } .comm-page-managed-content-news .forceCommunityManagedContentDetail .js-content-title{ font-family: "Poppins", sans-serif; font-size: 2rem; line-height: 1.2; color: #194979; font-weight: 500; margin-top: 2.5rem; } .comm-page-managed-content-news .forceCommunityManagedContentDetail{ width: 90%; } .parentTab .slds-tabs_default__item.slds-is-active, .childTab .slds-tabs_default__item.slds-is-active, .parentTab .slds-tabs_default__item.slds-is-active:hover, .childTab .slds-tabs_default__item.slds-is-active:hover, .parentTab .slds-tabs_default__item.slds-is-active:focus, .childTab .slds-tabs_default__item.slds-is-active:focus{ background-color: #F68B1F; color:#FFFFFF; font-size:14px; } .parentTab .slds-tabs_default__item.slds-is-active:after, .childTab .slds-tabs_default__item.slds-is-active:after{ display:none; } .parentTab .slds-tabs_default .slds-tabs_default__item:after, .childTab .slds-tabs_default .slds-tabs_default__item:after{ background:#949D9E; content:''; position:absolute; right:0; width:1px; height:20px; top:10px; } /*eoi orange color stepper css*/ .customstepprogress.procount .slds-progress__item.slds-is-completed .slds-progress__marker_icon, .customstepprogress.procount .slds-progress__item.slds-is-completed .slds-progress__marker--icon, .customstepprogress.procount .slds-progress__item.slds-is-completed .slds-progress__marker{ color: #FF7900; } .customstepprogress.procount .slds-progress__item.slds-is-completed .slds-progress__marker_icon .slds-icon_xx-small{ width: 3.5rem; height: 3.5rem; } .customstepprogress.procount .slds-progress__item.slds-is-active .slds-progress__marker{ background: #FF7900; box-shadow: #fff 0 0 0 4px; } .customstepprogress.procount .slds-progress-bar__value{ background: #FF7900; } .progressindicater .customstepprogress.procount .slds-progress__marker{ background: #BDBDBD; border: 0; width: 40px; height: 40px; } .progressindicater .customstepprogress.procount .slds-progress-bar{ background: #BDBDBD; height: 0.625rem; } .progressindicater .customstepprogress.procount .slds-progress__item .slds-progress__marker::after{ content: ''; position: absolute; color: #fff; font-size: 24px; line-height: 1.2; font-weight: 700; display: flex; align-items: center; justify-content: center; } .progressindicater .customstepprogress.procount .slds-progress__item:nth-child(1) .slds-progress__marker::after{ content: '1'; } .progressindicater .customstepprogress.procount .slds-progress__item:nth-child(2) .slds-progress__marker::after{ content: '2'; } .progressindicater .customstepprogress.procount .slds-progress__item:nth-child(3) .slds-progress__marker::after{ content: '3'; } .progressindicater .customstepprogress.procount .slds-progress__item:nth-child(4) .slds-progress__marker::after{ content: '4'; } .progressindicater .customstepprogress.procount .slds-progress__item:nth-child(5) .slds-progress__marker::after{ content: '5'; } .progressindicater .customstepprogress.procount .slds-progress__item:nth-child(6) .slds-progress__marker::after{ content: '6'; } .progressindicater .customstepprogress.procount .slds-progress__item:nth-child(7) .slds-progress__marker::after{ content: '7'; } .progressindicater .customstepprogress.procount .slds-progress__item:nth-child(8) .slds-progress__marker::after{ content: '8'; } .progressindicater .customstepprogress.procount .slds-progress__item.slds-is-active .slds-progress__marker::after{ content: ''; position: absolute; color: transparent; background: #fff; border-radius: 50%; font-size: 0; line-height: 0; font-weight: normal; width: 16px; height: 16px; display: flex; align-items: center; justify-content: center; } .progressindicater .customstepprogress.procount .slds-progress__item.slds-is-completed .slds-progress__marker::after{ content: ''; color: transparent; font-size: 0; line-height: 0; } .progressindicater .customstepprogress.procount .slds-progress__item.slds-is-completed .slds-progress__marker{ background: #fff; } .eoiwrapper .buttons .slds-button_neutral { color: #fff; text-align: center; font-size: 16px; font-weight: 400; line-height: normal; border-radius: 44px; padding: 10px 40px; background: #F68B1F; border: 2px solid #F68B1F; box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.25); } .eoiwrapper .buttons .slds-button_neutral:hover{ border: 2px solid #F68B1F; background: #FFF; color: #F68B1F; } .eoiwrapper .buttons .slds-button_neutral:focus, .eoiwrapper .buttons .slds-button_neutral:active{ color:#fff; background: #2977C6; border: 2px solid #2977C6; } .eoiwrapper .slds-form-element .slds-form-element__label{ margin-bottom: 0.5rem; margin-left: 18px; font-size: 16px; color: #4F4F4F; } .eoiwrapper .slds-form-element .slds-input_faux, .eoiwrapper .slds-form-element .slds-input, .eoiwrapper .slds-form-element .slds-textarea{ color: #4F4F4F; font-size: 16px; padding: 7px 28px; border-radius: 44px; background: #FFF; border: 0; box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.25); } .eoiwrapper .slds-form-element .customHeight .slds-textarea{ height:138px; } .eoiwrapper .customHeight46 .slds-textarea{ height:46px; } .eoiwrapper .slds-form-element .slds-input_faux:hover, .eoiwrapper .slds-form-element .slds-input:hover, .eoiwrapper .slds-form-element .slds-textarea:hover{ box-shadow: 0px 0px 15px 0px #00A3FF; } .eoiwrapper .slds-form-element .slds-input_faux:focus, .eoiwrapper .slds-form-element .slds-input:focus, .eoiwrapper .slds-form-element .slds-textarea:focus{ box-shadow: 0px 0px 15px 0px #FF7900; } .eoiwrapper .slds-form-element .slds-input__icon-group_right{ right: 8px; } .eoiwrapper .slds-form-element .slds-input:disabled, .eoiwrapper .slds-form-element .slds-textarea:disabled, .eoiwrapper .slds-form-element .slds-combobox__input:disabled{/*SCIR CSS change*/ background: #E9E9E9; } .eoiwrapper .addressMB .slds-form-element_address .slds-form-element__row{ margin-bottom: 1.5rem; } .hideAddressField .slds-form-element__group .slds-form-element__row:nth-child(3), .hideAddressField .slds-form-element__group .slds-form-element__row:nth-child(4), .hideAddressField .slds-form-element__group .slds-form-element__row:nth-child(5), .hideAddressField .slds-form-element__group .slds-form-element__row:nth-child(6), .hideAddressField .slds-form-element__group .slds-form-element__row.slds-grow .slds-form-element__label{ display:none; } .custom-radio-group .slds-form-element__control, .eoiwrapper .customRadioAlignRow .slds-form-element__control { display: flex; } .custom-radio-group .slds-radio_button-group, .eoiwrapper .customRadioAlignRow .slds-radio_button-group{ display: flex; flex-direction: row; } .custom-radio-group .slds-radio_button, .eoiwrapper .customRadioAlignRow .slds-radio_button { margin-right: 20px; } .custom-radio-group .slds-form-element__control .slds-radio, .eoiwrapper .customRadioAlignRow .slds-form-element__control .slds-radio { margin-left: 25px; } .eoiwrapper .custom-radio-group .slds-radio .slds-radio__label, .eoiwrapper .customRadioAlignRow .slds-radio .slds-radio__label{ display: flex; flex-direction: row; align-items: center; } .eoiwrapper .custom-radio-group .slds-radio [type=radio]:checked+.slds-radio__label .slds-radio_faux:after, .eoiwrapper .customRadioAlignRow .slds-radio [type=radio]:checked+.slds-radio__label .slds-radio_faux:after{ background-color: #FF7900; } .eoiwrapper .slds-radio [type=radio]:focus+.slds-radio__label .slds-radio_faux, .eoiwrapper .custom-radio-group .slds-radio [type=radio]:focus+.slds-radio__label .slds-radio_faux, .eoiwrapper .customRadioAlignRow .slds-radio [type=radio]:focus+.slds-radio__label .slds-radio_faux{ border-color: #FF7900; border-width: 2px; box-shadow:0 0 0 #FF7900; } .eoiwrapper .slds-form-element__legend.slds-form-element__label{ font-weight:normal; } .eoiwrapper .slds-form-element .slds-form-element__help{ margin-left:17px; } .customPillChild .customLightningPill{ margin-right: 10px; } .customPillChild .customLightningPill .slds-pill .slds-pill__label{ font-weight: 700; margin-top: 1px; } .customPillChild .customLightningPill .slds-pill .slds-pill__remove .slds-button.slds-button_icon.slds-button_icon-bare{ border: 2px solid white; border-radius: 50%; margin-left: 14px; } .customPillChild .customLightningPill .slds-pill .slds-button__icon{ fill: white; } .customPillChild .customLightningPill .slds-pill, .customPillChild .customLightningPill .slds-pill:hover, .customPillChild .customLightningPill .slds-pill:focus{ background-color:#FF7900; border:2px solid #FFB800; padding: 0px 1.2rem 0 1rem; border-radius:15px; margin-bottom: 5px; } .eoiwrapper .tooltipinfo .tooltiptxt .slds-button__icon { width: 19px; height: 19px; fill: #194979; } .eoiwrapper .slds-required{ margin-right: 10px; } .eoiwrapper .slds-accordion{ padding:20px 0px; } .eoiwrapper .slds-accordion__summary-content{ font-family: "Poppins", sans-serif; font-size:24px; color:#949D9E; font-weight:400; margin-left:1rem; } .eoiwrapper .slds-accordion .slds-is-open .slds-accordion__summary-content{ color:#FF7900; font-weight:600; } .eoiwrapper .slds-accordion__summary{ border-radius: 15px; background:#F3F3F3; padding-left: 30px; } .eoiwrapper .slds-accordion__section.slds-is-open .slds-accordion__summary{ background:#ffffff; border-radius: 15px; padding-left: 10px; } .eoiwrapper .slds-accordion__section.slds-is-open{ padding: 20px 30px; background:#ffffff; border-radius: 15px; } .eoiwrapper .slds-is-open>.slds-accordion__content{ font-size:16px; line-height:1.4; color:#949D9E; } .eoiwrapper .slds-accordion__summary-heading .slds-button:focus{ box-shadow:none; } .eoiwrapper .slds-accordion__list-item{ margin-bottom:4px; } .eoiwrapper .slds-is-open>.slds-accordion__content .summarytable .tbody .th, .eoiwrapper .slds-accordion__content .summarytable .tbody .th{ background-color:#949D9E; color:#FFFFFF; font-size:16px; } .eoiwrapper .slds-is-open>.slds-accordion__content .summarytable .tbody .td, .eoiwrapper .slds-accordion__content .summarytable .tbody .td{ background-color:#E9E9E9; color:#A1A9AA; font-size:16px; } .eoiwrapper .dotted-box .slds-icon-action-close{ background-color:#FF7900; } .eoiwrapper .font14 .slds-checkbox .slds-checkbox__label .slds-form-element__label{ font-size: 14px; } .eoiwrapper .slds-accordion__summary-heading .slds-button__icon_left:hover, .eoiwrapper .slds-accordion__summary-heading .slds-button__icon_left:hover svg, .eoiwrapper .slds-accordion__summary-heading .iconColor svg , .eoiwrapper .slds-accordion__summary-heading .slds-button__icon_left{ fill:#FF7900; } .myAccount .slds-accordion__summary-heading .slds-accordion__summary-content { font-family: "Poppins", sans-serif; font-size: 24px; color:#194979; } .myAccount .slds-accordion__summary-heading .slds-button__icon_left { fill:#FF7900; } .myAccount .txtBlue .slds-form-element__label{ color:#949D9E; } .myQuery .slds-tabs_default__nav, .slds-tabs--default__nav { border-bottom-style: none; } .buttonDiv .slds-form-element__help, .slds-form-element__helper{ display :none; } .myQuery .slds-form-element__help, .slds-form-element__helper{ display :none; } .myProfile .slds-dueling-list__options [aria-selected=true], .slds-picklist__options [aria-selected=true]{ background-color:#FF7900 ; } .myProfile .slds-accordion__summary-heading .slds-button__icon_left { fill:#FF7900; } .myProfile .slds-accordion__summary-content{ font-family: "Poppins", sans-serif; font-size:20px; color:#949D9E; font-weight:500; margin-left:1rem; } .outputfield .slds-form-element__control .slds-form-element__static{ color:#194979; font-weight:600; } .outputfield .slds-form-element_horizontal .slds-form-element__control{ padding-left:28%; } .outputfield .slds-form-element_horizontal .slds-form-element__label{ max-width:28%; font-weight:600; } .outputfield .casenumber.slds-form-element_horizontal .slds-form-element__label{ max-width:38%; } .outputfield .casenumber.slds-form-element_horizontal .slds-form-element__control{ padding-left:38%; } .myProfile .additional-info-container .additional-info .slds-form-element_horizontal .slds-form-element__label, .myProfile .additional-info-container .additional-info .slds-form-element_horizontal .slds-form-element__icon{ float: none; } .myProfile .additional-info-container .additional-info .slds-form-element_horizontal .slds-form-element__control{ padding-top:0px; } .myProfile .slds-accordion .slds-is-open .slds-accordion__summary-content{ color:#FF7900; font-weight:500; } .lstbox .slds-dueling-list__column_responsive{ min-width:auto; } .greyfldbox .slds-form-element_stacked .slds-form-element__label{ color:#949D9E; } .myProfile .slds-form-element .slds-input{ border-radius: 44px; } .myProfile .slds-accordion__summary-heading .slds-button__icon_left:hover, .myProfile .slds-accordion__summary-heading .slds-button__icon_left:hover svg, .myProfile .slds-accordion__summary-heading .iconColor svg , .myProfile .slds-accordion__summary-heading .slds-button__icon_left{ fill:#FF7900; } @media (min-width: 48em) { .myProfile .slds-form-element_horizontal .slds-form-element__control, .slds-form_horizontal .slds-form-element .slds-form-element__control, .slds-form_stacked .slds-form-element_horizontal .slds-form-element__control { padding-left: 0%; padding-top:4%; clear: none; } .myProfile .additional-info-container .additional-info .slds-form-element_horizontal .slds-form-element__label, .myProfile .additional-info-container .additional-info .slds-form-element_horizontal .slds-form-element__icon{ float: none; } .myProfile .additional-info-container .additional-info .slds-form-element_horizontal .slds-form-element__control{ padding-top:0px; } } .comm-page-custom-contact-us .contentRegion{ margin-bottom: 0px; } .comm-page-custom-myteam .contentwrapper .slds-tabs_default__content{ padding-bottom:0px; } .comm-page-custom-myteam .forceCommunitySection .cb-section_column:only-child{ padding:0px 16px 16px 0px; } .comm-page-custom-contact-us .contentRegion .slds-box{ padding-bottom: 20px; } .comm-page-managed-content-news .footer{ margin-top:6rem; } /*metconnect changes my queries*/ .placeholderwrapper .slds-input::placeholder, .placeholderwrapper .slds-input_faux::placeholder, .placeholderwrapper .slds-textarea::placeholder { color: #4F4F4F; } .placeholderwrapper .slds-dueling-list__options, .placeholderwrapper .textarea-container .slds-textarea{ color: #4F4F4F; font-size: 16px; border-radius: 15px; background: white; padding: 20px 28px; border: 0; } .placeholderwrapper .slds-dueling-list__column .slds-form-element__label{ font-family: Poppins; font-size: 110%; font-weight: 400; margin-left: 7%; padding-bottom: 1%; color: gray; } .placeholderwrapper .slds-combobox .slds-combobox__input[data-value="Type *"], .placeholderwrapper .slds-combobox .slds-combobox__input[data-value="Case Sub Type *"], .placeholderwrapper .slds-combobox .slds-combobox__input[data-value="Department"], .placeholderwrapper .slds-combobox .slds-combobox__input[data-value="Category"], .placeholderwrapper .slds-combobox .slds-combobox__input[data-value="State (Serviced From)"] { color: #BDBDBD; } .placeholderwrapper .slds-dueling-list .slds-dueling-list__column{ padding: 5px 5px 5px 5px } .placeholderwrapper .slds-button .slds-button__icon, .placeholderwrapper .slds-button .slds-button__icon { fill: orange; } .placeholderwrapper .slds-dueling-list__column .slds-dueling-list__column .placeholderwrapper .slds-dueling-list__column .slds-button{ background: white; } .profile-avatar .slds-avatar{ background-image: url(/food/resource/1727104764000/metconnectprofile/useravatar.png); background-repeat: no-repeat; background-position: center center; border-radius: 50%; width: 48px; height: 48px; overflow: hidden; } .menuheadcontent .userprofile .profilepic{ background-image: url(/food/resource/1727104764000/metconnectprofile/useravatar.png); background-repeat: no-repeat; background-position: center center; border-radius: 50%; width: 43px; height: 43px; overflow: hidden; } .profile-avatar .slds-avatar img{ border-radius: 50%; width: 48px; height: 48px; } .profile-picture .slds-icon-action-add-photo-video{ background-color: transparent; } @media only screen and (max-width: 1920px) { .boxcontainer .boxpan{ max-height: 520px; } } @media only screen and (max-width: 1640px) { .boxcontainer .boxpan{ max-height: 500px; } } @media only screen and (max-width: 1440px) { .boxcontainer .boxpan{ max-height: 480px; } .boxcontainer .boxtxtdetail .head2{ font-size:44px; } .boxcontainer .boxtxtdetail p{ font-size: 16px; } .forceCommunityRichText .sectionhead2{ font-size: 44px; } } @media only screen and (max-width: 1280px) { .myAccount .slds-accordion__summary-heading .slds-accordion__summary-content { font-size: 20px; } .boxcontainer .boxpan{ max-height: 400px; } .boxcontainer .boxtxtdetail .head2{ font-size:40px; } .forceCommunityRichText .sectionhead2{ font-size: 40px; } .comm-page-home .js-dynamic-collection .carouselSlide .js-content .slds-container_center .js-content-title h2{ font-size: 24px; } .eoiwrapper .slds-form-element .slds-input_faux, .eoiwrapper .slds-form-element .slds-input, .eoiwrapper .slds-form-element .slds-textarea, .eoiwrapper .slds-form-element .slds-form-element__label, .eoiwrapper .buttons .slds-button_neutral, .slds-checkbox .slds-checkbox__label .slds-form-element__label{ font-size: 14px; } } @media only screen and (max-width: 1023px) { .boxcontainer .boxtxtdetail p{ font-size:14px; } } @media only screen and (max-width: 991px) { .boxcontainer{ flex-direction: column; } .boxcontainer .boxpan{ max-width:100%; flex-basis:100%; max-height: none; } .boxcontainer .boxpan.order-sm{ order: 2; } .comm-page-managed-content-news .forceCommunityManagedContentDetail .js-content-title{ font-size: 1rem; } } @media only screen and (max-width: 767px) { .comm-page-home .js-dynamic-collection .carouselSlide .js-content .slds-container_center .js-content-title h2{ font-size: 18px; } }