:root { --dxp-g-root-font-family: Arial, sans-serif; --dxp-s-body-font-family: var(--dxp-g-root-font-family); --dxp-s-text-heading-large-font-family: var(--dxp-g-root-font-family); --dxp-s-text-heading-medium-font-family: var(--dxp-g-root-font-family); --dxp-s-body-small-font-family: ; --dxp-s-button-font-family: var(--dxp-g-root-font-family); --dxp-s-button-font-weight: 400; --dxp-s-tertiary-button-text-color-focus: #102A3F; } /* Estilos para mobile */ @media (max-width: 767px) { .tile-align-button { width: 90%; margin: 0 auto; padding: 16px !important; height: auto !important; /* Botao return do asset */ .asset-buttom a.lwc-68jnud16dda.slds-button.slds-button_brand.dxp-button-large { background-color: #E46C0A !important; color: white !important; border-radius: 4px !important; padding: 16px 32px !important; font-size: 16px !important; cursor: pointer !important; border-color: #E46C0A; transform: translateY(-80px); /* exemplo para subir o botão */ } } .tile-align-button .mrs-buttonTile { position: static !important; width: 100% !important; margin-top: 8px; transform: none !important; } } .tile-align-button { position: relative !important; height: 500px !important; padding-bottom: 50px !important; } .tile-align-button .mrs-buttonTile { position: absolute !important; bottom: 20px !important; left: 50% !important; width: 100% !important; box-sizing: border-box !important; transform: translateX(-50%) !important; } @media screen { /* BUTTONS */ dxp_content_layout-button-group {margin-top: 0 !important} .cta-buttons > div {width: 100%} /* BUTTONS FULL AUTO */ .buttons-full-auto .cta-buttons {align-items: center; --dxp-c-button-group-alignment: center} .buttons-full-auto .cta-buttons .secondaryButton {width: auto} .mrs-buttonTile {background-color: transparent !important; --dxp-c-button-group-width: 100%} .mrs-buttonTile > * {background-color: transparent !important} .mrs-buttonTile .slds-button {border: 0; padding-right: 90px; height: 100%; display: inline-flex; font-weight: 400; user-select: none; vertical-align: middle; box-shadow: none !important; border-radius: 0 !important; letter-spacing: 0; line-height: 1; overflow: hidden; position: relative; text-align: left; justify-content: inherit; --sds-c-button-brand-color-background: #FFF; --slds-c-button-brand-text-color: #75787B; --dxp-s-button-padding: 20px; --dxp-s-button-padding-block-start: 18px; --dxp-s-button-padding-block-end: 18px; --dxp-s-button-font-size: 16px; --dxp-s-button-small-font-size: 14px; --dxp-s-button-large-font-size: 18px} .mrs-buttonTile .slds-button:before {background-color: #0F4A6D; content: ""; display: block; height: 100%; width: 96px; position: absolute; right: -26px; top: 0; transform: skewX(-17deg); transition: right .3s ease; touch-action: none; pointer-events: none} .mrs-buttonTile .slds-button:after {content: ''; display: block; position: absolute; right: 27px; top: 50%; width: 12px; height: 25px; transform: translateY(-50%); pointer-events: none; touch-action: none; transition: right .3s ease; background: no-repeat center center / cover; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMjciIHZpZXdCb3g9IjAgMCAxNSAyNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuMDQ0OTIgMS42Njk5MkwxMi44NDIxIDEzLjk1ODZMMS4wNDQ5MiAyNi4yNDczIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuOTY2MTkiLz4KPC9zdmc+Cg==)} .mrs-buttonTile .slds-button:hover {--slds-c-button-brand-color-background-hover: var(--sds-c-button-brand-color-background); --sds-c-button-brand-text-color-hover: var(--slds-c-button-brand-text-color)} .mrs-buttonTile .slds-button:hover:before {right: -13px} .mrs-buttonTile .slds-button:focus {--slds-c-button-brand-color-background-focus: var(--sds-c-button-brand-color-background); --slds-c-button-brand-color-background-hover: var(--sds-c-button-brand-color-background); --sds-c-button-brand-color: var(--slds-c-button-brand-text-color); --sds-c-button-brand-text-color-hover: var(--slds-c-button-brand-text-color); --sds-c-button-text-color-hover: var(--slds-c-button-brand-text-color); --sds-c-button-shadow-focus: 0 0 2px} .mrs-buttonTile .slds-button:focus:before {right: -30px} .mrs-buttonTile .dxp-button-small {padding-right: 80px; --dxp-s-button-small-padding-block-start: 19px; --dxp-s-button-small-padding-block-end: 19px; --dxp-s-button-small-padding: 20px} .mrs-buttonTile .dxp-button-small:before {width: 80px} .mrs-buttonTile .dxp-button-small:after {height: 20px; right: 20px} .mrs-buttonTile .dxp-button-large {padding-right: 106px; --dxp-s-button-large-padding-block-start: 20px; --dxp-s-button-large-padding-block-end: 20px; --dxp-s-button-large-padding: 20px} .mrs-buttonTile .dxp-button-large:before {width: 106px} .mrs-buttonTile.-txt-blue .slds-button {--slds-c-button-brand-text-color: #044180} .mrs-buttonTile.-txt-blue2 .slds-button {--slds-c-button-brand-text-color: #0090C5} .mrs-buttonTile.-txt-green .slds-button {--slds-c-button-brand-text-color: #6BC200} .mrs-buttonTile.-txt-gray .slds-button {--slds-c-button-brand-text-color: #75787B} .mrs-buttonTile.-txt-orange .slds-button {--slds-c-button-brand-text-color: #E76C08} .mrs-buttonTile.-txt-red .slds-button {--slds-c-button-brand-text-color: #F04E4C} .mrs-buttonTile.-txt-white .slds-button {--slds-c-button-brand-text-color: #FFF} .mrs-buttonTile.-txt-dark-blue .slds-button {--slds-c-button-brand-text-color: #002B4B} .mrs-buttonTile.-txt-dark-gray .slds-button {--slds-c-button-brand-text-color: #444} .mrs-buttonTile.-flg-blue .slds-button:before {background-color: #044180} .mrs-buttonTile.-flg-green .slds-button:before {background-color: #459D43} .mrs-buttonTile.-flg-red .slds-button:before {background-color: #F04E4C} .mrs-buttonTile.-flg-orange .slds-button:before {background-color: #D4542A} .mrs-buttonTile.-flg-white .slds-button:before {background-color: #FFF} .mrs-buttonTile.-flg-dark-blue .slds-button:before {background-color: #002B4B} .mrs-buttonTile.-flg-dark-gray .slds-button:before {background-color: #0090C5} /*TROCAR COR DO BOTAO ULTIMO CARD*/ .mrs-buttonTile.-flg-icon-plus .slds-button:after {width: 18px; height: 18px; background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE4IDE4IiB3aWR0aD0iMTgiIGhlaWdodD0iMTgiPjxzdHlsZT4uYXtmaWxsOm5vbmU7c3Ryb2tlOiNmZmY7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLXdpZHRoOjEuMn08L3N0eWxlPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xhc3M9ImEiIGQ9Im0wLjYgOWgxNiIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xhc3M9ImEiIGQ9Im04LjYgMXYxNiIvPjwvc3ZnPg==)} .mrs-buttonTile.-flg-icon-green .slds-button:after {filter: brightness(0) saturate(100%) invert(74%) sepia(12%) saturate(2180%) hue-rotate(59deg) brightness(85%) contrast(86%)} .mrs-buttonTile.-bg-gray .slds-button {--sds-c-button-brand-color-background: #F3F3F3} .mrs-buttonTile.-bg-gray .slds-button:after {filter: brightness(0) saturate(100%) invert(99%) sepia(60%) saturate(20%) hue-rotate(208deg) brightness(112%) contrast(91%)} .mrs-buttonTile.-bg-dark-blue .slds-button {--sds-c-button-brand-color-background: #002C4A} .mrs-buttonTile.-bg-dark-blue .slds-button:after {filter: brightness(0) saturate(100%) invert(13%) sepia(86%) saturate(1150%) hue-rotate(176deg) brightness(92%) contrast(103%)} .mrs-buttonTile.-bg-dark-orange .slds-button {--sds-c-button-brand-color-background: #D7581E} .mrs-buttonTile.-bg-dark-orange .slds-button:after {filter: brightness(0) saturate(100%) invert(35%) sepia(95%) saturate(551%) hue-rotate(339deg) brightness(104%) contrast(100%)} .mrs-buttonTile.-bg-dark-gray .slds-button {--sds-c-button-brand-color-background: #60626E} .mrs-buttonTile.-bg-dark-gray .slds-button:after {filter: brightness(0) saturate(100%) invert(42%) sepia(0%) saturate(5923%) hue-rotate(280deg) brightness(84%) contrast(68%)} .mrs-buttonTile.download-button .slds-button {--dxp-s-button-small-padding: 65px; background: var(--sds-c-button-brand-color-background) no-repeat 27px center / 23px auto; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMyAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuNjAxNTYgMTAuMjE3NEwxMS42MDE2IDE0LjgyNjFMMTUuNjAxNiAxMC4yMTc0IiBzdHJva2U9IiM0NDQ0NDQiIHN0cm9rZS13aWR0aD0iMS4zIiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xMS42MDE2IDFWMTMuNjczOSIgc3Ryb2tlPSIjNDQ0NDQ0IiBzdHJva2Utd2lkdGg9IjEuMyIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIvPgo8cGF0aCBkPSJNMS42MDE1NiAxMS44MjZWMTkuODkxM0gyMS42MDE2VjExLjgyNiIgc3Ryb2tlPSIjNDQ0NDQ0IiBzdHJva2Utd2lkdGg9IjEuMyIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K)} } .slds-card__header { height: 0px !important; } /* ELEMENTS */ html, body {height: 100%} html {background: #FFF} body {margin: 0; overflow-x: hidden} webruntime-app {overflow-x: hidden} community_byo-scoped-header-and-footer {overflow-x: hidden} community_layout-hidden-region {height: 0; display: flex} dxp_base-video {border-radius: 15px; overflow: hidden} @keyframes fadeOut {0% {visibility: visible; opacity: 1} 100% {visibility: hidden; opacity: 0; width: 0 !important; min-width: 0 !important; overflow: hidden}} @keyframes fadeIn {from {opacity: 0; transform: translateY(15px)} to {opacity: 1; transform: translateY(0)}} /* TEXT COLORS */ .-txt-violet, .-txt-violet * {--dxp-c-text-block-text-color: #5C2D91; --dxp-c-link-text-color: var(--dxp-c-text-block-text-color); color: var(--dxp-c-text-block-text-color)} .-txt-blue, .-txt-blue * {--dxp-c-text-block-text-color: #044180; --dxp-c-link-text-color: var(--dxp-c-text-block-text-color); color: var(--dxp-c-text-block-text-color)} .-txt-red, .-txt-red * {--dxp-c-text-block-text-color: #F04E4C; --dxp-c-link-text-color: var(--dxp-c-text-block-text-color); color: var(--dxp-c-text-block-text-color)} .-txt-green, .-txt-green * {--dxp-c-text-block-text-color: #6BC200; --dxp-c-link-text-color: var(--dxp-c-text-block-text-color); color: var(--dxp-c-text-block-text-color)} .-txt-orange, .-txt-orange * {--dxp-c-text-block-text-color: #D4542A; --dxp-c-link-text-color: var(--dxp-c-text-block-text-color); color: var(--dxp-c-text-block-text-color)} .-txt-dark-blue, .-txt-dark-blue * {--dxp-c-text-block-text-color: #002B4B; --dxp-c-link-text-color: var(--dxp-c-text-block-text-color); color: var(--dxp-c-text-block-text-color)} .-txt-dark-gray, .-txt-dark-gray * {--dxp-c-text-block-text-color: #75787B; --dxp-c-link-text-color: var(--dxp-c-text-block-text-color); color: var(--dxp-c-text-block-text-color)} .-txt-white, .-txt-white * {--dxp-c-text-block-text-color: #FFF; --dxp-c-link-text-color: var(--dxp-c-text-block-text-color); color: var(--dxp-c-text-block-text-color)} /* BACKGROUND COLORS */ .-bg-white, .-bg-white * {background-color: #FFF} .-bg-gray, .-bg-gray * {background-color: #F6F6F6} .-bg-green, .-bg-green * {background-color: #6BC200} .-bg-orange, .-bg-orange * {background-color: #D4542A} .-bg-dark-blue, .-bg-dark-blue * {background-color: #102A3F} .-bg-medium-gray, .-bg-medium-gray * {background-color: #8A8A8A} /* TEXT ALIGN */ .txt-right {text-align: right !important} .txt-left {text-align: left !important} .txt-center {text-align: center !important} .txt-justify {text-align: justify !important} /* ALIGN */ .justify-center {justify-content: center !important} .align-center {align-items: center !important} /* ONLY ICON */ *.-only-icon, *.-only-icon .slds-button {font-size: 0 !important} /* MESSAGES */ .error-message[role="alert"] {margin: 1rem 0; padding: 0.75rem 1rem; border: 1px solid #F04E4C; background-color: #fdecea; color: #F04E4C; border-radius: 4px; font-size: 0.95rem} .success-message {padding: 2rem; text-align: center; animation: fadeIn 0.5s ease forwards} /* TRANSITIONS */ .fade-enter, .fade-leave-to {opacity: 0; transition: opacity 0.4s ease-in-out} .fade-enter-active, .fade-leave-active {transition: opacity 0.4s ease-in-out} /* POSITIONING */ .position-relative { position: relative } /* HEADER */ @media screen { header community_layout-section:not(.top).comm-section-container {padding-top: 0 !important; padding-bottom: 0 !important} header .top.comm-section-container {position: relative; z-index: 1; padding-top: var(--dxp-style-c-padding-top); padding-bottom: var(--dxp-style-c-padding-bottom); --dxp-style-c-padding-top: 20.75px; --dxp-style-c-padding-bottom: 20.75px;--dxp-c-l-section-vertical-align: flex-start !important;} header > div.community_byo-scoped-header-and-footer__header-content {background-color: #0F4A6D !important} header .master {position: relative; background-color: inherit} header .master::before {content: ''; z-index: 0; position: absolute; top: 0; left: -1%; width: 102%; height: 145%; transform: rotate(176.7deg); background-color: inherit; background-color: #0F4A6D;} header dxp_content_layout-site-logo {padding-top: var(--dxp-style-c-padding-top); padding-bottom: var(--dxp-style-c-padding-bottom); --dxp-style-c-padding-top-m: 10px; --dxp-style-c-padding-bottom-m: 10px; --dxp-style-c-padding-top: 23px; --dxp-style-c-padding-bottom: 9.38px} header .dxp-content-layout-site-logo {display: inline-block !important; min-width: calc((var(--dxp-c-l-logo-width, 100) * 1px)); --dxp-c-s-logo-width: 166; --dxp-c-m-logo-width: 166; --dxp-c-l-logo-width: 290} header .logo-anchor {--dxp-c-s-alignment: center; --dxp-c-m-alignment: center} header .column-content .interactions-region, header community_layout-column:last-of-type .column-content {flex-direction: row; align-items: center; gap: 10px} header .comm-customizable-navigation-bar {--dxp-c-nav-bar-menu-item-color: #FFF; --dxp-c-nav-bar-menu-item-hover-color: #FFF; --dxp-c-nav-bar-hover-line-color: #FFF} header .comm-customizable-navigation-bar a {padding: 2.5px 0 !important; border-top: var(--dxp-c-nav-bar-active-line-weight, 3px) solid transparent; --dxp-c-nav-bar-active-line-weight: 2px; --dxp-c-nav-bar-hover-line-weight: 2px; --dxp-c-nav-bar-menu-item-active-color: #FFF; --dxp-c-nav-bar-active-line-color: transparent} header .comm-customizable-navigation-bar button {padding: 2.5px 0 !important; --dxp-c-nav-bar-menu-item-active-color: #FFF; --dxp-c-nav-bar-active-line-color: #FFF} header .comm-customizable-navigation-bar .spacer {position: relative} header .-primary .comm-customizable-navigation-bar .spacer::before {content: ''; position: absolute; left: 50%; top: 0; width: 1px; height: 100%; background: #FFF} header .comm-customizable-navigation-bar .spacer:last-of-type::before {content: none} header community_navigation-customizable-navigation-menu {margin-bottom: 0 !important; flex: 1} header dxp_search-search-input {max-width: 190px} header .top dxp_search-search-input {max-width: 280px} header .input-wrapper {border: 0 !important} header .input-container {border-bottom: 1px solid #FFF; --lwc-colorBackgroundInput: transparent; --b2b-search-color-text-placeholder: #FFF !important; flex-direction: row-reverse} header .search-input-without-button {background: none !important; font-size: 17px; padding-left: 36px !important; --lwc-spacingSmall: 1.0005rem} header community_navigation-customizable-navigation-trigger .slds-icon {--sds-c-icon-color-foreground: #FFF} header .slds-icon-text-default {--slds-c-icon-color-foreground: #FFF} header .slds-input__icon {width: 19px !important; height: 18px !important; left: 0 !important; margin: 0 9px; margin-top: auto !important; transform: translateY(-50%); background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE5IDE4IiB3aWR0aD0iMTkiIGhlaWdodD0iMTgiPjxzdHlsZT4uYXtmaWxsOm5vbmU7c3Ryb2tlOiNmZmZ9PC9zdHlsZT48cGF0aCBjbGFzcz0iYSIgZD0ibTE0LjQgMTMuOWw0IDMuOSIvPjxwYXRoIGNsYXNzPSJhIiBkPSJtMTQuNCAxNC40Yy0zLjEgMy04LjEgMy0xMS4xIDAtMy4xLTMuMS0zLjEtOC4xIDAtMTEuMSAzLTMuMSA4LTMuMSAxMS4xIDAgMyAzIDMgOCAwIDExLjF6Ii8+PC9zdmc+)} header .slds-input__icon > use {display: none} header dxp_data_provider-image-data-provider {height: 100%} header .session {background-color: #10384F; color: #FFF; position: relative; height: 100%; margin-left: 36px; padding-left: 25px; display: flex; align-items: center} header .session::before {content: ''; position: absolute; top: 0; left: -21px; width: 100vw; height: 100%; background-color: inherit; transform: skewX(-17deg)} header community_builder-output-rich-text, header .cb-outputRichText {position: relative} header .cb-outputRichText-container {display: flex; align-items: center} header .session a {color: #FFF !important; display: flex; align-items: center} header .session .spacer {border-left: 1px solid #FFF; height: 30px; margin: 0 15px} /*header .session {background-color: #002C4A; color: #FFF; position: relative; height: 100%; margin-left: 36px; padding-left: 25px; display: flex; align-items: center} header .session::before {content: ''; position: absolute; top: 0; left: -21px; width: 100vw; height: 100%; background-color: inherit; transform: skewX(-17deg)} header community_builder-output-rich-text {position: relative} header .cb-outputRichText-container {display: flex; align-items: center} header .session a {color: #FFF !important; display: flex; align-items: center} header .session .spacer {border-left: 1px solid #FFF; height: 30px; margin: 0 15px}*/ header .user-icon::before {content: ''; display: inline-block; margin-right: 15px; width: 20px; height: 22px; background: no-repeat 0 0 / cover; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMCAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iOS42ODk3MiIgY3k9IjUuOTMzNTQiIHI9IjUuMDg2MjEiIHN0cm9rZT0id2hpdGUiLz4KPHBhdGggZD0iTTE5IDIxLjc2MTFDMTkgMTYuNzkwNiAxNC45NzA2IDEyLjc2MTEgMTAgMTIuNzYxMUM1LjAyOTQ0IDEyLjc2MTEgMSAxNi43OTA2IDEgMjEuNzYxMSIgc3Ryb2tlPSJ3aGl0ZSIvPgo8L3N2Zz4K)} header .top {background-color: #102A3F} } /* Tablet */ @media (max-width: 1024px) { community_byo-scoped-header-and-footer header {margin-bottom: 28px} header .master::before {height: 125%; transform: rotate(178.5deg)} header .dxp-content-layout-site-logo {min-width: calc((var(--dxp-c-l-logo-width-m, 100) * 1px))} header dxp_content_layout-site-logo {padding-top: var(--dxp-style-c-padding-top-m); padding-bottom: var(--dxp-style-c-padding-bottom-m)} header dxp_content_layout-site-logo .dxp-content-layout-site-logo {max-height: 40px !important} header dxp_data_provider-image-data-provider:first-of-type {order: 2; flex: 1} header community_navigation-customizable-navigation-menu {order: 1; flex: none} header community_navigation-customizable-navigation-hamburger-menu-container {max-width: 25px} header community_navigation-customizable-navigation-menu ~ * {order: 3} header dxp_search-search-input {max-width: 150px; order: 3} /* header dxp_data_provider-image-data-provider:last-of-type {order: 4} */ header .session {padding-left: 10px; margin-left: 26px} header .session::before {left: -10px} header .session a {font-size: 14px} header .top {display: none !important} header .-primary community_navigation-customizable-navigation-accordion-list {height: calc(100vh - 50px); height: calc(100dvh - 50px); overflow-y: auto; display: flex; flex-direction: column; justify-content: space-between; gap: 35px} header .-primary .-secondary.comm-customizable-navigation-accordion-list {background: #102A3F; padding: 15px 0; border-bottom: 0 !important} header .-primary .-secondary.comm-customizable-navigation-accordion-list li {border-top: 0 !important; --dxp-c-accordion-menu-item-background-color: #102A3F} header .-primary .-secondary.comm-customizable-navigation-accordion-list a {--dxp-c-accordion-menu-item-color: #FFF} } /* Mobile */ @media (max-width: 767px) { community_byo-scoped-header-and-footer header {margin-bottom: 19px !important} header .master::before {height: 116% !important; transform: rotate(177.5deg) !important} header community_layout-section {padding-right: 10px} header .dxp-content-layout-site-logo {min-width: calc((var(--dxp-c-l-logo-width-s, 100) * 1px))} header dxp_content_layout-site-logo {padding-top: var(--dxp-style-c-padding-top-s); padding-bottom: var(--dxp-style-c-padding-bottom-s)} header .session {padding-left: 0 !important; margin-left: 16px !important} header .session a {font-size: 0 !important} header .user-icon::before {margin-right: 0; width: 22px; height: 22px; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiIGNsYXNzPSIiPjxnPjxwYXRoIGQ9Ik0xNC41IDIxaC00QTIuNTAzIDIuNTAzIDAgMCAxIDggMTguNXYtMmEuNS41IDAgMCAxIDEgMHYyYzAgLjgyNy42NzMgMS41IDEuNSAxLjVoNGEuNS41IDAgMCAxIDAgMXpNMTAuNSAxMUguNWEuNS41IDAgMCAxIDAtMWgxMGEuNS41IDAgMCAxIDAgMXoiIGZpbGw9IiNmZmYiIG9wYWNpdHk9IjEiIGRhdGEtb3JpZ2luYWw9IiNmZmYiIGNsYXNzPSIiPjwvcGF0aD48cGF0aCBkPSJNMTYgMjRjLTEuMTAzIDAtMi0uODk3LTItMlY0YzAtLjg2LjU1Mi0xLjYyMSAxLjM3My0xLjg5NWw2LTJDMjEuNTYzLjAzNyAyMS43NzggMCAyMiAwYzEuMTAzIDAgMiAuODk3IDIgMnYxOGMwIC44NTktLjU1MSAxLjYyMS0xLjM3MiAxLjg5NGwtNiAyQTEuODc3IDEuODc3IDAgMCAxIDE2IDI0em02LTIzYS45MjUuOTI1IDAgMCAwLS4zLjA1bC02LjAxMSAyLjAwNEEuOTk4Ljk5OCAwIDAgMCAxNSA0djE4YzAgLjU1MS40NDkgMSAxIDFhLjkyLjkyIDAgMCAwIC4zMDItLjA1MWw2LjAxLTIuMDAzYy40MTEtLjEzOC42ODgtLjUxOC42ODgtLjk0NlYyYzAtLjU1MS0uNDQ5LTEtMS0xeiIgZmlsbD0iI2ZmZiIgb3BhY2l0eT0iMSIgZGF0YS1vcmlnaW5hbD0iI2ZmZiIgY2xhc3M9IiI+PC9wYXRoPjxwYXRoIGQ9Ik04LjUgNWEuNS41IDAgMCAxLS41LS41di0yQzggMS4xMjIgOS4xMjIgMCAxMC41IDBIMjJhLjUuNSAwIDAgMSAwIDFIMTAuNUM5LjY3MyAxIDkgMS42NzMgOSAyLjV2MmEuNS41IDAgMCAxLS41LjV6TTYuNSAxNWEuNS41IDAgMCAxLS4zNTQtLjg1M0w5Ljc5MyAxMC41IDYuMTQ2IDYuODU0YS41LjUgMCAwIDEgLjcwNy0uNzA3bDQgNGEuNS41IDAgMCAxIDAgLjcwN2wtNCA0QS40OTguNDk4IDAgMCAxIDYuNSAxNXoiIGZpbGw9IiNmZmYiIG9wYWNpdHk9IjEiIGRhdGEtb3JpZ2luYWw9IiNmZmYiIGNsYXNzPSIiPjwvcGF0aD48L2c+PC9zdmc+)} header .register-icon::before {content: ''; display: inline-block; width: 20px; height: 22px; background: no-repeat 0 0 / cover; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMCAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iOS42ODk3MiIgY3k9IjUuOTMzNTQiIHI9IjUuMDg2MjEiIHN0cm9rZT0id2hpdGUiLz4KPHBhdGggZD0iTTE5IDIxLjc2MTFDMTkgMTYuNzkwNiAxNC45NzA2IDEyLjc2MTEgMTAgMTIuNzYxMUM1LjAyOTQ0IDEyLjc2MTEgMSAxNi43OTA2IDEgMjEuNzYxMSIgc3Ryb2tlPSJ3aGl0ZSIvPgo8L3N2Zz4K)} header .session .spacer {margin: 0 10px; border-color: #0F4A6D !important} header dxp_search-search-input {max-width: 38px !important; padding: 10px 0; transition: all .3s ease-in-out} header .input-container {border-bottom-color: transparent; height: 37px !important} header .input-icon-container {display: none !important} .search-focused header community_layout-column:last-of-type .column-content {gap: 0} .search-focused header dxp_data_provider-image-data-provider, .search-focused community_navigation-customizable-navigation-menu {animation: .2s fadeOut; animation-fill-mode: forwards; visibility: hidden; width: 0 !important; transition: width .3s ease-in-out} .search-focused header community_navigation-customizable-navigation-menu ~ *, .search-focused header dxp_search-search-input {max-width: 100% !important; width: 100%} .search-focused header .input-container {border-bottom-color: #FFF} .search-focused header .input-icon-container {display: flex !important} } /* Desktop */ @media (min-width: 1025px) { /*Aumenta o tamanho da "Detalhes" e "Relacionados" dentro da pagina do registro*/ .override-text-style { font-size: 30px !important; } community_byo-scoped-header-and-footer header {margin-bottom: 94px} header .comm-customizable-navigation-bar {--dxp-c-nav-bar-menu-item-font-size: 17px} header .-primary .comm-customizable-navigation-bar {--dxp-c-nav-bar-menu-item-font-size: 18px} header .top community_layout-column:last-of-type .column-content {gap: 74px !important} header .column-content .interactions-region, header .master community_layout-column:last-of-type .column-content {gap: 21px; justify-content: space-between} header community_navigation-customizable-navigation-menu {max-width: calc(100% - (290px + 232px))} header .session {max-width: 234px} header .comm-customizable-navigation-dropdown {border-radius: 0 !important; border: 0 !important} header .comm-customizable-navigation-dropdown .comm-customizable-navigation-accordion-list li {--dxp-c-accordion-menu-item-background-color: #102A3F} header .comm-customizable-navigation-dropdown .comm-customizable-navigation-accordion-list a {border-top: 0 !important; padding: 5px 10px !important; --dxp-c-accordion-menu-item-active-color: #FFF; --dxp-c-accordion-menu-item-color: #FFF} } /* Desktop (Large to Extra Extra Large) */ @media (min-width: 1025px) and (max-width: 1600px) { /*Aumenta o tamanho da "Detalhes" e "Relacionados" dentro da pagina do registro*/ .override-text-style { font-size: 30px !important; } community_byo-scoped-header-and-footer header {margin-bottom: 70px} header .comm-section-container {--dxp-c-l-max-content-width: 1140px !important} header .dxp-content-layout-site-logo {--dxp-c-l-logo-width: 230} header dxp_content_layout-site-logo {--dxp-style-c-padding-top: 14px; --dxp-style-c-padding-bottom: 6.75px} header .top.comm-section-container {--dxp-style-c-padding-top: 10.75px; --dxp-style-c-padding-bottom: 10.75px} header .top dxp_search-search-input {max-width: 200px} header .search-input-without-button {font-size: 14px} header .top community_layout-column:last-of-type .column-content {gap: 55px !important} header .master community_layout-column:last-of-type .column-content {gap: 15px} header community_navigation-customizable-navigation-menu {max-width: calc(100% - (168px + 230px))} header .comm-customizable-navigation-bar {--dxp-c-nav-bar-menu-item-font-size: 14px} header .comm-customizable-navigation-bar .spacer {--dxp-c-nav-bar-space-between-menu-items: 28px} header .comm-customizable-navigation-bar a {padding: 1px 0 !important} header .-primary .comm-customizable-navigation-bar {--dxp-c-nav-bar-menu-item-font-size: 14px} header dxp_search-search-input {max-width: 150px} header .session {margin-left: 15px; padding-left: 15px; border-radius: 50px 0 0} header .session::before {left: -4px} header .session a {font-size: 14px} header .session .spacer {height: 24px} } /* HEADER */ /* FOOTER */ @media screen { footer {--dxp-c-text-block-text-color: #FFF; color: #FFF} footer {font-size: 12px} footer h2 {font-size: 14px} footer .comm-section-container {padding-block: 0 !important} footer .columns > dxp_layout-column {padding-block: 45px} footer community_layout-column-spacer {position: relative} footer .comm-section-container > .columns-content > community_layout-column-spacer::before {content: ''; display: block; width: 100vw; height: 1px; background-color: #FFF; position: absolute; top: 0; left: 50%; transform: translateX(-50%)} footer .comm-section-container > .columns-content > community_layout-column:last-of-type {padding: 25px 0} footer a:link:not(.slds-button, .slds-dropdown__item > a) {--dxp-c-link-text-color: #FFF; --dxp-c-link-text-decoration: underline} footer a:focus:not(.slds-button, .slds-dropdown__item > a) {font-weight: 600; --dxp-c-link-text-color-focus: var(--dxp-c-link-text-color); --dxp-s-link-text-decoration-focus: var(--dxp-c-link-text-decoration)} footer a:hover:not(.slds-button, .slds-dropdown__item > a) {font-weight: 600; --dxp-c-link-text-color-hover: #FFF; --dxp-s-link-text-decoration-hover: none} footer > div.community_byo-scoped-header-and-footer__footer-content {background-color: #0F4A6D !important} footer p {line-height: 1.5714} footer p:not(:last-of-type) {margin-bottom: 26px} footer h2 {font-weight: 600; line-height: 1.5; margin-bottom: 15px} footer .dxp-text-body {font-size: 14px; --dxp-c-text-block-text-color: #FFF} footer .comm-customizable-navigation-bar ul {flex-direction: column} footer .comm-customizable-navigation-bar {--dxp-c-nav-bar-menu-item-color: #FFF} footer dxp_layout-column-spacer {position: relative; --dxp-c-s-column-gutter-width: 1.4rem} footer dxp_layout-column-spacer::before {content: ''; display: block; width: 100%; height: 1px; background-color: #FFF; position: absolute; top: 50%; left: 0; transform: translateY(-50%) skewY(-3deg)} footer .comm-tile-menu__ui {gap: 26px} footer .comm-tile-menu__item {padding: 0} footer .comm-tile-menu__item > a {text-decoration: none !important; position: relative; display: flex !important; gap: 15px} footer .comm-tile-menu__item > a::before {content: ''; margin-top: 5px; min-width: 7px; height: 13px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDggMTUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDFMNyA3LjVMMSAxNCIgc3Ryb2tlPSIjOUU5MDlFIi8+Cjwvc3ZnPgo=)} footer .comm-tile-menu__item-image {display: none} footer .comm-tile-menu__item-title {font-weight: 600; padding: 0 !important; border-radius: 0 !important; background-color: transparent !important; text-align: left; text-overflow: initial !important; overflow: auto !important; white-space: initial !important; word-break: initial; --lwc-colorTextInverse: #FFF} footer .comm-tile-menu__item-box-shadow {box-shadow: none !important} .footer-spacer.comm-section-container {padding-bottom: var(--dxp-style-c-padding-bottom); --dxp-style-c-padding-bottom-s: 35px; --dxp-style-c-padding-bottom-m: 35px; --dxp-style-c-padding-bottom: 80px} footer .hidden.comm-section-container > .columns-content > community_layout-column:last-of-type {padding: 0} footer .hidden.comm-section-container .component-wrapper-spacer {margin-bottom: 0 !important} } /* Desktop */ @media (min-width: 1025px) { /*Aumenta o tamanho da "Detalhes" e "Relacionados" dentro da pagina do registro*/ .override-text-style { font-size: 30px !important; } footer {font-size: 14px} footer h2 {font-size: 16px} footer .dxp-text-body {font-size: 14px} footer .columns > dxp_layout-column {padding-block: 95px} footer .columns > dxp_layout-column:last-of-type {flex-grow: 2.3 !important} footer .comm-tile-menu__item-title {--lwc-fontSizeLarge: 16px} footer dxp_layout-column-spacer {margin: 0 91px} footer dxp_layout-column-spacer::before {width: 1px; height: 100%; top: 0; left: 50%; transform: translateX(-50%) skewX(-4.5deg)} } /* Desktop (Large to Extra Extra Large) */ @media (min-width: 1025px) and (max-width: 1600px) { /*Aumenta o tamanho da "Detalhes" e "Relacionados" dentro da pagina do registro*/ .override-text-style { font-size: 30px !important; } footer {font-size: 12px} footer .comm-section-container {--dxp-c-l-max-content-width: 1000px !important} footer .dxp-text-body {font-size: 12px} footer .comm-tile-menu__item-title {--lwc-fontSizeLarge: 14px} footer .comm-tile-menu__ui {gap: 16px} footer dxp_layout-column-spacer {margin: 0 25px} footer .columns > dxp_layout-column:last-of-type {flex-grow: 2.55 !important} .footer-spacer.comm-section-container {--dxp-style-c-padding-bottom: 60px} } /* FOOTER */ /* BUTTONS */ @media screen { /* BUTTONS */ dxp_content_layout-button-group {margin-top: 0 !important} .cta-buttons > div {width: 100%} /* BUTTONS FULL AUTO */ .buttons-full-auto .cta-buttons {align-items: center; --dxp-c-button-group-alignment: center} .buttons-full-auto .cta-buttons .secondaryButton {width: auto} /* MRS BUTTONS */ .mrs-button {background-color: transparent !important; --dxp-c-button-group-width: 100%} .mrs-button > * {background-color: transparent !important} .mrs-button .slds-button {border: 0; padding-right: 90px; height: 100%; display: inline-flex; font-weight: 400; user-select: none; vertical-align: middle; box-shadow: none !important; border-radius: 0 !important; letter-spacing: 0; line-height: 1; overflow: hidden; position: relative; text-align: left; justify-content: inherit; --sds-c-button-brand-color-background: #FFF; --slds-c-button-brand-text-color: #75787B; --dxp-s-button-padding: 20px; --dxp-s-button-padding-block-start: 18px; --dxp-s-button-padding-block-end: 18px; --dxp-s-button-font-size: 16px; --dxp-s-button-small-font-size: 14px; --dxp-s-button-large-font-size: 18px} .mrs-button .slds-button:before {background-color: #0F4A6D; content: ""; display: block; height: 100%; width: 96px; position: absolute; right: -26px; top: 0; transform: skewX(-17deg); transition: right .3s ease; touch-action: none; pointer-events: none} .mrs-button .slds-button:after {content: ''; display: block; position: absolute; right: 27px; top: 50%; width: 12px; height: 25px; transform: translateY(-50%); pointer-events: none; touch-action: none; transition: right .3s ease; background: no-repeat center center / cover; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMjciIHZpZXdCb3g9IjAgMCAxNSAyNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuMDQ0OTIgMS42Njk5MkwxMi44NDIxIDEzLjk1ODZMMS4wNDQ5MiAyNi4yNDczIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuOTY2MTkiLz4KPC9zdmc+Cg==)} .mrs-button .slds-button:hover {--slds-c-button-brand-color-background-hover: var(--sds-c-button-brand-color-background); --sds-c-button-brand-text-color-hover: var(--slds-c-button-brand-text-color)} .mrs-button .slds-button:hover:before {right: -13px} .mrs-button .slds-button:focus {--slds-c-button-brand-color-background-focus: var(--sds-c-button-brand-color-background); --slds-c-button-brand-color-background-hover: var(--sds-c-button-brand-color-background); --sds-c-button-brand-color: var(--slds-c-button-brand-text-color); --sds-c-button-brand-text-color-hover: var(--slds-c-button-brand-text-color); --sds-c-button-text-color-hover: var(--slds-c-button-brand-text-color); --sds-c-button-shadow-focus: 0 0 2px} .mrs-button .slds-button:focus:before {right: -30px} .mrs-button .dxp-button-small {padding-right: 80px; --dxp-s-button-small-padding-block-start: 19px; --dxp-s-button-small-padding-block-end: 19px; --dxp-s-button-small-padding: 20px} .mrs-button .dxp-button-small:before {width: 80px} .mrs-button .dxp-button-small:after {height: 20px; right: 20px} .mrs-button .dxp-button-large {padding-right: 106px; --dxp-s-button-large-padding-block-start: 20px; --dxp-s-button-large-padding-block-end: 20px; --dxp-s-button-large-padding: 20px} .mrs-button .dxp-button-large:before {width: 106px} .mrs-button.-txt-blue .slds-button {--slds-c-button-brand-text-color: #044180} .mrs-button.-txt-blue2 .slds-button {--slds-c-button-brand-text-color: #0090C5} .mrs-button.-txt-green .slds-button {--slds-c-button-brand-text-color: #6BC200} .mrs-button.-txt-gray .slds-button {--slds-c-button-brand-text-color: #75787B} .mrs-button.-txt-orange .slds-button {--slds-c-button-brand-text-color: #E76C08} .mrs-button.-txt-red .slds-button {--slds-c-button-brand-text-color: #F04E4C} .mrs-button.-txt-white .slds-button {--slds-c-button-brand-text-color: #FFF} .mrs-button.-txt-dark-blue .slds-button {--slds-c-button-brand-text-color: #002B4B} .mrs-button.-txt-dark-gray .slds-button {--slds-c-button-brand-text-color: #444} .mrs-button.-flg-blue .slds-button:before {background-color: #044180} .mrs-button.-flg-green .slds-button:before {background-color: #459D43} .mrs-button.-flg-red .slds-button:before {background-color: #F04E4C} .mrs-button.-flg-orange .slds-button:before {background-color: #D4542A} .mrs-button.-flg-white .slds-button:before {background-color: #FFF} .mrs-button.-flg-dark-blue .slds-button:before {background-color: #002B4B} .mrs-button.-flg-dark-gray .slds-button:before {background-color: #0090C5} /*TROCAR COR DO BOTAO ULTIMO CARD*/ .mrs-button.-flg-icon-plus .slds-button:after {width: 18px; height: 18px; background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE4IDE4IiB3aWR0aD0iMTgiIGhlaWdodD0iMTgiPjxzdHlsZT4uYXtmaWxsOm5vbmU7c3Ryb2tlOiNmZmY7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLXdpZHRoOjEuMn08L3N0eWxlPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xhc3M9ImEiIGQ9Im0wLjYgOWgxNiIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xhc3M9ImEiIGQ9Im04LjYgMXYxNiIvPjwvc3ZnPg==)} .mrs-button.-flg-icon-green .slds-button:after {filter: brightness(0) saturate(100%) invert(74%) sepia(12%) saturate(2180%) hue-rotate(59deg) brightness(85%) contrast(86%)} .mrs-button.-bg-gray .slds-button {--sds-c-button-brand-color-background: #F3F3F3} .mrs-button.-bg-gray .slds-button:after {filter: brightness(0) saturate(100%) invert(99%) sepia(60%) saturate(20%) hue-rotate(208deg) brightness(112%) contrast(91%)} .mrs-button.-bg-dark-blue .slds-button {--sds-c-button-brand-color-background: #002C4A} .mrs-button.-bg-dark-blue .slds-button:after {filter: brightness(0) saturate(100%) invert(13%) sepia(86%) saturate(1150%) hue-rotate(176deg) brightness(92%) contrast(103%)} .mrs-button.-bg-dark-orange .slds-button {--sds-c-button-brand-color-background: #D7581E} .mrs-button.-bg-dark-orange .slds-button:after {filter: brightness(0) saturate(100%) invert(35%) sepia(95%) saturate(551%) hue-rotate(339deg) brightness(104%) contrast(100%)} .mrs-button.-bg-dark-gray .slds-button {--sds-c-button-brand-color-background: #60626E} .mrs-button.-bg-dark-gray .slds-button:after {filter: brightness(0) saturate(100%) invert(42%) sepia(0%) saturate(5923%) hue-rotate(280deg) brightness(84%) contrast(68%)} .mrs-button.download-button .slds-button {--dxp-s-button-small-padding: 65px; background: var(--sds-c-button-brand-color-background) no-repeat 27px center / 23px auto; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMyAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuNjAxNTYgMTAuMjE3NEwxMS42MDE2IDE0LjgyNjFMMTUuNjAxNiAxMC4yMTc0IiBzdHJva2U9IiM0NDQ0NDQiIHN0cm9rZS13aWR0aD0iMS4zIiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xMS42MDE2IDFWMTMuNjczOSIgc3Ryb2tlPSIjNDQ0NDQ0IiBzdHJva2Utd2lkdGg9IjEuMyIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIvPgo8cGF0aCBkPSJNMS42MDE1NiAxMS44MjZWMTkuODkxM0gyMS42MDE2VjExLjgyNiIgc3Ryb2tlPSIjNDQ0NDQ0IiBzdHJva2Utd2lkdGg9IjEuMyIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K)} } /* Desktop */ @media (min-width: 1025px) { /* BUTTONS FULL AUTO */ .buttons-full-auto .cta-buttons {--dxp-g-spacing-small: 40px} /* MRS BUTTONS */ .mrs-button.download-button .slds-button {--dxp-s-button-small-padding: 65px} } /* Desktop (Extra Extra Large) */ @media (min-width: 1601px) { /* MRS BUTTONS */ .mrs-button .slds-button {padding-right: 133px; --dxp-s-button-padding: 40px; --dxp-s-button-padding-block-start: 27px; --dxp-s-button-padding-block-end: 27px; --dxp-s-button-font-size: 19px; --dxp-s-button-small-font-size: 18px; --dxp-s-button-large-font-size: 22px} .mrs-button .slds-button:before {width: 126px} .mrs-button .slds-button:after {right: 42px} .mrs-button .dxp-button-small {padding-right: 100px; --dxp-s-button-small-padding-block-start: 19px; --dxp-s-button-small-padding-block-end: 19px; --dxp-s-button-small-padding: 40px} .mrs-button .dxp-button-small:before {width: 100px} .mrs-button .dxp-button-small:after {right: 26px} .mrs-button .dxp-button-large {padding-right: 130px; --dxp-s-button-large-padding-block-start: 30px; --dxp-s-button-large-padding-block-end: 30px; --dxp-s-button-large-padding: 40px} .mrs-button .dxp-button-large:before {width: 130px} } /* BUTTONS */ /* LINKS */ @media screen { main a, main a:link:not(.slds-button, .slds-dropdown__item > a), main a:visited:not(.slds-button, .slds-dropdown__item > a) {--dxp-c-link-text-color: #878787; --dxp-c-link-text-decoration: underline} main a[class*="-txt-"], main a[class*="-txt-"]:link:not(.slds-button, .slds-dropdown__item > a), main a[class*="-txt-"]:visited:not(.slds-button, .slds-dropdown__item > a) {--dxp-c-link-text-color: var(--dxp-c-text-block-text-color)} main a:visited:not(.slds-button, .slds-dropdown__item > a) {font-weight: 600} main a:focus:not(.slds-button, .slds-dropdown__item > a) {font-weight: 600; --dxp-c-link-text-color-focus: var(--dxp-c-link-text-color); --dxp-s-link-text-decoration-focus: var(--dxp-c-link-text-decoration)} main a:hover:not(.slds-button, .slds-dropdown__item > a) {font-weight: 600; --dxp-c-link-text-color-hover: var(--dxp-c-link-text-color); --dxp-s-link-text-decoration-hover: none} main a:active:not(.slds-button, .slds-dropdown__item > a) {--dxp-c-link-text-color-active: var(--dxp-c-link-text-color); --dxp-s-link-text-decoration-hover: none} .link .slds-button {text-decoration: underline; font-size: var(--dxp-s-body-font-size, var(--dxp-g-font-size-3)); --sds-c-button-text-color: #444; --dxp-s-tertiary-button-text-color-hover: #102A3F} .link .slds-button:hover, .link .slds-button:focus {text-decoration: none} .dowload-link {--dxp-c-link-text-color: #878787; --dxp-c-link-text-decoration: none} .dowload-link:before {content: ''; display: inline-block; width: 23px; height: 21px; background: no-repeat 0 0 / cover; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMyAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuNjAxNTYgMTAuMjE3NEwxMS42MDE2IDE0LjgyNjFMMTUuNjAxNiAxMC4yMTc0IiBzdHJva2U9IiM0NDQ0NDQiIHN0cm9rZS13aWR0aD0iMS4zIiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xMS42MDE2IDFWMTMuNjczOSIgc3Ryb2tlPSIjNDQ0NDQ0IiBzdHJva2Utd2lkdGg9IjEuMyIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIvPgo8cGF0aCBkPSJNMS42MDE1NiAxMS44MjZWMTkuODkxM0gyMS42MDE2VjExLjgyNiIgc3Ryb2tlPSIjNDQ0NDQ0IiBzdHJva2Utd2lkdGg9IjEuMyIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K)} .dowload-link.-green {filter: brightness(0) saturate(100%) invert(56%) sepia(87%) saturate(314%) hue-rotate(60deg) brightness(96%) contrast(93%)} .info-link .slds-button {--dxp-c-link-text-color: #878787; --dxp-c-link-text-decoration: none} .info-link .slds-button:before {content: ''; display: inline-block; width: 36px; height: 36px; background: no-repeat 0 0 / cover; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzciIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNyAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTguMjczNCIgY3k9IjE4IiByPSIxNyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIi8+CjxwYXRoIGQ9Ik0xNy4yNzM0IDEyLjIyMzZWMTBIMTkuMjA3VjEyLjIyMzZIMTcuMjczNFpNMTcuMjczNCAyNS43NDhWMTQuMzM5OEgxOS4yMDdWMjUuNzQ4SDE3LjI3MzRaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K)} .add-link .slds-button {--sds-c-button-text-color: #444; --dxp-s-tertiary-button-text-color: #444; --dxp-c-link-text-decoration: none; --dxp-s-button-small-font-size: 17px; gap: 17px} .add-link .slds-button:before {content: ''; display: inline-block; width: 20px; height: 17px; background: no-repeat 0 0 / cover; background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDIwIDE3IiB3aWR0aD0iMjAiIGhlaWdodD0iMTciPjxzdHlsZT4uYXtmaWxsOm5vbmU7c3Ryb2tlOiM0NDQ7c3Ryb2tlLXdpZHRoOi44fTwvc3R5bGU+PHBhdGggY2xhc3M9ImEiIGQ9Im0wLjYgMWgxOSIvPjxwYXRoIGNsYXNzPSJhIiBkPSJtMC42IDQuOGgxOSIvPjxwYXRoIGNsYXNzPSJhIiBkPSJtMC42IDguNmgxOSIvPjxwYXRoIGNsYXNzPSJhIiBkPSJtOC4yIDEyLjRoMTEuNCIvPjxwYXRoIGNsYXNzPSJhIiBkPSJtOC4yIDE2LjJoMTEuNCIvPjxwYXRoIGNsYXNzPSJhIiBkPSJtMC42IDEzLjloNS4zIi8+PHBhdGggY2xhc3M9ImEiIGQ9Im0zLjMgMTYuNnYtNS4zIi8+PC9zdmc+)} } /* Desktop (Large to Extra Extra Large) */ @media (min-width: 1025px) and (max-width: 1600px) { .add-link .slds-button {--dxp-s-button-small-font-size: 14px; gap: 10px} } /* LINKS */ /* LOCKED LINK */ @media screen { .locked a {color: #75787B; line-height: 1.6667; text-wrap: balance; text-align: left; display: flex; gap: 20px} .locked a::before {content: ''; min-width: 30px; width: 30px; height: 39px; background: no-repeat 0 0 / cover; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzkiIHZpZXdCb3g9IjAgMCAzMCAzOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMC4zOTI4OCIgeT0iMTYuMDMxOCIgd2lkdGg9IjI5LjA3MzEiIGhlaWdodD0iMjEuOTMyOSIgc3Ryb2tlPSIjNjk2OTZFIiBzdHJva2Utd2lkdGg9IjAuNzg1NzYiLz4KPHBhdGggZD0iTTI2LjYxMiAxNS42Mzg3VjEzLjExODdDMjYuNjEyIDYuNjIzNjUgMjEuMzgwOSAxLjM1ODQgMTQuOTI4IDEuMzU4NEM4LjQ3NTIxIDEuMzU4NCAzLjI0NDE0IDYuNjIzNjUgMy4yNDQxNCAxMy4xMTg3VjE1LjYzODciIHN0cm9rZT0iIzY5Njk2RSIgc3Ryb2tlLXdpZHRoPSIwLjc4NTc2Ii8+CjxtYXNrIGlkPSJwYXRoLTMtaW5zaWRlLTFfMTM2XzE3MyIgZmlsbD0id2hpdGUiPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE2Ljg3NjIgMjcuOTcyNUMxNy42NjQ3IDI3LjM4MDQgMTguMTc0NyAyNi40Mzc2IDE4LjE3NDcgMjUuMzc1N0MxOC4xNzQ3IDIzLjU4MzIgMTYuNzIxNiAyMi4xMzAxIDE0LjkyOTEgMjIuMTMwMUMxMy4xMzY3IDIyLjEzMDEgMTEuNjgzNiAyMy41ODMyIDExLjY4MzYgMjUuMzc1N0MxMS42ODM2IDI2LjQzNzQgMTIuMTkzNCAyNy4zOCAxMi45ODE2IDI3Ljk3MjJWMzEuODY2OUgxNi44NzYyVjI3Ljk3MjVaIi8+CjwvbWFzaz4KPHBhdGggZD0iTTE2Ljg3NjIgMjcuOTcyNUwxNi40MDQ0IDI3LjM0NDJDMTYuMjA2NyAyNy40OTI2IDE2LjA5MDUgMjcuNzI1MyAxNi4wOTA1IDI3Ljk3MjVIMTYuODc2MlpNMTIuOTgxNiAyNy45NzIySDEzLjc2NzNDMTMuNzY3MyAyNy43MjUxIDEzLjY1MTEgMjcuNDkyMyAxMy40NTM1IDI3LjM0MzlMMTIuOTgxNiAyNy45NzIyWk0xMi45ODE2IDMxLjg2NjlIMTIuMTk1OEMxMi4xOTU4IDMyLjMwMDkgMTIuNTQ3NiAzMi42NTI3IDEyLjk4MTYgMzIuNjUyN1YzMS44NjY5Wk0xNi44NzYyIDMxLjg2NjlWMzIuNjUyN0MxNy4zMTAyIDMyLjY1MjcgMTcuNjYyIDMyLjMwMDkgMTcuNjYyIDMxLjg2NjlIMTYuODc2MlpNMTcuMzg4OSAyNS4zNzU3QzE3LjM4ODkgMjYuMTggMTcuMDAzNyAyNi44OTQxIDE2LjQwNDQgMjcuMzQ0MkwxNy4zNDgxIDI4LjYwMDhDMTguMzI1NiAyNy44NjY3IDE4Ljk2MDQgMjYuNjk1MiAxOC45NjA0IDI1LjM3NTdIMTcuMzg4OVpNMTQuOTI5MSAyMi45MTU5QzE2LjI4NzYgMjIuOTE1OSAxNy4zODg5IDI0LjAxNzIgMTcuMzg4OSAyNS4zNzU3SDE4Ljk2MDRDMTguOTYwNCAyMy4xNDkyIDE3LjE1NTUgMjEuMzQ0NCAxNC45MjkxIDIxLjM0NDRWMjIuOTE1OVpNMTIuNDY5NCAyNS4zNzU3QzEyLjQ2OTQgMjQuMDE3MiAxMy41NzA2IDIyLjkxNTkgMTQuOTI5MSAyMi45MTU5VjIxLjM0NDRDMTIuNzAyNyAyMS4zNDQ0IDEwLjg5NzggMjMuMTQ5MiAxMC44OTc4IDI1LjM3NTdIMTIuNDY5NFpNMTMuNDUzNSAyNy4zNDM5QzEyLjg1NDQgMjYuODkzOCAxMi40Njk0IDI2LjE3OTggMTIuNDY5NCAyNS4zNzU3SDEwLjg5NzhDMTAuODk3OCAyNi42OTQ5IDExLjUzMjQgMjcuODY2MiAxMi41MDk2IDI4LjYwMDRMMTMuNDUzNSAyNy4zNDM5Wk0xMy43NjczIDMxLjg2NjlWMjcuOTcyMkgxMi4xOTU4VjMxLjg2NjlIMTMuNzY3M1pNMTYuODc2MiAzMS4wODExSDEyLjk4MTZWMzIuNjUyN0gxNi44NzYyVjMxLjA4MTFaTTE2LjA5MDUgMjcuOTcyNVYzMS44NjY5SDE3LjY2MlYyNy45NzI1SDE2LjA5MDVaIiBmaWxsPSIjNjk2OTZFIiBtYXNrPSJ1cmwoI3BhdGgtMy1pbnNpZGUtMV8xMzZfMTczKSIvPgo8L3N2Zz4K)} } /* Desktop */ @media (min-width: 1025px) { .locked a {font-size: 17.7px} } /* Desktop (Large to Extra Extra Large) */ @media (min-width: 1025px) and (max-width: 1600px) { .locked a {font-size: 14px} } /* LOCKED LINK */ /* HEADLINES */ @media screen { .headline.comm-section-container {padding-top: var(--dxp-style-c-padding-top); padding-bottom: var(--dxp-style-c-padding-bottom); --dxp-style-c-padding-top-s: 25px; --dxp-style-c-padding-bottom-s: 25px; --dxp-style-c-padding-top-m: 25px; --dxp-style-c-padding-bottom-m: 25px; --dxp-style-c-padding-top: 47px; --dxp-style-c-padding-bottom: 47px} .headline h1 {font-size: var(--dxp-s-text-heading-large-font-size, var(--dxp-g-font-size-9)); font-weight: 600; line-height: 1.2440; color: #102A3F; text-align: center} .title > * {font-size: var(--dxp-s-text-heading-large-font-size, var(--dxp-g-font-size-9)); line-height: 1.6528} .subtitle > * {font-size: var(--dxp-s-text-heading-medium-font-size, var(--dxp-g-font-size-7)); line-height: 1.8400} } /* Desktop */ @media (min-width: 1025px) { .headline h1 {--dxp-s-text-heading-large-font-size: 47.83px} .title > * {font-size: 36px} .subtitle > * {font-size: 25px} } /* Desktop (Large to Extra Extra Large) */ @media (min-width: 1025px) and (max-width: 1600px) { .headline.comm-section-container {--dxp-style-c-padding-top: 36px; --dxp-style-c-padding-bottom: 36px} .headline h1 {--dxp-s-text-heading-large-font-size: 38px} .title > * {font-size: 30px} .subtitle > * {font-size: 20px} } /* HEADLINES */ /* INTRO */ @media screen { .intro.comm-section-container {padding-bottom: var(--dxp-style-c-padding-bottom); --dxp-style-c-padding-bottom-s: 30px; --dxp-style-c-padding-bottom-m: 30px; --dxp-style-c-padding-bottom: 61px} .intro dxp_base-text-block > * {color: #878787 !important; font-size: var(--dxp-s-text-heading-small-font-size, var(--dxp-g-font-size-5)); line-height: 1.2963} } /* Desktop */ @media (min-width: 1025px) { .intro dxp_base-text-block > * {font-size: 27px} } /* Desktop (Large to Extra Extra Large) */ @media (min-width: 1025px) and (max-width: 1600px) { .intro.comm-section-container {--dxp-style-c-padding-bottom: 42px} .intro dxp_base-text-block > * {font-size: 22px} } /* INTRO */ /* SEARCH */ @media screen { main b2b_search_suggestions-combobox {height: 100%} main .suggestions-combobox-container {height: 100%} main b2b_search_suggestions-input {height: 100%} main .input-container {height: 100% !important} main .input-wrapper {border: 0 !important; --lwc-colorBackgroundInput: #F6F6F6} main .input-wrapper.active {box-shadow: none !important} main .search-input-without-button {background-color: var(--lwc-colorBackgroundInput); padding-left: 62px !important} main b2b_search_suggestions-combobox .slds-input__icon {width: 19px !important; height: 18px !important; left: 0 !important; margin: 0 26px; margin-top: auto !important; transform: translateY(-50%); background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE5IDE4IiB3aWR0aD0iMTkiIGhlaWdodD0iMTgiPjxzdHlsZT4uYXtmaWxsOm5vbmU7c3Ryb2tlOiM0NDQ7c3Ryb2tlLXdpZHRoOjEuM308L3N0eWxlPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xhc3M9ImEiIGQ9Im0xNC4xIDEzLjRsMy45IDMuOSIvPjxwYXRoIGNsYXNzPSJhIiBkPSJtMTMuOSAxMy44Yy0zIDMtNy45IDMtMTAuOSAwLTMtMy0zLTcuOSAwLTEwLjkgMy0zIDcuOS0zIDEwLjkgMCAzIDMgMyA3LjkgMCAxMC45eiIvPjwvc3ZnPg==)} main b2b_search_suggestions-combobox .slds-input__icon > g, main b2b_search_suggestions-combobox .slds-input__icon > use {display: none} } /* End SEARCH */ /* TABLE */ @media screen { .table-wrapper {overflow: hidden} .table-container {overflow: auto; margin: -5px} .table-wrapper table {width: 100%; border-collapse: separate; border-spacing: 5px; font-size: 14px; color: #878787} .table-wrapper table th {text-align: center; font-size: 16px; text-wrap: balance; color: #75787B} .table-wrapper table th, .table-wrapper table td {background: #F6F6F6; padding: 5px 15px; text-align: revert-layer} .table-wrapper table a:not(.slds-button, .slds-dropdown__item > a) {--dxp-c-link-text-color: #878787; --dxp-c-link-text-decoration: underline} .table-wrapper table a:hover:not(.slds-button, .slds-dropdown__item > a) {--dxp-c-link-text-color-hover: #878787; --dxp-s-link-text-decoration-hover: none} } /*Mobile */ @media (max-width: 767px) { .table-container {margin: 0} .table-wrapper table {border-collapse: collapse; border-spacing: 0} .table-wrapper table thead {display: none} .table-wrapper table tbody {display: block} .table-wrapper table tr {padding-top: 10px; display: block; width: 100%} .table-wrapper table tr:first-child {padding-top: 0} .table-wrapper table tr > td:first-child {padding-top: 10px} .table-wrapper table tr > td:last-child {padding-bottom: 10px} .table-wrapper table th, .table-wrapper table td, .table-wrapper table td.txt-left, .table-wrapper table td.txt-center {display: block; text-align: right !important} .table-wrapper table td:before {content: attr(data-label)": "; margin-right: 1em; font-weight: bold; float: left} } /* Tablet */ @media (min-width: 768px) { .table-wrapper thead th:first-child {background: #8A8A8A; color: #FFF} .table-wrapper thead > tr{position: relative} .table-wrapper thead > tr:last-child:after {content: ''; position: absolute; top: 100%; left: 0; height: 5px; width: calc(100% - 5px); display: block} .table-wrapper table.-green thead tr:last-child:after {background-color: #6BC200} .table-wrapper table.-orange thead tr:last-child:after {background-color: #E46C0A} .table-wrapper table.-dark-blue thead tr:last-child:after {background-color: #102A3F} .table-wrapper table.-gray thead tr:last-child:after {background-color: #75787B} .table-wrapper tbody tr > td:first-child {font-weight: 600; --dxp-c-text-block-text-color: #75787B; color: var(--dxp-c-text-block-text-color)} .table-wrapper tbody tr > td:first-child a:not(.slds-button, .slds-dropdown__item > a) {text-decoration-thickness: 2px !important; text-underline-offset: 2px !important; --dxp-c-link-text-color: var(--dxp-c-text-block-text-color)} .table-wrapper table.-green tbody tr > td:first-child a {text-decoration-color: #6BC200} .table-wrapper table.-orange tbody tr > td:first-child a {text-decoration-color: #E46C0A} .table-wrapper table.-dark-blue tbody tr > td:first-child a {text-decoration-color: #102A3F} .table-wrapper table.-gray tbody tr > td:first-child a {text-decoration-color: #75787B} } /* Desktop (Extra Extra Large) */ @media (min-width: 1601px) { .table-wrapper table {font-size: 17px} .table-wrapper table th {padding: 15px 30px} .table-wrapper table td {padding: 10.25px 30px} .table-wrapper thead.-txt-large th {font-size: 20px} .table-wrapper thead.-pd-inline-small th {padding-inline: 20px} .table-wrapper thead.-pd-inline-medium th {padding-inline: 25px} .table-wrapper thead.-pd-block-medium th {padding-block: 15.5px} .table-wrapper thead.-pd-block-large th {padding-block: 19.5px} .table-wrapper tbody.-pd-inline-small td {padding-inline: 20px} .table-wrapper tbody.-pd-inline-medium td {padding-inline: 25px} .table-wrapper tbody.-pd-block-medium td {padding-block: 15.5px} .table-wrapper tbody.-pd-block-large td {padding-block: 19.5px} } /* TABLE */ .mrs-table-custom-tabs .record-list-table-wrapper .tab { background-color: #FFFFFF; color: #77777C; padding: 10px 20px; cursor: pointer; border-bottom: 2px solid transparent; transition: color 0.3s, border-bottom-color 0.3s; } .mrs-table-custom-tabs .record-list-table-wrapper .tab.selected { color: #6BC200; background-color: #FFFFFF; border-bottom: 2px solid #6BC200; font-weight: 600; } /* TABLE POC */ @media screen { .-green .record-list-table-wrapper {--table-theme: #6BC200; --table-theme-text-color: #FFF} .-orange .record-list-table-wrapper {--table-theme: #E46C0A; --table-theme-text-color: #FFF} .-dark-blue .record-list-table-wrapper {--table-theme: #102A3F; --table-theme-text-color: #FFF} .-gray .record-list-table-wrapper {--table-theme: #75787B; --table-theme-text-color: #FFF} .mrs-table .record-list-table-wrapper .record-list-header {--dxp-c-record-list-header-border-width: 0; padding: 10px 0 25px !important} .mrs-table .record-list-table-wrapper .record-list-header-title .listViewTitle {margin-bottom: 20px; font-weight: var(--dxp-c-header-title-font-weight); font-style: var(--dxp-c-header-title-font-style); text-decoration: var(--dxp-c-header-title-text-decoration); color: var(--dxp-c-header-title-color, "#5C5C5C"); font-size: var(--dxp-c-header-title-font-size); font-family: var(--dxp-c-header-title-font-family); text-transform: var(--dxp-c-header-title-text-transform); line-height: var(--dxp-c-header-title-line-height); letter-spacing: var(--dxp-c-header-title-letter-spacing); text-shadow: var(--dxp-c-header-title-text-shadow)} .mrs-table .record-list-table-wrapper .record-list-header .record-avatar-container {border-radius: 0 !important; background-color: var(--table-theme) !important} .mrs-table .record-list-table-wrapper .record-list-header .slds-input {--input-color-background: #F6F6F6; --input-color-background-focus: #F6F6F6; --border-width: 0; --dxp-s-form-element-text-font-family: var(--dxp-g-root-font-family); --dxp-c-input-text-font-size: var(--dxp-c-record-list-table-cell-font-size); border-radius: 0; box-shadow: none; padding-block: 12px; padding-left: 62px} .mrs-table .record-list-table-wrapper .record-list-header .slds-input__icon {width: 19px !important; height: 18px !important; left: 0 !important; margin: 0 26px; margin-top: auto !important; transform: translateY(-50%); background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE5IDE4IiB3aWR0aD0iMTkiIGhlaWdodD0iMTgiPjxzdHlsZT4uYXtmaWxsOm5vbmU7c3Ryb2tlOiM0NDQ7c3Ryb2tlLXdpZHRoOjEuM308L3N0eWxlPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xhc3M9ImEiIGQ9Im0xNC4xIDEzLjRsMy45IDMuOSIvPjxwYXRoIGNsYXNzPSJhIiBkPSJtMTMuOSAxMy44Yy0zIDMtNy45IDMtMTAuOSAwLTMtMy0zLTcuOSAwLTEwLjkgMy0zIDcuOS0zIDEwLjkgMCAzIDMgMyA3LjkgMCAxMC45eiIvPjwvc3ZnPg==)} .mrs-table .record-list-table-wrapper .record-list-header .slds-input__icon > g, .mrs-table .record-list-table-wrapper .record-list-header .slds-input__icon > use {display: none} .mrs-table .record-list-table-wrapper .record-list-header .slds-input__icon-group_right .slds-input__icon_right {margin: 0; left: auto !important; background: none !important} .mrs-table .record-list-table-wrapper .record-list-header .slds-m-left--xx-small:empty, .mrs-table .record-list-table-wrapper .record-list-header .slds-m-left_xx-small:empty {display: none} .mrs-table .record-list-table-wrapper .record-list-header force-list-view-manager-status-info {padding: 10px 15px; background-color: var(--table-theme, #F6F6F6); --dxp-c-header-status-color: var(--table-theme-text-color, #878787); --dxp-c-header-status-font-size: var(--dxp-c-record-list-table-cell-font-size); display: inline-flex; justify-content: center} .mrs-table .record-list-table-wrapper {display: block; padding-bottom: 0 !important; padding-top: 0 !important; border-width: 0 !important; --dxp-c-record-list-table-cell-font-size: 14px; --dxp-c-record-list-table-border-weight: 0; --dxp-c-record-list-table-icon-fill: var(--table-theme)} .mrs-table .record-list-table-wrapper .dt-outer-container {overflow: hidden} .mrs-table .record-list-table-wrapper .slds-scrollable--x, .mrs-table .record-list-table-wrapper .slds-scrollable_x {min-width: 100%; width: auto !important; overflow-x: hidden} .mrs-table .record-list-table-wrapper .slds-scrollable--y, .mrs-table .record-list-table-wrapper .slds-scrollable_y {min-width: 100%; width: 100% !important; overflow-x: auto} .mrs-table .record-list-table-wrapper .slds-scrollable_y::before {content: none !important} .mrs-table .record-list-table-wrapper .slds-table {table-layout: auto !important; width: 100% !important; border-collapse: collapse; border: 0; font-size: 14px; color: #878787} .mrs-table .record-list-table-wrapper .slds-table--header-fixed_container, .mrs-table .record-list-table-wrapper .slds-table_header-fixed_container {padding-top: 0; background-color: transparent} .mrs-table .record-list-table-wrapper .slds-table thead a, .mrs-table .record-list-table-wrapper .slds-table thead a:link:not(.slds-button, .slds-dropdown__item > a), .mrs-table .record-list-table-wrapper .slds-table thead a:visited:not(.slds-button, .slds-dropdown__item > a) {color: #75787B !important; font-weight: 600; background-color: transparent !important} .mrs-table .record-list-table-wrapper .slds-table thead a:focus:not(.slds-button, .slds-dropdown__item > a) {box-shadow: none; outline: 1px dotted; outline-offset: -1px} .mrs-table .record-list-table-wrapper .slds-table thead th .slds-icon {fill: var(--dxp-c-record-list-table-icon-fill, inherit)} .mrs-table .record-list-table-wrapper .slds-table thead th {width: auto !important; background-color: #F6F6F6 !important; border-bottom: 5px solid var(--table-theme,#8A8A8A); box-shadow: none; color: #75787B !important; font-size: 16px !important; font-weight: 600 !important; text-align: center; position: relative} .mrs-table .record-list-table-wrapper .slds-table thead th:first-child {background: #8A8A8A !important; color: #FFF !important} .mrs-table .record-list-table-wrapper .slds-table thead th:first-child a, .mrs-table .record-list-table-wrapper .slds-table thead th:first-child a:link:not(.slds-button, .slds-dropdown__item > a), .mrs-table .record-list-table-wrapper .slds-table thead th:first-child a:visited:not(.slds-button, .slds-dropdown__item > a) {background: none !important; color: #FFF !important} .mrs-table .record-list-table-wrapper .slds-table thead th .slds-button {color: #75787B} .mrs-table .record-list-table-wrapper .slds-table thead th:first-child {--dxp-c-record-list-table-icon-fill: #FFF} .mrs-table .record-list-table-wrapper .slds-table thead th:first-child .slds-button {color: #FFF} .mrs-table .record-list-table-wrapper .slds-table thead th:first-child .slds-icon {--dxp-c-record-list-table-icon-fill: #FFF; --slds-c-icon-color-foreground: #FFF} .mrs-table .record-list-table-wrapper .slds-table thead th .slds-truncate {overflow: initial; text-overflow: initial; white-space: pre-wrap; text-wrap: balance} .mrs-table .record-list-table-wrapper .slds-table thead th .private-dt-sort-icon_container {display: block !important} .mrs-table .record-list-table-wrapper .slds-table thead .slds-is-sortable {width: auto !important; display: flex} .mrs-table .record-list-table-wrapper .slds-table thead .slds-is-sortable .slds-cell-fixed {width: 100% !important; min-height: 0; background-color: transparent; position: initial; display: flex} .mrs-table .record-list-table-wrapper .slds-table thead .slds-is-sortable .slds-th__action {width: 100% !important; height: 100%; position: relative; box-shadow: none !important; display: flex; justify-content: center} .mrs-table .record-list-table-wrapper .slds-table thead lightning-primitive-header-actions {display: none} .mrs-table .record-list-table-wrapper .slds-table thead .slds-resizable {display: none} .mrs-table .record-list-table-wrapper .slds-table tbody a:hover:not(.slds-button, .slds-dropdown__item > a) {--dxp-c-link-text-color-hover: #878787; --dxp-s-link-text-decoration-hover: none} .mrs-table .record-list-table-wrapper .slds-table tbody th, .mrs-table .record-list-table-wrapper .slds-table tbody td {background-color: #F6F6F6; text-align: revert-layer; box-shadow: none !important; --dxp-c-record-list-table-cell-padding: 5px 15px} .mrs-table .record-list-table-wrapper .slds-table tbody tr > th:first-child, .mrs-table .record-list-table-wrapper .slds-table tbody tr > td:first-child {font-weight: 600; --dxp-c-text-block-text-color: #75787B; color: var(--dxp-c-text-block-text-color)} .mrs-table .record-list-table-wrapper .slds-table tbody tr > th:first-child a:not(.slds-button, .slds-dropdown__item > a), .mrs-table .record-list-table-wrapper .slds-table tbody tr > td:first-child a:not(.slds-button, .slds-dropdown__item > a) {text-decoration-thickness: 2px !important; text-underline-offset: 2px !important; text-decoration-color: var(--table-theme); --dxp-c-link-text-color: var(--dxp-c-text-block-text-color)} .mrs-table .record-list-pagination-section {list-style: none; margin-top: 0} .mrs-table .record-list-pagination-section .standard-button-group {margin-top: 15px; background: #F6F6F6; padding: 10px; width: 100%; display: flex; justify-content: center; gap: 20px} .mrs-table .record-list-pagination-section .standard-button-group:empty {display: none} .mrs-table .record-list-pagination-section .slds-button {border: 0; color: #75787B; margin-left: 0 !important; background: none; padding: 0; line-height: 1; --dxp-s-button-font-size: var(--dxp-c-record-list-table-cell-font-size); display: flex; gap: 7px} .mrs-table .record-list-pagination-section .slds-button:before {content: ''; margin-top: -1px; display: inline-block; width: 8px; height: 15px; background: 0 0 / auto 100%; filter: brightness(0) saturate(100%) invert(44%) sepia(6%) saturate(281%) hue-rotate(202deg) brightness(90%) contrast(87%); background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDggMTUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDFMNi40NDUzOCA3LjUzNTQ0TDEgMTQuMDcwOSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjIzODYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K)} .mrs-table .record-list-pagination-section .slds-button:first-child::before {transform: scaleX(-1)} .mrs-table .record-list-pagination-section .slds-button:last-child {display: flex; flex-direction: row-reverse} .mrs-table .record-list-pagination-section .slds-button:hover, .mrs-table .record-list-pagination-section .slds-button:focus {outline: 0; box-shadow: none; font-weight: 600} } /* Mobile */ @media (max-width: 767px) { .mrs-table .record-list-table-wrapper .record-list-header .slds-grid {display: flex; flex-direction: column-reverse} .mrs-table .record-list-table-wrapper .record-list-header .slds-grid .slds-col {width: 100%} .mrs-table .record-list-table-wrapper .record-list-header .slds-grid .slds-col p.slds-text-body--small {margin-top: 1rem} .mrs-table .record-list-table-wrapper .record-list-header .slds-grid .slds-col force-list-view-manager-status-info {width: 100%; text-align: center} .mrs-table .record-list-table-wrapper .record-list-header .slds-grid .slds-col force-list-view-manager-search-bar {height: auto} .mrs-table .record-list-table-wrapper .record-list-header .slds-grid .slds-col force-list-view-manager-search-bar .search-in-list {margin-top: 0} .mrs-table .record-list-table-wrapper .slds-table thead {display: none} .mrs-table .record-list-table-wrapper .slds-table tbody {display: block} .mrs-table .record-list-table-wrapper .slds-table tr {padding-top: 10px; display: block; width: 100%} .mrs-table .record-list-table-wrapper .slds-table tr:first-child {padding-top: 0} .mrs-table .record-list-table-wrapper .slds-table tr > th:first-child, .mrs-table .record-list-table-wrapper .slds-table tr > td:first-child {padding-top: 10px} .mrs-table .record-list-table-wrapper .slds-table tr > td:last-child {padding-bottom: 10px} .mrs-table .record-list-table-wrapper .slds-table tbody th, .mrs-table .record-list-table-wrapper .slds-table tbody td {text-align: right !important; border: 0 !important; --dxp-c-text-block-text-color: #75787B; display: flex; flex-wrap: wrap; justify-content: space-between} .mrs-table .record-list-table-wrapper .slds-table tbody th:before, .mrs-table .record-list-table-wrapper .slds-table tbody td:before {content: attr(data-label)": "; margin-right: 1em; font-weight: bold; float: left} .mrs-table .record-list-pagination-section .standard-button-group {padding: 16px 15px} } /* Tablet */ @media (min-width: 768px) { .mrs-table .record-list-table-wrapper .record-list-header {padding: 0 0 30px !important} .mrs-table .record-list-table-wrapper .record-list-header force-list-view-manager-status-info {padding: 13.75px 35px} .mrs-table .record-list-table-wrapper .slds-table thead th .slds-th__action {padding: 7px 15px} .mrs-table .record-list-table-wrapper .slds-table tr > th + th, .mrs-table .record-list-table-wrapper .slds-table tr > th + td, .mrs-table .record-list-table-wrapper .slds-table tr > td + td {border-left: 5px solid transparent; white-space: pre-line; overflow-wrap: break-word; word-wrap: break-word} .mrs-table .record-list-table-wrapper .slds-table tr + tr > th, .mrs-table .record-list-table-wrapper .slds-table tr + tr > td {border-top: 5px solid transparent} } /* Desktop */ @media (min-width: 1025px) { .mrs-table .record-list-header {--dxp-c-header-title-font-size: var(--dxp-s-text-heading-large-font-size)} } /* Desktop (Extra Extra Large) */ @media (min-width: 1601px) { .mrs-table .record-list-table-wrapper .record-list-header {--dxp-c-header-title-font-size: 30px} .mrs-table .record-list-table-wrapper .record-list-header .record-avatar-container {width: 38px; height: 38px} .mrs-table .record-list-table-wrapper .record-list-header force-list-view-manager-status-info {padding: 18.13px 50px} .mrs-table .record-list-table-wrapper .record-list-header .slds-input {padding-block: 16px} .mrs-table .record-list-table-wrapper {--dxp-c-record-list-table-cell-font-size: 17px} .mrs-table .record-list-table-wrapper .slds-table thead th {font-size: 20px !important} .mrs-table .record-list-table-wrapper .slds-table thead th .slds-th__action {padding: 15px 20px} .mrs-table .record-list-table-wrapper .slds-table tbody th, .mrs-table .record-list-table-wrapper .slds-table tbody td {--dxp-c-record-list-table-cell-padding: 10.25px 20px} .mrs-table .record-list-pagination-section .standard-button-group {margin-top: 25px; padding: 15.5px 35px} } /* TABLE POC */ /* RECORD DETAIL */ @media screen { .record-detail.-green {--detail-theme: #6BC200} .record-detail.-orange {--detail-theme: #E46C0A} .record-detail.-dark-blue {--detail-theme: #102A3F} .record-detail.-gray {--detail-theme: #75787B} .record-detail {--dxp-s-form-element-label-font-family: var(--dxp-g-root-font-family); --dxp-s-form-element-text-font-family: var(--dxp-g-root-font-family); --dxp-s-form-element-label-font-size: 14px; --dxp-s-form-element-radius-border: 0} .record-detail .header-title-container {margin: 0} .record-detail .slds-card__header{padding: 0; margin: 0} .record-detail .slds-card__body {margin-block: 0} .record-detail .slds-card__body_inner {padding-inline: 0} .record-detail .slds-section {margin-bottom: 6px !important} .record-detail .slds-section__title-action {padding: 0; box-shadow: none; flex-direction: row-reverse; justify-content: space-between} .record-detail .slds-section__title-action > span:last-child {font-size: var(--dxp-s-text-heading-medium-font-size); color: var(--detail-theme); text-transform: uppercase} .record-detail .slds-icon_container {margin-right: 0; margin-left: var(--dxp-g-spacing-xsmall)} .record-detail .slds-button.slds-button_icon {color: #CDCDCD} .record-detail .slds-section.slds-is-open .slds-section__content {padding-top: 22px; padding-inline: 0} .record-detail .slds-form-element_readonly {border-bottom: 0; padding: 0; margin-bottom: 18px} .record-detail .slds-form-element_readonly .slds-form-element__control {padding: 0} .record-detail .slds-form-element_stacked .slds-form-element__icon {padding-top: 0} .record-detail .slds-form-element__label {font-weight: 600} .record-detail .slds-form-element__static {font-size: var(--dxp-s-form-element-label-font-size)} .record-detail .slds-checkbox .slds-checkbox_faux {border-radius: 0 !important} } /* Desktop (Extra Extra Large) */ @media (min-width: 1601px) { .record-detail {--dxp-s-form-element-label-font-size: 17px} .record-detail .slds-section {margin-bottom: 50px} .record-detail .slds-section__title-action > span:last-child {font-size: 25px} .record-detail .slds-checkbox .slds-checkbox_faux {width: 18px; height: 18px} } /* RECORD DETAIL */ /* RECORD DETAIL CASE */ @media screen { .record-detail-case {--detail-theme: #6BC200} .record-detail-case {--dxp-s-form-element-label-font-family: var(--dxp-g-root-font-family); --dxp-s-form-element-text-font-family: var(--dxp-g-root-font-family); --dxp-s-form-element-label-font-size: 14px; --dxp-s-form-element-radius-border: 0} .record-detail-case .header-title-container {margin: 0} .record-detail-case .slds-card__header {padding: 0; margin: 0} .record-detail-case .slds-card__body {margin-block: 0} .record-detail-case .slds-card__body_inner {padding-inline: 0} .record-detail-case .slds-section {margin-bottom: 6px !important} .record-detail-case .slds-section__title-action {padding: 0; box-shadow: none; flex-direction: row-reverse; justify-content: space-between} .record-detail-case .slds-section__title-action > span:last-child {font-size: var(--dxp-s-text-heading-medium-font-size); color: var(--detail-theme); text-transform: uppercase} .record-detail-case .slds-icon_container {margin-right: 0; margin-left: var(--dxp-g-spacing-xsmall)} .record-detail-case .slds-button.slds-button_icon {color: #CDCDCD} .record-detail-case .slds-section.slds-is-open .slds-section__content {padding-top: 22px; padding-inline: 0} .record-detail-case .slds-form-element_readonly {border-bottom: 0; padding: 0; margin-bottom: 18px} .record-detail-case .slds-form-element_readonly .slds-form-element__control {padding: 0} .record-detail-case .slds-form-element_stacked .slds-form-element__icon {padding-top: 0} .record-detail-case .slds-form-element__label {font-weight: 600} .record-detail-case .slds-form-element__static {font-size: var(--dxp-s-form-element-label-font-size)} .record-detail-case .slds-checkbox .slds-checkbox_faux {border-radius: 0 !important} /* AQUI: estilo condicional só para essa página */ .record-detail-case dxp_records-section:nth-of-type(4), .record-detail-case dxp_records-section:nth-of-type(4) * { visibility: hidden !important; height: 0px !important; overflow: hidden !important; padding: 0 !important; margin: 0 !important; } } /* RECORD DETAIL CASE*/ /* Desktop (Extra Extra Large) */ @media (min-width: 1601px) { .record-detail-case {--dxp-s-form-element-label-font-size: 17px} .record-detail-case .slds-section {margin-bottom: 50px} .record-detail-case .slds-section__title-action > span:last-child {font-size: 25px} .record-detail-case .slds-checkbox .slds-checkbox_faux {width: 18px; height: 18px} } /* PAGINATION */ @media screen { .pagination {display: inline-flex !important; justify-content: center} .pagination .container {padding: 16px 50px; display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 40px} .pagination nav {display: flex; align-items: center; gap: 13px} .pagination a {color: inherit !important; text-decoration: none !important; display: flex; align-items: center} .pagination .prev, .pagination .next {font-size: 0} .pagination .last {flex-direction: row-reverse} .pagination .first, .pagination .last {gap: 13px} .pagination .first:before, .pagination .last:before, .pagination .prev:before, .pagination .next:before {content: ''; display: inline-block; height: 15px; background: 0 0 / auto 100%; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDggMTUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDFMNi40NDUzOCA3LjUzNTQ0TDEgMTQuMDcwOSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjIzODYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K)} .pagination .prev:before, .pagination .next:before {width: 8px} .pagination .first:before, .pagination .last:before {width: 16px} .pagination .first:before, .pagination .prev:before {transform: scaleX(-1)} .pagination.-full {width: 100%} .pagination.-txt-dark-gray .first:before, .pagination.-txt-dark-gray .last:before, .pagination.-txt-dark-gray .prev:before, .pagination.-txt-dark-gray .next:before {filter: brightness(0) saturate(100%) invert(44%) sepia(6%) saturate(281%) hue-rotate(202deg) brightness(90%) contrast(87%)} } /* Tablet */ @media (max-width: 1024px) { .pagination {width: 100%} } /* Mobile */ @media (max-width: 767px) { .pagination .container {padding: 10px; flex-direction: column; align-items: center; gap: 10px} } /* Desktop (Large to Extra Extra Large) */ @media (min-width: 1025px) and (max-width: 1600px) { .pagination .container {padding: 15.5px 35px} } /* PAGINATION */ /* ICONCARD */ @media screen { .iconcard .dxp-block-two-column-container {flex-direction: column; gap: 30px} .iconcard .slds-col {width: 100%} .iconcard .dxp-block-flexible-container {padding: 14%; background-color: var(--dxp-c-block-flexible-background-color,#F1F1F1) !important} .iconcard dxp_content_layout-block-background-image {width: 90px; height: 90px; flex: none !important} .iconcard .main-content-container {padding: var(--dxp-c-content-container-padding, 0) !important} .iconcard .column-content {height: 100%} .iconcard .component-wrapper-spacer {margin-bottom: 10px} .iconcard .dxp-text-heading-large {font-size: var(--dxp-s-text-heading-medium-font-size, var(--dxp-g-font-size-7)); font-weight: bold; color: #459D43; text-transform: uppercase} .iconcard .dxp-text-body {color: #75787B; margin-bottom: 30px} } /* Tablet */ @media (max-width: 1024px) { .iconcard .dxp-block-flexible-container {padding: 45px} } /* Mobile */ @media (max-width: 767px) { .iconcard .dxp-block-flexible-container {padding: 1.5rem !important} } /* Desktop */ @media (min-width: 1025px) { .iconcard .dxp-block-two-column-container {gap: 50px} .iconcard .component-wrapper-spacer {margin-bottom: 20px} .iconcard dxp_content_layout-block-background-image {width: 134px; height: 134px} .iconcard .dxp-text-heading-large {font-size: 25px} .iconcard .dxp-text-body {font-size: 18px; margin-bottom: 50px} } /* Desktop (Large to Extra Extra Large) */ @media (min-width: 1025px) and (max-width: 1600px) { .iconcard .dxp-block-flexible-container {padding: 10% 12.73%} .iconcard .dxp-block-two-column-container {gap: 40px} .iconcard dxp_content_layout-block-background-image {width: 100px; height: 100px} .iconcard .dxp-text-heading-large {font-size: 20px} .iconcard .dxp-text-body {font-size: 15px; margin-bottom: 40px} } /* ICONCARD */ /* MRS TABS */ @media screen { .mrs-tabs .dxp-tab-nav-container dxp_base-text-block > * {font-size: var(--dxp-s-text-heading-medium-font-size, var(--dxp-g-font-size-7)); line-height: 1.7926} .mrs-tabs .slds-tabs_default__content {--sds-c-tabs-panel-spacing-block-start: 30px} .mrs-tabs .dxp-tab-bar-hover-tab-horizontal[data-active="false"]:hover {--dxp-c-hover-tab-border-color: #CDCDCD} } /* Desktop */ @media (min-width: 1025px) { .mrs-tabs .slds-tabs_default__nav {--slds-c-tabs-list-color-border: #CDCDCD; --dxp-c-tab-border-color: transparent; --dxp-c-tab-border-weight: 2px; --dxp-c-hover-tab-border-weight: 2px} .mrs-tabs .dxp-tab-bar-container .dxp-tab-nav-container {padding: 15px 48px !important; position: relative; z-index: 1; outline: none} .mrs-tabs .dxp-tab-nav-container dxp_base-text-block > * {font-size: 27px} .mrs-tabs [aria-selected="true"] dxp_base-text-block > * {font-weight: 600} .mrs-tabs .slds-tabs_default__content {--sds-c-tabs-panel-spacing-block-start: 47px} } /* Desktop (Large to Extra Extra Large) */ @media (min-width: 1025px) and (max-width: 1600px) { .mrs-tabs .dxp-tab-bar-container .dxp-tab-nav-container {padding: 10px 38px !important} .mrs-tabs .dxp-tab-nav-container dxp_base-text-block > * {font-size: 22px} .mrs-tabs .slds-tabs_default__content {--sds-c-tabs-panel-spacing-block-start: 27px} .mrs-tabs .slds-tabs_default__content > dxp_layout-columns {--dxp-c-l-column-gutter-width: 1.5rem !important} } /* MRS TABS */ /* ACTIONS */ @media screen { .actions {padding-top: var(--dxp-style-c-padding-top); padding-bottom: var(--dxp-style-c-padding-bottom); --dxp-style-c-padding-top-s: 9px; --dxp-style-c-padding-bottom-s: 25px; --dxp-style-c-padding-top-m: 9px; --dxp-style-c-padding-bottom-m: 25px; --dxp-style-c-padding-top: 80px; --dxp-style-c-padding-bottom: 45px} .actions .interactions-region, .actions dxp_layout-column:last-of-type .column-content {flex-direction: row !important; justify-content: flex-end !important; flex-wrap: wrap; gap: 10px} .actions dxp_search-search-input {max-width: 185px !important} } /* Tablet */ @media (max-width: 1024px) { .actions {padding-top: var(--dxp-style-c-padding-top-m); padding-bottom: var(--dxp-style-c-padding-bottom-m)} } /* Mobile */ @media (max-width: 767px) { .actions {padding-top: var(--dxp-style-c-padding-top-s); padding-bottom: var(--dxp-style-c-padding-bottom-s)} } /* Desktop (Large to Extra Extra Large) */ @media (min-width: 1025px) and (max-width: 1600px) { .actions {--dxp-style-c-padding-top: 60px; --dxp-style-c-padding-bottom: 30px} .actions dxp_search-search-input {max-width: 200px !important} } /* Desktop */ @media (min-width: 1601px) { .actions dxp_search-search-input {max-width: 253px !important} } /* ACTIONS */ /* HERO */ @media screen { .hero {color: #FFF} .hero.comm-section-container {padding-top: var(--dxp-style-c-padding-top); padding-bottom: var(--dxp-style-c-padding-bottom); padding-right: var(--dxp-style-c-padding-right); padding-left: var(--dxp-style-c-padding-left); --dxp-style-c-padding-top-s: 0; --dxp-style-c-padding-bottom-s: 0; --dxp-style-c-padding-right-s: 0;--dxp-style-c-padding-left-s: 0; --dxp-style-c-padding-top-m: 0; --dxp-style-c-padding-bottom-m: 0; --dxp-style-c-padding-right-m: 0;--dxp-style-c-padding-left-m: 0; --dxp-style-c-padding-top: 0; --dxp-style-c-padding-bottom: 0; --dxp-style-c-padding-right: 0;--dxp-style-c-padding-left: 0} .hero .dxp-block-flexible-container {--dxp-c-s-height: 510px; --dxp-c-m-height: 576px; --dxp-c-l-height: 662px} .hero .dxp-text-heading-large {font-weight: 600; color: inherit; line-height: 1.2660; margin-bottom: 20px; text-wrap: balance} .hero .dxp-text-body {color: inherit; line-height: 1.4706} .hero dxp_content_layout-button-group {margin-top: 25px !important} .hero a:link:not(.slds-button, .slds-dropdown__item > a) {--dxp-c-link-text-color: #FFF; --dxp-c-link-text-decoration: underline} /* INTERNAL */ .hero.-internal .dxp-block-flexible-container {--dxp-c-s-height: 295px; --dxp-c-m-height: 350px; --dxp-c-l-height: 519px} .hero.-internal .dxp-text-body {text-wrap: balance} .hero.-internal dxp_content_layout-button-group {max-width: 557px} } /* Tablet */ @media (max-width: 1024px) { .hero.comm-section-container {padding-top: var(--dxp-style-c-padding-top-m); padding-bottom: var(--dxp-style-c-padding-bottom-m); padding-right: var(--dxp-style-c-padding-right-m); padding-left: var(--dxp-style-c-padding-left-m)} } /* Mobile */ @media (max-width: 767px) { .hero .dxp-text-heading-large, .hero.-internal .dxp-text-body {text-shadow: 0 1px 5px rgba(0,0,0,.5)} } /* Desktop */ @media (min-width: 1025px) { .hero .main-content-container {--dxp-c-content-container-padding: 106px} .hero .dxp-text-heading-large {font-size: 47.83px} .hero .dxp-text-body {font-size: 28px} .hero dxp_content_layout-button-group {max-width: 481px; margin-top: 53px !important} } /* Desktop (Large to Extra Extra Large) */ @media (min-width: 1025px) and (max-width: 1600px) { .hero .main-content-container {--dxp-c-content-container-padding: 87px 70px} .hero .dxp-block-flexible-container {--dxp-c-block-flexible-container-min-height: 500px} .hero .dxp-text-heading-large {font-size: 38px} .hero .dxp-text-body {font-size: 21px} .hero dxp_content_layout-button-group {max-width: 360px; margin-top: 38px !important} /* INTERNAL */ .hero.-internal .main-content-container {--dxp-c-content-container-padding: 55px 40px} .hero.-internal .dxp-block-flexible-container {--dxp-c-l-height: 390px; --dxp-c-block-flexible-container-min-height: 390px} .hero.-internal dxp_content_layout-button-group {max-width: 415px} } /* Desktop (Extra Extra Large) */ @media (min-width: 1601px) { /* INTERNAL */ .hero.-internal .main-content-container {--dxp-c-content-container-padding: 78px 53px} } /* HERO */ /* INFO ICON */ @media screen { .info-icon {font-size: 0; display: inline-block; position: relative; top: -2px} .info-icon::after {content: 'i'; font-size: 11px; --size: 16px; width: var(--size); height: var(--size); border: 1px solid; border-radius: 100%; display: inline-flex; justify-content: center; align-items: center} } /* Desktop */ @media (min-width: 1025px) { .info-icon::after {--size: 20px} } /* Desktop (Large to Extra Extra Large) */ @media (min-width: 1025px) and (max-width: 1600px) { .info-icon::after {--size: 16px; font-size: 9px} } /* INFO ICON */ /* TOOLTIP */ @media screen { [data-tooltip] {position: relative; cursor: help} [data-tooltip][data-position="right"]::before {top: -50%; left: 105%; transform: translateX(-20px)} [data-tooltip][data-position="bottom"]::before {top: 150%; transform: translateY(-20px)} [data-tooltip][data-position="left"]::before {top: -50%; right: 105%; transform: translateX(20px)} [data-tooltip]:hover::before {transform: translate(0); opacity: 1} [data-tooltip]::before {content: attr(data-tooltip); display: block; background: #002C4A; color: #FFF; font-size: 13px; padding: 10px 15px; border-radius: 5px; position: absolute; z-index: 1; opacity: 0; pointer-events: none; transform: translateY(20px); transition: all .3s cubic-bezier(0.4, 0, .2, 1)} .slds-popover {border-radius: 0} .slds-popover_tooltip, .slds-popover--tooltip {--slds-c-tooltip-color-background: #002C4A} } /* Tablet */ @media (max-width: 1024px) { [data-tooltip]::before {width: var(--tablet-width)} } /* Mobile */ @media (max-width: 767px) { [data-tooltip]::before {width: var(--mobile-width)} } /* Desktop */ @media (min-width: 1025px) { [data-tooltip]::before {width: var(--desktop-width)} } /* TOOLTIP */ /* FORMS */ @media screen { .form {color: #0F4A6D; display: flex; flex-direction: column; align-items: flex-start; gap: 15px} .form fieldset {border: 0; width: 100%; display: flex} .form fieldset div {width: 100%} .form label {color: #878787; font-size: 14px} .form input, .form select, .form textarea {background-color: #F6F6F6 !important; border: 1px solid #F6F6F6 !important; border-radius: 0; outline: none; padding: 10px 28px; width: 100%; color: #878787 !important; min-height: 58px; font-family: inherit; font-size: var(--dxp-s-body-font-size, 16px)} .form input:focus, .form select:focus, .form textarea:focus {border-color: #002C4A !important} .form select {min-width: max-content; padding-right: calc(28px + 18px + 10px); appearance: none; background-repeat: no-repeat; background-position: right 28px top 50%; background-size: 18px auto; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxOCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUw5IDlMMTcgMSIgc3Ryb2tlPSIjMTAyQTNGIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K)} .form option {background-color: #F6F6F6 !important} .form option:checked {background: #002C4A !important; color: #FFF !important} .form textarea {min-height: 80px} .form .checkbox {margin: 0; padding: 0; position: relative; z-index: initial; left: 0; display: inline-flex; gap: 10px} .form input[type="checkbox"] {-webkit-appearance: none; appearance: none; position: relative; top: 0; background: none !important; margin: 0; border: 1px solid #102A3F !important; --size: 18px; min-width: var(--size); min-height: var(--size); max-width: var(--size); max-height: var(--size); padding: 0; display: inline-flex} .form input[type="checkbox"]:checked::before {content: ''; width: 5px; height: 10px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -58%) rotate(40deg); border: 3px solid #102A3F; border-left: 0; border-top: 0} .form input[type="checkbox"].-white {border-color: #FFF !important} .form input[type="checkbox"].-white:checked::before {border-color: #FFF} .form .radio {margin: 0; padding: 0; position: relative; z-index: initial; left: 0; display: flex; gap: 10px} .form input[type="radio"] {-webkit-appearance: none; appearance: none; position: relative; top: 0; border-radius: 50%; background: none !important; margin: 0; border: 1px solid #102A3F !important; --size: 18px; min-width: var(--size); min-height: var(--size); max-width: var(--size); max-height: var(--size); padding: 0; display: inline-flex} .form input[type="radio"]:checked::before {content: ''; width: calc(100% - 6px); height: calc(100% - 6px); position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #102A3F; border-radius: 50%} .form hr {margin: 0 !important} .btn {font-size: var(--dxp-s-button-large-font-size, 18px); font-weight: 600; line-height: 2.3077; color: #FFF; text-align: center; padding: 8.24px 20px; border: 0; background: #002C4A; border-radius: 0; width: 100%; text-decoration: none !important; display: inline-flex; justify-content: center} .btn.-bg-white {background-color: #FFF !important} .btn.-txt-dark-blue {color: #002C4A !important} .form [class*="-icon-"] {padding-left: 55px; background-repeat: no-repeat; background-position: left 18px top 50%} .-icon-mail {background-size: 22px auto; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjkiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyOSAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI4IDEuMjM2NzZIMSIgc3Ryb2tlPSIjMDAyQzRBIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTEgMS43NjMyNlYyMC43NjMzSDI4VjEuNzYzMjZMMTQuMzA0MyAxMi4wMzM1TDEgMS43MTAyNyIgc3Ryb2tlPSIjMDAyQzRBIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)} .-icon-password {background-size: 17px auto; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMjNWMTBIMjNWMjNIMVoiIHN0cm9rZT0iIzAwMkM0QSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik01LjA3NDIyIDEwQzUuMDc0MjIgMTAgNS4wNzQyMiAxIDEyLjQwNzYgMUMxOS43NDA5IDEgMTkuNzQwOSAxMCAxOS43NDA5IDEwIiBzdHJva2U9IiMwMDJDNEEiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K)} .-input-error {border: 1px solid #F04E4C !important} [class*="-desktop-col-"] {display: grid; gap: 20px} } /* Desktop */ @media (min-width: 1025px) { .form {gap: 20px} .form label {font-size: 16px} .form input, .form select, .form textarea {font-size: 22px; min-height: 80px} .form select {padding-right: calc(3.125rem + 18px + 10px); background-position: right 3.125rem top 50%} .form .checkbox {gap: 15px} .form input[type="checkbox"] {--size: 22px} .form input[type="checkbox"]:checked::before {width: 7px; height: 14px} .form input[type="radio"] {--size: 22px} .form .btn {font-size: 26px; padding: 10px 40px} .form [class*="-icon-"] {padding-left: 75px; background-position: left 28px top 50%} .-icon-mail {background-size: 27px auto} .-icon-password {background-size: 22px auto} .-desktop-col-50-50 {grid-template-columns: repeat(2, 1fr)} } /* Desktop (Large to Extra Extra Large) */ @media (min-width: 1025px) and (max-width: 1600px) { .form {gap: 16px} .form label {font-size: 13px} .form input, .form select, .form textarea {font-size: 17px; min-height: 60px} .form select {background-size: 15px auto; background-position: right 45px top 50%} .form .checkbox {gap: 10px} .form input[type="checkbox"] {--size: 18px} .form input[type="checkbox"]:checked::before {width: 5px; height: 10px; border-width: 2px} .form input[type="radio"] {--size: 18px} .form .btn {font-size: 20px; padding: 7px 20px} .form [class*="-icon-"] {padding-left: 55px; background-position: left 20px top 50%} .-icon-mail {background-size: 20px auto} .-icon-password {background-size: 18px auto} [class*="-desktop-col-"] {gap: 16px} } /* FORMS */ /* DIALOG */ @media screen { .dialog {position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 96%; max-height: 94vh; max-height: 94dvh; max-width: 1535px; overflow: hidden; margin: 0!important; border: 0; outline: none; box-shadow: none; color: #102A3F; font-size: 14px; padding: 0} .dialog::backdrop {background: rgba(0, 0, 0, .65)} .dialog .close {position: fixed; z-index: 1; right: 0; top: 0; width: 34px; height: 34px; margin: 0; cursor: pointer; border: 0; font-size: 0; opacity: 1; background: #FFF; display: flex; justify-content: center; align-items: center} .dialog .close:after {width: 16px; height: 16px; content: ''; background: no-repeat 0 0 / cover; background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI1IDI2IiB3aWR0aD0iMjUiIGhlaWdodD0iMjYiPjxzdHlsZT4uYXtmaWxsOm5vbmU7c3Ryb2tlOiMxMDJhM2Y7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLXdpZHRoOjJ9PC9zdHlsZT48cGF0aCBjbGFzcz0iYSIgZD0ibTEuMyAxLjZsMjEuOSAyMS45Ii8+PHBhdGggY2xhc3M9ImEiIGQ9Im0yMy4yIDIuM2wtMjEuOSAyMS45Ii8+PC9zdmc+)} .dialog .close.-white {background: #002C4A} .dialog .close.-white:after {filter: brightness(0) invert(1)} .dialog .contents {width: 100%; max-height: 94vh; max-height: 94dvh; overflow-y: auto} .dialog .side {padding: 40px 20px; display: flex; justify-content: center} .dialog .content {width: 100%; max-width: 315px} .dialog .content.content-success {max-width: 70%} .dialog .title {font-size: var(--dxp-s-text-heading-large-font-size, var(--dxp-g-font-size-9)); font-weight: 600; line-height: 1.18; color: #102A3F; text-align: center; margin-bottom: 30px; width: 100%; text-wrap: balance} .dialog .btn {max-width: 225px} .dialog [class*="-txt-"] * {color: inherit} .dialog .-bg-dark-blue, .dialog .-bg-dark-blue * {background-color: #002C4A} .dialog .-txt-dark-blue, .dialog .-txt-dark-blue * {color: #002C4A} } /* Tablet */ @media (max-width: 1024px) { .dialog {max-width: 75%} .dialog .content {max-width: 415px} .dialog .content.content-success {max-width: 95%} } /* Mobile */ @media (max-width: 767px) { .dialog {max-width: 90%} } /* Desktop */ @media (min-width: 1025px) { .dialog {font-size: 16px} .dialog .close {right: 64px; top: 64px; width: 34px; height: 34px} .dialog .close:after {width: 22px; height: 23px} .dialog .contents {display: grid; grid-template-columns: repeat(2, 1fr)} .dialog .side {padding: 80px 20px} .dialog .title {font-size: 47.83px; margin-bottom: 60px} .dialog .btn {max-width: 325px} } /* Desktop (Large to Extra Extra Large) */ @media (min-width: 1025px) and (max-width: 1600px) { .dialog {font-size: 13px} .dialog .close {right: 44px; top: 44px} .dialog .close:after {width: 18px; height: 18px} .dialog .title {font-size: 38px; margin-bottom: 35px; letter-spacing: -0.04em} .dialog .btn {max-width: 240px} } /* DIALOG */ /* GENERIC */ @media screen { main .cb-outputRichText-container > p ~ p, main .cb-outputRichText-container > * ~ * {margin-top: 20px} .-max-content {min-width: max-content; display: inline-flex} .-balance {text-wrap: balance} .-regular {font-weight: 400 !important} .-bold {font-weight: 600 !important} .-no-underline {text-decoration: none !important} } /* Tablet */ @media (max-width: 1024px) { /* REVERSE */ .-column-reverse-m > .columns-content {flex-direction: column-reverse !important} .-column-reverse-m > .columns-content > .columns{--columns-layout-direction-tablet: column-reverse} } /* Mobile */ @media (max-width: 767px) { /* REVERSE */ .-column-reverse-s > .columns-content {flex-direction: column-reverse !important} .-column-reverse-s > .columns-content > .columns {--columns-layout-direction-mobile: column-reverse} } /* Desktop */ @media (min-width: 1025px) { :root {--dxp-s-body-font-size: 14px} main .cb-outputRichText-container .-lg {font-size: 22px} } /* Desktop (Large to Extra Extra Large) */ @media (min-width: 1025px) and (max-width: 1600px) { :root {--dxp-s-section-columns-max-width: 1100px} main .comm-section-container {--dxp-c-l-max-content-width: 1140px !important} } /* Desktop (Extra Extra Large) */ @media (min-width: 1601px) { :root {--dxp-s-body-font-size: 1.0625em} } /* GENERIC */ /* ------------------------------ HOMEPAGE ------------------------------ */ @media screen { /* HELP */ .help.comm-section-container {padding-top: var(--dxp-style-c-padding-top); padding-bottom: var(--dxp-style-c-padding-bottom); --dxp-style-c-padding-top-s: 30px; --dxp-style-c-padding-bottom-s: 50px; --dxp-style-c-padding-top-m: 30px; --dxp-style-c-padding-bottom-m: 50px; --dxp-style-c-padding-top: 31px; --dxp-style-c-padding-bottom: 15px} .help .component-wrapper-spacer {margin-bottom: 0} .help .dxp-text-heading-large {font-weight: bold; line-height: 1.2083; color: #444; margin-bottom: 20px} .help .dxp-text-body {color: #444; line-height: 1.2425; margin-bottom: 40px} /* INAV */ .inav .comm-tile-menu__ui {max-width: 1308px; margin: auto} .inav .comm-tile-menu__item {margin-top: 25px} .inav .comm-tile-menu__item:last-of-type {border-right: 0} .inav .comm-tile-menu__item-link {text-decoration: none !important; --dxp-s-link-text-color: #75787B} .inav .comm-tile-menu__item-tile {background: none !important; height: auto !important} .inav .comm-tile-menu__item-title {text-wrap: balance; padding-left: 0 !important; padding-right: 0 !important; text-transform: uppercase !important; text-overflow: initial !important; overflow: auto !important; white-space: initial !important; word-break: initial; font-weight: 400; --dxp-g-brand-contrast: #75787B} .inav .comm-tile-menu_item-overlay {position: initial !important; height: auto !important} .inav .comm-tile-menu__icon-section {position: initial !important; height: 51px !important} .inav .comm-tile-menu__icon {max-height: initial !important} .inav .comm-tile-menu__item-banner {position: initial !important; height: auto !important; margin-top: 29px !important} .inav .comm-tile-menu__item:hover .comm-tile-menu__item-title {font-weight: 600} .inav .comm-tile-menu__item-link:focus .comm-tile-menu__item-title {font-weight: 600} /* OVERCARDS */ .overcards {margin-top: -55px} .overcards .columns-content {justify-content: flex-end} .overcards community_layout-column {max-width: 1361px} .overcards dxp_layout-columns {background-color: #FFF; padding-top: var(--dxp-style-c-padding-top); padding-right: var(--dxp-style-c-padding-right); padding-bottom: var(--dxp-style-c-padding-bottom); padding-left: var(--dxp-style-c-padding-left); display: block} .overcards .column-content {height: 100%} .overcards dxp_data_provider-image-data-provider {height: 100%} .overcards dxp_data_provider-data-proxy {height: 100%; display: block} .overcards dxp_content_layout-card {height: 100%; display: block} .overcards dxp_content_layout-block-flexible {display: flex} .overcards dxp_content_layout-block-flexible > .dxp-block-flexible-layout {width: 100%} .overcards .dxp-block-flexible-container {padding: 20px} .overcards .slds-size_1-of-3 {width: 34.521%} .overcards .main-content-container {padding: 0 !important; padding-left: 20px !important} .overcards .dxp-text-body {--dxp-c-text-block-text-color: #FFF; color: var(--dxp-c-text-block-text-color); font-size: 15px; line-height: 1.4706} .overcards dxp_content_layout-button-group {margin-top: 15px !important} .overcards .dxp-block-two-column-container .dxp-block-two-column-cell:first-of-type {width: 24.694%; max-width: 189px} .overcards .dxp-block-two-column-container .dxp-block-two-column-cell:last-of-type {width: 75.361%} /* CARDS */ .cards.comm-section-container {padding-top: var(--dxp-style-c-padding-top)!important; padding-bottom: var(--dxp-style-c-padding-bottom)!important; --dxp-style-c-padding-top-s: 55px; --dxp-style-c-padding-bottom-s: 55px; --dxp-style-c-padding-top-m: 55px; --dxp-style-c-padding-bottom-m: 55px; --dxp-style-c-padding-top: 40px; --dxp-style-c-padding-bottom: 40px} .cards community_layout-column {background-color: #F6F6F6; --dxp-c-button-group-alignment: flex-start !important} .cards dxp_data_provider-data-proxy {display: block; height: 100%} .cards dxp_content_layout-block-flexible {height: 100%; display: flex} .cards .slds-grid dxp-block-flexible-layout {height: 100%} .cards .main-content {height: 100%; display: flex; flex-direction: column} .cards .main-content > div:last-of-type {flex: 1} .cards dxp_content_layout-tile2 {height: 100%; display: block; padding-top: var(--dxp-style-c-padding-top); padding-right: var(--dxp-style-c-padding-right); padding-bottom: var(--dxp-style-c-padding-bottom); padding-left: var(--dxp-style-c-padding-left); --dxp-style-c-padding-top-s: 20px; --dxp-style-c-padding-right-s: 20px; --dxp-style-c-padding-bottom-s: 20px; --dxp-style-c-padding-left-s: 20px; --dxp-style-c-padding-top-m: 20px; --dxp-style-c-padding-right-m: 20px; --dxp-style-c-padding-bottom-m: 20px; --dxp-style-c-padding-left-m: 20px; --dxp-style-c-padding-top: 35px; --dxp-style-c-padding-right: 20px; --dxp-style-c-padding-bottom: 35px; --dxp-style-c-padding-left: 20px} .cards .dxp-content-layout-image {margin-bottom: 20px; --dxp-c-tile-height: 57px !important; --dxp-c-tile-image-ratio: 1 !important; --dxp-c-block-image-position: top left !important; --dxp-c-block-image-fit: contain !important; flex: none; order: -1} .cards .dxp-text-heading-large {font-weight: bold; font-size: var(--dxp-s-text-heading-medium-font-size, var(--dxp-g-font-size-7)); text-transform: uppercase; margin-bottom: 10px} .cards .dxp-text-body {color: #75787B; margin-bottom: 20px; flex: 1} .cards .dxp-block-flexible-container {--dxp-c-block-flexible-background-color: transparent; --dxp-c-block-flexible-container-min-height: auto} /* NEWSLETTER */ .newsletter {background-color: #0F4A6D} .newsletter.comm-section-container {padding-top: var(--dxp-style-c-padding-top); padding-bottom: var(--dxp-style-c-padding-bottom); --dxp-style-c-padding-top-s: 45px; --dxp-style-c-padding-bottom-s: 45px; --dxp-style-c-padding-top-m: 45px; --dxp-style-c-padding-bottom-m: 45px; --dxp-style-c-padding-top: 95px; --dxp-style-c-padding-bottom: 95px} .newsletter .dxp-text-heading-large {color: #FFF; font-weight: bold; margin-bottom: 25px} .newsletter .component-wrapper-spacer {margin-bottom: 0} .newsletter .mrs-button {max-width: 459px; width: 100%; margin-inline: auto; align-self: center} .newsletter .mrs-button .slds-button:before {background-color: #0075A6} .newsletter2 {background-color: #9C9FA6} .newsletter2.comm-section-container {padding-top: var(--dxp-style-c-padding-top); padding-bottom: var(--dxp-style-c-padding-bottom); --dxp-style-c-padding-top-s: 45px; --dxp-style-c-padding-bottom-s: 45px; --dxp-style-c-padding-top-m: 45px; --dxp-style-c-padding-bottom-m: 45px; --dxp-style-c-padding-top: 95px; --dxp-style-c-padding-bottom: 95px} .newsletter .dxp-text-heading-large {color: #FFF; font-weight: bold; margin-bottom: 25px} .newsletter2 .component-wrapper-spacer {margin-bottom: 0} .newsletter2 .mrs-button {max-width: 459px; width: 100%; margin-inline: auto; align-self: center} .newsletter2 .mrs-button .slds-button:before {background-color: #0075A6} /* MY SERVICE & SUPPORT */ .mss {background-color: #6BC200} .mss.comm-section-container {padding-top: var(--dxp-style-c-padding-top); padding-bottom: var(--dxp-style-c-padding-bottom); --dxp-style-c-padding-top-s: 55px; --dxp-style-c-padding-bottom-s: 55px; --dxp-style-c-padding-top-m: 55px; --dxp-style-c-padding-bottom-m: 55px; --dxp-style-c-padding-top: 108.11px; --dxp-style-c-padding-bottom: 108.11px} .mss dxp_content_layout-banner {height: 100%} .mss .bannerWrapper {height: 100%} .mss dxp_content_layout-block-flexible {height: 100%; display: flex} .mss slds-grid dxp-block-flexible-layout {height: 100%} .mss .main-content {height: 100%; display: flex; flex-direction: column} .mss .main-content > div {flex: 1} .mss .main-content-container {--dxp-c-l-content-vertical-alignment: flex-start; flex: 1} .mss .dxp-text-heading-large {color: #FFF; font-weight: bold} .mss .dxp-text-heading-medium {font-weight: bold; color: #459D43; text-transform: uppercase} .mss .dxp-text-body {color: #75787B; margin-bottom: 30px} /* WORKFLOW */ .workflow.comm-section-container {padding-top: var(--dxp-style-c-padding-top); padding-bottom: var(--dxp-style-c-padding-bottom); --dxp-style-c-padding-top-s: 55px; --dxp-style-c-padding-bottom-s: 55px; --dxp-style-c-padding-top-m: 85px; --dxp-style-c-padding-bottom-m: 85px; --dxp-style-c-padding-top: 170px; --dxp-style-c-padding-bottom: 170px} .workflow .dxp-text-heading-large {color: #444; font-weight: bold; margin-bottom: 25px} .workflow .dxp-text-heading-medium {color: #444; font-weight: bold; margin-bottom: 25px} .workflow .dxp-text-body {color: #444; margin-bottom: 25px} .workflow dxp_base-text-block:last-of-type .dxp-text-body:last-of-type {margin-bottom: 0} .workflow .component-wrapper-spacer {margin-bottom: 0} /* RESOURCES */ .resources {background-color: #F5F5F5} .resources.comm-section-container {padding-top: var(--dxp-style-c-padding-top); padding-bottom: var(--dxp-style-c-padding-bottom); --dxp-style-c-padding-top-s: 55px; --dxp-style-c-padding-bottom-s: 55px; --dxp-style-c-padding-top-m: 55px; --dxp-style-c-padding-bottom-m: 55px; --dxp-style-c-padding-top: 93px; --dxp-style-c-padding-bottom: 93px} .resources .main-content-container {padding-top: 0 !important; padding-bottom: 0 !important; padding-right: 0 !important} .resources dxp_content_layout-card {display: block; margin-top: var(--dxp-style-c-margin-top); margin-bottom: var(--dxp-style-c-margin-bottom); --dxp-style-c-margin-top: 35px; --dxp-style-c-margin-bottom: 35px} .resources dxp_content_layout-card:last-of-type {margin-bottom: 0 !important} .resources .dxp-text-heading-large {color: #01476B; font-weight: 600} .resources .dxp-text-heading-medium {color: #01476B; font-weight: 600; line-height: 1.2460; text-transform: uppercase; margin-bottom: 5px} .resources .dxp-text-body {color: #75787B; margin-bottom: 15px; line-height: 1.5725} .resources .column-content {height: 100%} .resources dxp_data_provider-image-data-provider {height: 100%} .resources dxp_data_provider-data-proxy {height: 100%} .resources dxp_base-image {height: 100%} .resources .image-wrapper {height: 100%} .resources .image-container {height: 100%} .resources .image-container picture {height: 100%; width: calc(100% + var(--dxp-s-section-content-spacing-inline-start-mobile)); margin-left: calc(var(--dxp-s-section-content-spacing-inline-start-mobile) * -1); overflow: hidden; border-radius: 0 15px 15px 0; display: flex; justify-content: flex-end} .resources picture img {--dxp-c-image-height: auto} .resources .dxp-block-two-column-container .dxp-block-two-column-cell:first-of-type {width: 24.694%; max-width: 161px} .resources .dxp-block-two-column-container .dxp-block-two-column-cell:last-of-type {width: 75.361%} /* MY ORDERS & INVOICES */ .moi {background-color: #ACAAAE; border-bottom: 20px solid #60626E} .moi.comm-section-container {padding-top: var(--dxp-style-c-padding-top); padding-bottom: var(--dxp-style-c-padding-bottom); --dxp-style-c-padding-top-s: 55px; --dxp-style-c-padding-bottom-s: 55px; --dxp-style-c-padding-top-m: 55px; --dxp-style-c-padding-bottom-m: 55px; --dxp-style-c-padding-top: 115px; --dxp-style-c-padding-bottom: 115px} .moi .main-content-container {padding: var(--dxp-c-content-container-padding); --dxp-c-content-container-padding: 30px 40px} .moi .columns-content {filter: drop-shadow(-27px 22px 105px rgba(0, 0, 0, .15))} .moi .dxp-text-heading-large {color: #75787B; font-weight: bold; margin-bottom: 21.8px} .moi .dxp-text-body {color: #75787B; margin-bottom: 30px} .moi .main-content > div {flex: 1} .moi dxp_content_layout-banner {height: 100%} .moi .bannerWrapper {height: 100%; --dxp-c-s-content-width: 100%; --dxp-c-m-content-width: 100%; --dxp-c-l-content-width: 72%} .moi dxp_content_layout-block-flexible {height: 100%; display: flex} .moi slds-grid dxp-block-flexible-layout {height: 100%} } /* Tablet */ @media (max-width: 1024px) { /* INAV */ .inav .comm-tile-menu__item {width: 33.3%; padding: 10px 4px; min-height: 160px !important} .inav .comm-tile-menu__item:nth-child(1), .inav .comm-tile-menu__item:nth-child(2), .inav .comm-tile-menu__item:nth-child(3) {margin-top: 0} .inav .comm-tile-menu__item {border-right: 1px solid #BABABA} .inav .comm-tile-menu__item:nth-child(3n+1) {padding-left: 0 !important} .inav .comm-tile-menu__item:nth-child(3n+3){border-right: 0 !important; padding-right: 0 !important} .inav .comm-tile-menu__item-title {--lwc-fontSizeLarge: 14px} /* HERO */ .hero.comm-section-container {padding-top: var(--dxp-style-c-padding-top-m); padding-bottom: var(--dxp-style-c-padding-bottom-m); padding-right: var(--dxp-style-c-padding-right-m); padding-left: var(--dxp-style-c-padding-left-m)} /* OVERCARDS */ .overcards dxp_content_layout-card .slds-grid_vertical {flex-direction: row !important} .overcards .dxp-block-two-column-container .dxp-block-two-column-cell {flex: initial} .overcards .dxp-block-flexible-container {min-height: 173px !important} /* CARDS */ .cards dxp_content_layout-tile2 {padding-top: var(--dxp-style-c-padding-top-m); padding-right: var(--dxp-style-c-padding-right-m); padding-bottom: var(--dxp-style-c-padding-bottom-m); padding-left: var(--dxp-style-c-padding-left-m)} /* MY SERVICE & SUPPORT */ .mss .dxp-text-heading-large {margin-bottom: 25px} .mss .dxp-text-heading-medium {margin-bottom: 15px} /* RESOURCES */ .resources dxp_content_layout-card .slds-grid_vertical {flex-direction: row !important} .resources .dxp-block-two-column-container .dxp-block-two-column-cell {flex: initial} } /* Mobile */ @media (max-width: 767px) { /* HERO */ .hero.comm-section-container {padding-top: var(--dxp-style-c-padding-top-s); padding-bottom: var(--dxp-style-c-padding-bottom-s); padding-right: var(--dxp-style-c-padding-right-s); padding-left: var(--dxp-style-c-padding-left-s)} /* CARDS */ .cards dxp_content_layout-tile2 {padding-top: var(--dxp-style-c-padding-top-s); padding-bottom: var(--dxp-style-c-padding-bottom-s); padding-right: var(--dxp-style-c-padding-right-s); padding-left: var(--dxp-style-c-padding-left-s)} } /* Tablet Only */ @media (min-width: 768px) and (max-width: 1024px) { /* CARDS */ .cards .columns-content {display: grid !important; grid-template-columns: 1fr 1fr; gap: 15px} .cards community_layout-column-spacer {display: none} } /* Desktop */ @media (min-width: 1025px) { /* HELP */ .help .dxp-text-heading-large {font-size: 48px} .help .dxp-text-body {font-size: 31.47px} /* INAV */ .inav .comm-tile-menu__item {border-right: 1px solid #BABABA; padding: 31px 25px; width: 20%; margin-top: 0} .inav .comm-tile-menu__item:first-of-type {padding-left: 0 !important} .inav .comm-tile-menu__item:last-of-type {padding-right: 0 !important} .inav .comm-tile-menu__item-title {--lwc-fontSizeLarge: 18px} /* OVERCARDS */ .overcards {--dxp-style-c-padding-top: 0; --dxp-style-c-padding-right: 0; --dxp-style-c-padding-bottom: 0; --dxp-style-c-padding-left: 0} .overcards dxp_layout-columns {--dxp-style-c-padding-top: 33px; --dxp-style-c-padding-right: 33px; --dxp-style-c-padding-bottom: 33px; --dxp-style-c-padding-left: 33px; --dxp-c-m-column-gutter-width: 2rem} .overcards .dxp-block-flexible-container {padding: 42px} .overcards .dxp-text-body {font-size: 17px} .overcards .main-content-container {padding-left: 34px !important} .overcards dxp_content_layout-button-group {margin-top: 25px !important} .overcards .dxp-block-two-column-container .dxp-block-two-column-cell:first-of-type {width: 35%} /* CARDS */ .cards dxp_content_layout-tile2 {/*--dxp-style-c-padding-top: 65px;*/ --dxp-style-c-padding-right: 43px; /*--dxp-style-c-padding-bottom: 65px; */--dxp-style-c-padding-left: 43px} /* .cards .dxp-content-layout-image {margin-bottom: 44.24px} */ .cards .dxp-text-heading-large {font-size: 27.53px; margin-bottom: 20px} .cards .dxp-text-body {font-size: 19.66px; margin-bottom: 44px; min-height: 187px} .cards .cta-buttons {--dxp-g-spacing-small: 20px} .cards community_layout-column:last-of-type .dxp-text-body {min-height: 0} /* NEWSLETTER */ .newsletter .dxp-text-heading-large {font-size: 36.97px; margin-bottom: 45px} /* MY SERVICE & SUPPORT */ .mss .main-content-container {--dxp-c-content-container-padding: 90px} .mss .dxp-text-heading-large {font-size: 55.6px; margin-bottom: 58.56px} .mss .dxp-text-heading-medium {font-size: 25px; margin-bottom: 19.64px} .mss .dxp-text-body {font-size: 18px; margin-bottom: 43.24px} /* WORKFLOW */ .workflow .dxp-text-heading-large {font-size: 48px; text-wrap: balance} .workflow .dxp-text-heading-medium {font-size: 25px} .workflow .dxp-text-body {font-size: 18px} .workflow .columns dxp_layout-column:last-of-type {flex-grow: 6 !important} /* RESOURCES */ .resources .main-content-container {--dxp-g-spacing-xxlarge: 2.1875rem} .resources community_layout-column-spacer {--dxp-c-l-section-column-gutter-width: 4.5rem} .resources dxp_content_layout-card {--dxp-style-c-margin-top: 70px; --dxp-style-c-margin-bottom: 70px} .resources .dxp-text-heading-large {font-size: 61.71px} .resources .dxp-text-heading-medium {font-size: 28.01px; margin-bottom: 15px} .resources .dxp-text-body {font-size: 20.35px; margin-bottom: 30px} .resources .image-container picture {width: 47vw} .resources dxp_base-button {max-width: 420px} /* MY ORDERS & INVOICES */ .moi .main-content-container {--dxp-c-content-container-padding: 60px 80px} .moi .dxp-text-heading-large {font-size: 28.01px} .moi .dxp-text-body {font-size: 20.35px} } /* Desktop (Large to Extra Extra Large) */ @media (min-width: 1025px) and (max-width: 1600px) { /* HELP */ .help.comm-section-container {--dxp-style-c-padding-bottom: 0px !important} .help .dxp-text-heading-large {font-size: 38px} .help .dxp-text-body {font-size: 24px; margin-bottom: 30px} /* INAV */ .inav .comm-tile-menu__item {padding: 25px 20px} .inav .comm-tile-menu__item-title {--lwc-fontSizeLarge: 15px} .inav .comm-tile-menu__icon-section {height: 41px !important} .inav .comm-tile-menu__item-banner {margin-top: 20px !important} /* OVERCARDS */ .overcards {margin-top: -42px} .overcards dxp_layout-columns {--dxp-style-c-padding-top: 25px; --dxp-style-c-padding-right: 25px; --dxp-style-c-padding-bottom: 25px; --dxp-style-c-padding-left: 25px; --dxp-c-l-column-gutter-width: 1.5625em !important} .overcards community_layout-column {max-width: 1020px} .overcards .main-content-container {padding-left: 25px !important} .overcards .dxp-block-flexible-container {padding: 30px} .overcards .dxp-text-body {font-size: 14px} /* CARDS */ .cards.comm-section-container {--dxp-style-c-padding-top: 40px !important; --dxp-style-c-padding-bottom: 40px !important} .cards dxp_content_layout-tile2 {--dxp-style-c-padding-top: 35px; --dxp-style-c-padding-bottom: 35px; --dxp-style-c-padding-right: 25px; --dxp-style-c-padding-left: 25px} .cards .dxp-text-heading-large {font-size: 22px} .cards .dxp-text-body {font-size: 16px; margin-bottom: 30px; min-height: 147px} .cards .dxp-content-layout-image {margin-bottom: 34px; --dxp-c-tile-height: 46px !important} /* NEWSLETTER */ .newsletter.comm-section-container {--dxp-c-l-max-content-width: 635px !important; --dxp-style-c-padding-top: 60px; --dxp-style-c-padding-bottom: 60px} .newsletter .dxp-text-heading-large {font-size: 30px} .newsletter .mrs-button {max-width: 345px} /* MY SERVICE & SUPPORT */ .mss.comm-section-container {--dxp-c-l-max-content-width: 866px !important; --dxp-style-c-padding-top: 70px; --dxp-style-c-padding-bottom: 80px} .mss .main-content-container {--dxp-c-content-container-padding: 52px} .mss .dxp-text-heading-large {font-size: 40px; margin-bottom: 40px} .mss .dxp-text-heading-medium {font-size: 20px} .mss .dxp-text-body {font-size: 15px} /* WORKFLOW */ .workflow.comm-section-container {--dxp-style-c-padding-top: 80px; --dxp-style-c-padding-bottom: 80px; --dxp-c-l-max-content-width: 1260px !important; --dxp-c-l-column-gutter-width: 3.125em} .workflow .dxp-text-heading-large {font-size: 38px} .workflow .dxp-text-heading-medium {font-size: 20px} .workflow .dxp-text-body {font-size: 15px} /* RESOURCES */ .resources.comm-section-container {--dxp-style-c-padding-top: 80px; --dxp-style-c-padding-bottom: 80px} .resources dxp_content_layout-card {--dxp-style-c-margin-top: 60px; --dxp-style-c-margin-bottom: 60px} .resources .dxp-block-two-column-container .dxp-block-two-column-cell:first-of-type {max-width: 120px} .resources .image-container picture {width: 48vw} .resources .dxp-text-heading-large {font-size: 47px} .resources .dxp-text-heading-medium {font-size: 22px} .resources .dxp-text-body {font-size: 16px} /* MY ORDERS & INVOICES */ .moi.comm-section-container {--dxp-c-l-max-content-width: 1110px !important; --dxp-style-c-padding-top: 80px; --dxp-style-c-padding-bottom: 80px} .moi .main-content-container {--dxp-c-content-container-padding: 40px 60px} .moi .dxp-text-heading-large {font-size: 22px} .moi .dxp-text-body {font-size: 16px} } /* Desktop (Extra Extra Large) */ @media (min-width: 1601px) { /* WORKFLOW */ .workflow .columns dxp_layout-column:last-of-type {flex-grow: 8.6615 !important} /* RESOURCES */ .resources community_layout-column-spacer {--dxp-c-l-section-column-gutter-width: 9rem} } /* ------------------------------ HOMEPAGE ------------------------------ */ /* ------------------------------ MY EQUIPMENT > DETAILS ------------------------------ */ @media screen { /* EQUIPMENT-DETAILS */ .equipment-details {color: #FFF; margin-top: 40px; display: flex; flex-direction: column} .equipment-details .dxp-block-two-column-container {flex-direction: column; gap: 30px} .equipment-details .container {padding: 0 13% 13%; width: 100%; display: flex; flex-direction: column; justify-content: center} .equipment-details dxp_content_layout-block-background-image {background-color: #fff; width: 100%; max-width: 325px; border-radius: 15px; overflow: hidden; aspect-ratio: 1; flex: none !important} /* deletar */ .equipment-details .photo {margin: -40px auto 30px; background-color: #fff; width: 100%; max-width: 325px; border-radius: 15px; overflow: hidden; aspect-ratio: 1; flex: none !important} .equipment-details .main-content-container {padding: var(--dxp-c-content-container-padding, 0) !important} .equipment-details .title {margin-bottom: 20px; color: #FFF; font-weight: 600; font-size: var(--dxp-s-text-heading-large-font-size, var(--dxp-g-font-size-9))} .equipment-details .info {line-height: 1.4545; display: flex; flex-direction: column; gap: 20px} .equipment-details .label {font-weight: 600} } /* Tablet */ @media (max-width: 1024px) { /* EQUIPMENT DETAILS */ .equipment-details .container {padding: 0 5.835% 7.835%} } /* Tablet Only */ @media (min-width: 768px) and (max-width: 1024px) { .equipment-details .photo {max-width: 200px} .equipment-details .info {flex-direction: row; justify-content: space-between; flex-wrap: wrap; gap: 30px} } /* Desktop */ @media (min-width: 1025px) { .equipment-details .dxp-block-two-column-container {gap: 50px} /* deletar */ .equipment-details .col-large-size_8-of-12 {flex-grow: 8.3167} .equipment-details .title {font-size: 40.6px} .equipment-details .info {font-size: 22px} .equipment-details .info .-lg {font-size: 24px} /* LINKS */ .link.-backover {position: relative; bottom: -58px; z-index: 1} } /* Desktop (Large to Extra Extra Large) */ @media (min-width: 1025px) and (max-width: 1600px) { /* EQUIPMENT DETAILS PAGE */ .equipment-details-page.comm-section-container {--dxp-c-l-max-content-width: 1140px !important; --dxp-c-l-section-column-gutter-width: 70px !important} /* EQUIPMENT DETAILS */ .equipment-details .container {padding: 0 12.62% 12.62%} .equipment-details .photo {margin-bottom: 40px} .equipment-details .title {font-size: 30px} .equipment-details .info {font-size: 17px; gap: 16px} .equipment-details .info .-lg {font-size: 20px} /* LINKS */ .link.-backover {bottom: -44px} } /* ------------------------------ MY EQUIPMENT > DETAILS ------------------------------ */ /* ------------------------------ MY PROFILE ------------------------------ */ @media screen { /* PROFILE INFO */ .profile-info {line-height: 1.4545; padding-top: var(--dxp-style-c-padding-top); padding-right: var(--dxp-style-c-padding-right); padding-bottom: var(--dxp-style-c-padding-bottom); padding-left: var(--dxp-style-c-padding-left); display: block; --dxp-style-c-padding-top-s: 35px; --dxp-style-c-padding-bottom-s: 35px; --dxp-style-c-padding-right-s: 35px; --dxp-style-c-padding-left-s: 35px; --dxp-style-c-padding-top-m: 35px; --dxp-style-c-padding-bottom-m: 35px; --dxp-style-c-padding-right-m: 35px; --dxp-style-c-padding-left-m: 35px; --dxp-style-c-padding-top: 10.55%; --dxp-style-c-padding-bottom: 10.55%; --dxp-style-c-padding-right: 10.55%; --dxp-style-c-padding-left: 10.55%} .profile-info .user {display: flex; flex-direction: row-reverse; gap: 20px} .profile-info .photo {width: 30%; display: flex; justify-content: center} .profile-info .photo img {max-height: 85px; aspect-ratio: 1} .profile-info .info {display: grid; gap: 20px; flex: 1} .profile-info .items {display: grid; gap: 20px 50px; grid-template-columns: 1fr 1fr} .profile-info .label {font-weight: 600} .profile-info .-name {font-weight: 600} .profile-info hr {opacity: .5} .profile-info .-name {font-size: var(--dxp-s-text-heading-medium-font-size, var(--dxp-g-font-size-7))} } /* Tablet */ @media (max-width: 1024px) { /* PROFILE INFO */ .profile-info {padding-top: var(--dxp-style-c-padding-top-m); padding-right: var(--dxp-style-c-padding-right-m); padding-bottom: var(--dxp-style-c-padding-bottom-m); padding-left: var(--dxp-style-c-padding-left-m)} } /* Mobile */ @media (max-width: 767px) { /* PROFILE INFO */ .profile-info {padding-top: var(--dxp-style-c-padding-top-s); padding-right: var(--dxp-style-c-padding-right-s); padding-bottom: var(--dxp-style-c-padding-bottom-s); padding-left: var(--dxp-style-c-padding-left-s)} } /* Desktop */ @media (min-width: 1025px) { /* PROFILE PAGE */ .profile-page .columns-content community_layout-column:last-of-type {flex-grow: 6.503} /* PROFILE INFO */ .profile-info {font-size: 22px} .profile-info .-name {font-size: 40.6px} .profile-info .-mail {font-size: 24px} } /* Desktop (Large to Extra Extra Large) */ @media (min-width: 1025px) and (max-width: 1600px) { /* PROFILE PAGE */ .profile-page.comm-section-container {--dxp-c-l-max-content-width: 1140px !important; --dxp-c-l-section-column-gutter-width: 50px !important} /* PROFILE INFO */ .profile-info {--dxp-style-c-padding-top: 9.56%; --dxp-style-c-padding-bottom: 9.56%; --dxp-style-c-padding-right: 9.56%; --dxp-style-c-padding-left: 9.56%} .profile-info {font-size: 17px} .profile-info .-name {font-size: 30px} .profile-info .-mail {font-size: 20px} } /* ------------------------------ MY PROFILE ------------------------------ */ /* ------------------------------ SEARCH ------------------------------ */ @media screen { /* BAR */ .search-page dxp_search-search-input {width: 100%; max-width: 779px; align-self: center} .search-page .input-search-button {height: 100% !important} .search-page .input-search-button .slds-icon {display: none} .search-page .input-search-button .slds-assistive-text {position: initial !important; margin: auto !important; width: auto !important; height: auto !important; overflow: initial !important} .search-page .input-wrapper {width: auto !important} .search-page .input-wrapper + * {width: 100%; max-width: 232px; flex: 1} .search-page .input-search-button {background-color: #102A3F; width: 100%} /* RESULTS */ .search-results {display: flex; flex-direction: column; gap: 30px} .search-results .item {padding: 30px 20px; border-top: 10px solid #102A3F; background-color: #F4F4F4; font-size: 14px; line-height: 1.4523; color: #102A3F; display: flex; flex-direction: column; gap: 10px} .search-results .title {font-size: var(--dxp-s-text-heading-large-font-size, var(--dxp-g-font-size-9)); font-weight: 600} .search-results .description {font-size: var(--dxp-s-body-font-size, var(--dxp-g-font-size-3)); line-height: 1.4159} .search-results ul {display: flex; flex-direction: column} .search-results ul.-inline {flex-direction: row; flex-wrap: wrap; gap: 8px 20px} .search-results a {color: inherit !important} .search-results [href^='mailto:'], .search-results [href^='tel:'], .search-results .icon-phone {text-decoration: none !important} .search-results [class*='icon-'] {display: inline-flex; align-items: center} .search-results [class*='icon-']:before {content: ''; display: inline-flex; height: 16px; margin-right: 10px; background: no-repeat left center / contain} .search-results .icon-phone:before{width: 11px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxNSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuODc1MSAxMi4zNkM1Ljk0MDQzIDE2LjEyIDcuNzgzOTMgMTcuOTU4NCA5LjIwNDE5IDE4LjgzNThDMTAuNDM1IDE5LjU5NjYgMTEuOTExMSAxOS42NDE0IDEzLjA5OTcgMTguOTkwNEwxMy4xODQzIDE4Ljk0NDFDMTQuMTE3MSAxOC40MzMyIDE0LjQyMTYgMTcuMTkyOCAxMy44NjMzIDE2LjE3MzRMMTIuNzI1NiAxNC4wOTYxQzEyLjI5NzIgMTMuMzEzOSAxMS40NjM3IDEyLjg2NDIgMTAuNjQ1NSAxMi45NzM3TDkuNDU2MTggMTMuMTMzMkM4LjU1NzM2IDEzLjI1MzcgNy42NDEzOCAxMi43NTk0IDcuMTcwNzQgMTEuOTAwMUw1Ljg5NjcyIDkuNTczODRDNS40MjYwOSA4LjcxNDUxIDUuNTAyODIgNy42NzY0OCA2LjA4ODQyIDYuOTg0MDNMNi44NjMyNSA2LjA2NzgxQzcuMzk2MTYgNS40MzczMiA3LjQ2NjEyIDQuNDkyODYgNy4wMzc3MiAzLjcxMDY3TDUuODk5OTkgMS42MzMyOUM1LjM0MjA5IDAuNjE0NjE4IDQuMTMzMTkgMC4yMDIxODcgMy4xOTk3NyAwLjcxMzRMMy4xMTUxNiAwLjc1OTc0MUMxLjkyNjk2IDEuNDExNDQgMS4xNzAxNyAyLjY4MDA0IDEuMTQ4MDMgNC4xMjYxMkMxLjEyMjkzIDUuNzk2MSAxLjY3OTIyIDguMzM5NDYgMy43MzUyMiAxMi4xMDQ2TDMuODc1NSAxMi4zNjA3TDMuODc1MSAxMi4zNloiIHN0cm9rZT0iIzEwMkEzRiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIi8+Cjwvc3ZnPgo=)} .search-results .icon-mail:before {width: 14px; max-height: 14px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxOCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3LjM2IDEuMzgyMDhIMC42MDE1NjIiIHN0cm9rZT0iIzEwMkEzRiIgc3Ryb2tlLXdpZHRoPSIwLjk4NTc4OCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0wLjYwMTU2MiAxLjcwODhWMTMuNTAxN0gxNy4zNlYxLjcwODhMOC44NTkzMiA4LjA4MzM2TDAuNjAxNTYyIDEuNjc1OSIgc3Ryb2tlPSIjMTAyQTNGIiBzdHJva2Utd2lkdGg9IjAuOTg1Nzg4IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)} .search-results .icon-user:before {width: 14px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMCAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iOS41NjU0MSIgY3k9IjYuMzk0MDIiIHI9IjUuMDEzOTIiIHN0cm9rZT0iIzEwMkEzRiIgc3Ryb2tlLXdpZHRoPSIwLjk4NTc4OCIvPgo8cGF0aCBkPSJNMTguNzQ0MiAyMS45OTY3QzE4Ljc0NDIgMTcuMDk2OCAxNC43NzIgMTMuMTI0NiA5Ljg3MjA5IDEzLjEyNDZDNC45NzIxNyAxMy4xMjQ2IDEgMTcuMDk2OCAxIDIxLjk5NjciIHN0cm9rZT0iIzEwMkEzRiIgc3Ryb2tlLXdpZHRoPSIwLjk4NTc4OCIvPgo8L3N2Zz4K)} .search-results .icon-fax:before {width: 12px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMjMiIHZpZXdCb3g9IjAgMCAxNyAyMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1Ljc0OSA2LjAwNDY4VjIxLjUyNTZIMC45MTc5NjlDMC45MTc5NjkgMjEuNTI1NiAwLjkxNzk2OSA3LjcyOTIzIDAuOTE3OTY5IDAuODMxMDU1SDExLjI2NTJWNi4wMDQ2OEgxNS43NDlaTTE1Ljc0OSA2LjAwNDY4TDEyLjMgMS44NjU3OCIgc3Ryb2tlPSIjMTAyQTNGIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)} } /* Desktop */ @media (min-width: 1025px) { /* BAR */ .search-page .search-input-with-button {font-size: 22px; padding: 21px 0 21px 37px !important} .search-page .input-search-button {font-size: 22px} /* RESULTS */ .search-results {gap: 47px} .search-results .item {padding: 50px 60px 75px; border-top-width: 25px; font-size: 21.69px; gap: 20px} .search-results .title {font-size: 32.53px} .search-results .description {font-size: 23.66px} .search-results ul.-inline {gap: 40px} .search-results [class*='icon-']:before {height: 22px} .search-results .icon-phone:before{width: 15px} .search-results .icon-mail:before {width: 18px} .search-results .icon-user:before {width: 20px} .search-results .icon-fax:before {width: 16px} } /* Desktop (Large to Extra Extra Large) */ @media (min-width: 1025px) and (max-width: 1600px) { /* SEARCH PAGE */ .search-page.comm-section-container {--dxp-c-l-section-column-gutter-width: 70px !important} /* BAR */ .search-page dxp_search-search-input {max-width: 675px} .search-page .search-input-with-button {font-size: 17px; padding: 20px 0 20px 37px !important} .search-page .input-search-button {font-size: 17px} /* RESULTS */ .search-results {gap: 40px} .search-results .item {padding: 40px 50px 50px; border-top-width: 16px; font-size: 17px} .search-results .title {font-size: 24px} .search-results .description {font-size: 19px} .search-results [class*='icon-']:before {height: 18px} .search-results .icon-phone:before{width: 14px} .search-results .icon-mail:before {width: 18px} .search-results .icon-user:before {width: 16px} .search-results .icon-fax:before {width: 13px} } /* ------------------------------ SEARCH ------------------------------ */ /* ------------------------------ MY SERVICE & SUPPORT ------------------------------ */ /* Desktop (Large to Extra Extra Large) */ @media (min-width: 1025px) and (max-width: 1600px) { .mss-page.comm-section-container {--dxp-c-l-max-content-width: 1140px; --dxp-c-l-section-column-gutter-width: 2.5rem} .mss-page .iconcard:first-child dxp_content_layout-block-content-region {--dxp-c-content-width: 92%} } /* ------------------------------ MY SERVICE & SUPPORT ------------------------------ */ /* ------------------------------ LOGIN MODAL ------------------------------ */ @media screen { .dialog.login .side {align-items: center} /* LOGIN */ .dialog.login .-login .remember {margin-top: 10px} .dialog.login .-login .btn {margin-top: 10px} .dialog.login .-login .forgot {margin-top: 25px; font-size: 14px} .dialog.login .-login .forgot a {color: #0F4A6D; text-decoration: none; --dxp-c-link-text-decoration: none} /* REGISTER */ .dialog.login .-register p {font-size: 20px; margin-bottom: 25px} .dialog.login .-register .btn {max-width: 285px} .dialog.login .-register hr {margin-block: 50px} .dialog.login .-register .logo img {max-width: 232px} } /* Desktop */ @media (min-width: 1025px) { .dialog.login {max-width: 1535px} .dialog.login .side {padding-block: 132.5px} /* LOGIN */ .dialog.login .-login .content {max-width: 466px} .dialog.login .-login .remember {margin-top: 20px} .dialog.login .-login .btn {margin-top: 37px} .dialog.login .-login .forgot {margin-top: 54px; font-size: 18px} /* REGISTER */ .dialog.login .-register .content {max-width: 426px} .dialog.login .-register p {font-size: 30.95px; margin-bottom: 45px} .dialog.login .-register .btn {max-width: 393px} .dialog.login .-register hr {margin-block: 23%} .dialog.login .-register .logo img {max-width: 332px} } /* Desktop (Large to Extra Extra Large) */ @media (min-width: 1025px) and (max-width: 1600px) { .dialog.login {max-width: 1140px} .dialog.login .side {padding-block: 110px} /* LOGIN */ .dialog.login .-login .content {max-width: 345px} .dialog.login .-login .remember {margin-top: 14px} .dialog.login .-login .btn {margin-top: 27px} .dialog.login .-login .forgot {margin-top: 34px; font-size: 15px} /* REGISTER */ .dialog.login .-register .content {max-width: 315px} .dialog.login .-register p {font-size: 24px; margin-bottom: 35px} .dialog.login .-register .btn {max-width: 290px} .dialog.login .-register hr {margin-block: 22%} .dialog.login .-register .logo img {max-width: 240px} } /* ------------------------------ LOGIN MODAL ------------------------------ */ /* ------------------------------ REGISTRATION MODAL ------------------------------ */ @media screen { /* REGISTRATION */ .dialog.registration h3 {font-size: 18px; margin-bottom: 5px} .dialog.registration .-top-spacer{margin-top: 15px} .dialog.registration .-complement .btn {margin-top: 15px} .dialog.registration .toggle-password { width: 18px; height: 18px; border: 0; background-color: transparent; position: absolute; top: 50%; right: 7px; transform: translateY(-50%); cursor: pointer; padding: 0; text-indent: -10000px; background-size: 100%; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsSAAALEgHS3X78AAACPUlEQVRIie3Wz0rVURAH8M+912ohFAgtqo3Vwnb92dimFhJlbyBBLULbCEH4APkG2kJBAt2GT2Av4RNYZNIqUFMooT+3xW8O9/jzd+16/UMLBw6/85v5zpyZOXPmHE7phKjWBT4f0CyNI6MaelDvAFsP7D8D2g9QC0O/M955XMMVXAjeN3zBR2xl2Ab+OGAWGloR9mEUS9i2N7VpbON9YPtCtx62KqMq/zfwK6J7hZeZoa9YxgesZ45dxx1cDN4G3mBKkYUeReYqo097CcP4FMDvmMc99FYpBvUGZiF0mmFjOOSVe58ihUmt9L1Df/BT6i9jHG9jjAcvx1zFYmZnMviNfPFapjAXwA2MZPKzMX+uKKamonBS8WyFTGCT8SfYDMxc5lwteQGzWum5GbwenIn5aMh/YBoPYkwHrxkYoZO27TZWQz6bRQ4mQvAZA5lyysQlRTE18SjzPMkfhmw9sEmenL6BtcBMpEWHFFW8g8Es0vz7IpSm4v9ceN2IuYi8ibE2Nu7GGj9jTSuh8DSLVElpJjCpQvOzmeaPAzNT0s1tPgvMSt4GD9q329F+nWqXbEgR/o4iHexN05jDp3pQKdW0imtNUQgcbXENKAp3V3GVj9Oqov0lbw97nG5pdcFdx6mqgWwqDn+Sd9tARhTNqLKBJONVLXNRcQ0mBTprmf2KdpvsvM4irezX7S6JBdzX2SUxr4NL4r+4FnPq9iGwpMuHQFmWok907E+fsgMn+thrh69nc47xeXtKR0J/AfdOwkiBzW0nAAAAAElFTkSuQmCC) } .dialog.registration .toggle-password.visible { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsSAAALEgHS3X78AAADOUlEQVRIid3WS2geVRQA4O9/RCFtWnxSq4KkSEEFjSKlUMV2oUFpxZVuFNQUFwqiXYsudRXBWqJiXZqNgsWFRTARl4prhSql6kq0NPVRifp3cc9x7j/5kyYiCD0wzMw597xfl4sYOuj9H0q7owgjkesQ1EM/nl7gOiNkD7AVUxvU84+y/jqN7FbGwGYshAFT1Rn9Cyjs4i/8GbgtmMS1iidwBj/gWyyFkkEo/QD3hPKv4/xgLcszfHA5ZnAcZyvB7WcpzjyJ6/Fx4D8JI9KZ4Y/qvxcebsFzeBaXBf1HfIlv8HMIvgI7cAeujHO/YhM+xX78ooneCshcwjROhuDfcBR3hbDVeOFAKB0o4U1Pu0YX4FCvvaQJ3zxuqJhhO57GW/E8g224FMdGKJ3Fy/Hd0wp3Cn0jGE/j4Yp+SXw/oRTTAH/HM8D3+CK+F5U0wS2agpurHOikFXAkDpzErYHrYyy+Z4L+O17Ffbg7vM4ILWKi4qW00amgH648B4eCcAo7AzdWReIaTTHdW0ViDO9rqjeVdlvvmyIqAzyfSvcpVXwOu1rW5vtgMM1W+InwMHM6ruR5sjIsHYDd+APL2AsngvnR1sFa8etx5v743xoepqeZ0zm80+KtZT4WPCfqMbii1CvIaZMT7FhYvYCHlAKaxlNKDVxIDiFgWQnD7paF7VC/ifcM5zTPHA78wRZvvncp6VxW0ouS8IEyc2+ulGcUrtYUR7tl4IHA/6QUIqWw0oGdmso+lExZ2q9pevLOlufjmj6tZ+8+pQ3PBW2m4ktPb9NMwSO1znqAZC8v4fHATWgKaVHTMnNVBM4ow4UybDJSjyjDaKAMp4zE0PRKz1+oBM7jI03L5Cq8Ee/ibWV8bq+EUsbsfCXnxcrTNef1XnxlOKcrVlsLNimL5KiyWHIKTge9X/PWvZZKevgM3ylFsYAHldX2Cvbgc2U3U/b1DtyOqwJ3Os7OKmnrKytx5CUgramvK3V49yutkAuifRE4q6RlJoyhuZ+tqqwTzOP4UDMcDmiWuKBP4rowqGPl1SehVxm4KqTgqcrTzS3aeiAve2tNwVVhSnPVaSvdyPX2X8F/JmgjMLLXLho4D8Jv3fEXxSwqAAAAAElFTkSuQmCC); } } /* Desktop */ @media (min-width: 1025px) { .dialog.registration {max-width: 1535px} .dialog.registration .contents {grid-template-columns: minmax(47%, 695px) minmax(53%, 842px)} .dialog.registration .side {padding-block: 89px; align-items: flex-start} .dialog.registration h3 {font-size: 24px; font-weight: 400} .dialog.registration .-top-spacer{margin-top: 25px} /* REGISTRATION */ .dialog.registration .-registration .content {max-width: 515px} /* COMPLEMENT */ .dialog.registration .-complement .content {max-width: 592px} .dialog.registration .-complement .-bottom-spacer {margin-bottom: 5px} .dialog.registration .-complement .btn {margin-top: 25px} } /* Desktop (Large to Extra Extra Large) */ @media (min-width: 1025px) and (max-width: 1600px) { .dialog.registration {max-width: 1140px} .dialog.registration h3 {font-size: 20px} .dialog.registration .side {padding-block: 70px} .dialog.registration .-top-spacer {margin-top: 18px} /* REGISTRATION */ .dialog.registration .-registration .content {max-width: 380px} /* COMPLEMENT */ .dialog.registration .-complement .content {max-width: 440px} .dialog.registration .-complement .btn {margin-top: 20px} } /* ------------------------------ REGISTRATION MODAL ------------------------------ */ /* ------------------------------ GIGYA LOGIN MODAL ------------------------------ */ @media screen { .gigya-layout-row.with-divider .gigya-layout-cell.responsive.with-social-login, .gigya-layout-row.with-divider .gigya-layout-cell.responsive.with-divider, .gigya-layout-row.with-divider .gigya-clear {display: none} /* .gigya-layout-row.with-divider .gigya-layout-cell.responsive.with-site-login {width: 100%!important} */ .gigya-screen-dialog-top {height: 0!important} /* .gigya-screen-dialog-close {position: absolute; top: 0; right: 10px} */ .gigya-composite-control-header {font-size: 38px!important; font-weight: bold!important; line-height: 1.18!important; letter-spacing: -0.04em!important; color: #102A3F!important; margin-bottom: 35px!important; padding: 0!important} .gigya-input-text, .gigya-input-password {background-color: #F6F6F6 !important; border: 1px solid #F6F6F6 !important; border-radius: 0 !important; background-repeat: no-repeat; padding-left: 45px!important; background-size: 22px auto; background-position: 10px center} .gigya-input-text {background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjkiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyOSAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI4IDEuMjM2NzZIMSIgc3Ryb2tlPSIjMDAyQzRBIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTEgMS43NjMyNlYyMC43NjMzSDI4VjEuNzYzMjZMMTQuMzA0MyAxMi4wMzM1TDEgMS43MTAyNyIgc3Ryb2tlPSIjMDAyQzRBIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)} .gigya-input-password {background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMjNWMTBIMjNWMjNIMVoiIHN0cm9rZT0iIzAwMkM0QSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik01LjA3NDIyIDEwQzUuMDc0MjIgMTAgNS4wNzQyMiAxIDEyLjQwNzYgMUMxOS43NDA5IDEgMTkuNzQwOSAxMCAxOS43NDA5IDEwIiBzdHJva2U9IiMwMDJDNEEiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K)} .gigya-composite-control.gigya-composite-control-submit {text-align: center} .gigya-input-submit {font-size: 20px !important; font-weight: 600; background-color: #002c4a !important; max-width: 240px; line-height: 2.3077; padding: 8.24px 20px !important} .gigya-input-checkbox {appearance: none; position: relative; top: 0; background: none !important; margin: 0; border: 1px solid #102A3F !important; --size: 18px; min-width: var(--size); min-height: var(--size); max-width: var(--size); max-height: var(--size); padding: 0; display: inline-flex; justify-content: center;} .gigya-label, .gigya-label span {color: #878787!important; font-size: 13px!important} .gigya-forgotPassword.gigya-composite-control.gigya-composite-control-link {color: #0F4A6D; text-decoration: none} .gigya-input-checkbox:checked { background-color: #002c4a !important; } .gigya-input-checkbox:checked::after { content: ''; color: #fff; width: 9px; height: 15px; display: block; border: 3.2px solid #ffffff; border-top: 0; border-left: 0; rotate: 35deg; position: relative; transform: skewY(10deg); top: -1px; } .gigya-layout-cell.under-site-login {margin: 0!important; width: 100%!important} .gigya-composite-control.gigya-composite-control-link {color: #0F4A6D!important; text-decoration: none!important} } @media screen and (min-width: 769px) { .gigya-screen-dialog-close {position: absolute; top: 0; right: 10px} } @media screen and (max-width: 768px) { .gigya-screen-dialog-close {position: fixed!important; top: 0; right: 10px} } @media (min-width: 1025px) and (max-width: 1600px) { .gigya-input-text, .gigya-input-password {font-size: 17px; min-height: 60px} } /* ------------------------------ GIGYA LOGIN MODAL ------------------------------ */ /* ------------------------------ CONTACT MODAL ------------------------------ */ @media screen { /* COMPLEMENT */ .dialog.contact .-complement h3 {font-size: 18px; margin-bottom: 10px} .dialog.contact .-complement ul {list-style-type: "—"; padding-left: .6em; display: flex; flex-direction: column; gap: 10px} .dialog.contact .-complement li {padding-left: .7em} .dialog.contact .-complement ::marker {font-size: 64.7%; margin-right: 15px} .dialog.contact .-complement .-bottom-spacer {margin-bottom: 20px} .dialog.contact .-complement hr {margin-block: 30px !important; border-color: #B7B7B7} .dialog.contact .-complement a {color: #102A3F; text-decoration: none; --dxp-c-link-text-decoration: none} /* CONTACT */ .dialog.contact .-contact h3 {font-size: 18px} .dialog.contact .-contact .-bottom-spacer {margin-bottom: 15px} .dialog.contact .-contact .btn {margin-top: 15px} } /* Desktop */ @media (min-width: 1025px) { .dialog.contact .side {padding-block: 93px} /* COMPLEMENT */ .dialog.contact .-complement .content {max-width: 524px} .dialog.contact .-complement .title {margin-bottom: 32px} .dialog.contact .-complement h3 {font-size: 24px; margin-bottom: 15px} .dialog.contact .-complement ul {gap: 15px} .dialog.contact .-complement .-bottom-spacer {margin-bottom: 32px} .dialog.contact .-complement hr {margin-block: 61px !important} .dialog.contact .-complement .form {max-width: 466px; margin: auto} /* CONTACT */ .dialog.contact .-contact .content {max-width: 515px} .dialog.contact .-contact .title {margin-bottom: 46px} .dialog.contact .-contact h3 {font-size: 22px} .dialog.contact .-contact .-bottom-spacer {margin-bottom: 27px} .dialog.contact .-contact .-top-spacer {margin-top: 5px} .dialog.contact .-contact .btn {margin-top: 26px} } /* Desktop (Large to Extra Extra Large) */ @media (min-width: 1025px) and (max-width: 1600px) { .dialog.contact {max-width: 1140px} .dialog.contact .side {padding-block: 70px} /* COMPLEMENT */ .dialog.contact .-complement .content {max-width: 390px} .dialog.contact .-complement .title {margin-bottom: 22px} .dialog.contact .-complement h3 {font-size: 20px; margin-bottom: 10px} .dialog.contact .-complement ul {gap: 10px} .dialog.contact .-complement hr {margin-block: 44px !important} .dialog.contact .-complement .form {max-width: 345px} .dialog.contact .-complement .-bottom-spacer {margin-bottom: 22px} /* CONTACT */ .dialog.contact .-contact .content {max-width: 385px} .dialog.contact .-contact .title {margin-bottom: 36px} .dialog.contact .-contact h3 {font-size: 17px} .dialog.contact .-contact .-bottom-spacer {margin-bottom: 17px} .dialog.contact .-contact .btn {margin-top: 18px} } /* ------------------------------ CONTACT MODAL ------------------------------ */ /* ------------------------------ INTERNAL PAGE ------------------------------ */ @media screen { .-sec-bg-gray {background-color: #F6F6F6} .-sec-bg-green {background-color: #459D43} .-sec-bg-blue {background-color: #0F4A6D} .internal-page {font-size: var(--dxp-s-body-font-size, var(--dxp-g-font-size-3))} .internal-page dxp_base-text-block:last-of-type .dxp-text-body:last-of-type {margin-bottom: 0} .internal-page ol, .internal-page ul {padding-left: 0 !important} .internal-page ul > li {list-style-type: none} .internal-page ul > li::before {content: '\2022'; display: inline-block; white-space: nowrap; width: 1.4em} .internal-page ul > li:not(.ql-direction-rtl) {padding-left: 1.9em} .internal-page ul > li:not(.ql-direction-rtl)::before {margin-left: -1.9em; margin-right: .5em; text-align: right} .-vertical-indent.comm-section-container {padding-top: var(--dxp-style-c-padding-top); padding-bottom: var(--dxp-style-c-padding-bottom); --dxp-style-c-padding-top-s: 35px; --dxp-style-c-padding-bottom-s: 35px; --dxp-style-c-padding-top-m: 45px; --dxp-style-c-padding-bottom-m: 45px; --dxp-style-c-padding-top: 50px; --dxp-style-c-padding-bottom: 50px} .-top-indent.comm-section-container {padding-top: var(--dxp-style-c-padding-top); --dxp-style-c-padding-top-s: 35px; --dxp-style-c-padding-top-m: 45px; --dxp-style-c-padding-top: 50px} .-bottom-indent.comm-section-container {padding-bottom: var(--dxp-style-c-padding-bottom); --dxp-style-c-padding-bottom-s: 35px; --dxp-style-c-padding-bottom-m: 45px; --dxp-style-c-padding-bottom: 50px} } /* Desktop */ @media (min-width: 1025px){ .internal-page {--dxp-s-text-heading-large-font-size: 36px; --dxp-s-text-heading-medium-font-size: 24px; --dxp-s-body-font-size: 20px} } /* Desktop (Extra Extra Large) */ @media (min-width: 1601px) { .internal-page {--dxp-s-text-heading-large-font-size: 47px; --dxp-s-text-heading-medium-font-size: 32px; --dxp-s-body-font-size: 24px} } /* ------------------------------ INTERNAL PAGE ------------------------------ */ /* ------------------------------ EQUIPMENT SERVICE PAGE ------------------------------ */ @media screen { /* BOX */ .equipment-service-page .box {background: #FFF; border-top: 10px solid #002B4B; --dxp-style-c-padding-top-s: 20px; --dxp-style-c-padding-bottom-s: 20px; --dxp-style-c-padding-right-s: 20px; --dxp-style-c-padding-left-s: 20px; --dxp-style-c-padding-top-m: 20px; --dxp-style-c-padding-bottom-m: 20px; --dxp-style-c-padding-right-m: 20px; --dxp-style-c-padding-left-m: 20px; --dxp-style-c-padding-top: 40px !important; --dxp-style-c-padding-bottom: 50px; --dxp-style-c-padding-right: 40px; --dxp-style-c-padding-left: 40px; padding-top: var(--dxp-style-c-padding-top); padding-bottom: var(--dxp-style-c-padding-bottom); padding-left: var(--dxp-style-c-padding-left); padding-right: var(--dxp-style-c-padding-right)} } /* Tablet */ @media (max-width: 1024px) { /* BOX */ .equipment-service-page .box {padding-top: var(--dxp-style-c-padding-top-m); padding-right: var(--dxp-style-c-padding-right-m); padding-bottom: var(--dxp-style-c-padding-bottom-m); padding-left: var(--dxp-style-c-padding-left-m)} } /* Mobile */ @media (max-width: 767px) { /* BOX */ .equipment-service-page .box {padding-top: var(--dxp-style-c-padding-top-s); padding-right: var(--dxp-style-c-padding-right-s); padding-bottom: var(--dxp-style-c-padding-bottom-s); padding-left: var(--dxp-style-c-padding-left-s)} } /* Desktop */ @media (min-width: 1025px) { /* BOX */ .equipment-service-page .box {border-top-width: 16px} } /* Desktop (Large to Extra Extra Large) */ @media (min-width: 1025px) and (max-width: 1600px) { /* INTRO */ .equipment-service-page.-intro > .columns-content {--dxp-c-l-max-content-width: 825px} } /* Desktop (Extra Extra Large) */ @media (min-width: 1601px) { /* BOX */ .equipment-service-page .box {border-top-width: 25px; --dxp-style-c-padding-top: 45px; --dxp-style-c-padding-bottom: 60px; --dxp-style-c-padding-right: 50px; --dxp-style-c-padding-left: 50px} } /* ------------------------------ EQUIPMENT SERVICE PAGE ------------------------------ */ /* IBOX */ @media screen { .ibox {font-size: var(--dxp-s-body-font-size, var(--dxp-g-font-size-3))} .ibox .main-content-container {padding: 0 !important} .ibox .main-content {--dxp-c-s-content-padding: 30px 20px; --dxp-c-m-content-padding: 30px; --dxp-c-l-content-padding: 30px 40px} .ibox .dxp-text-heading-large {color: #01476B; font-size: 20px; font-weight: bold; margin-bottom: 21.8px} .ibox .dxp-text-body {color: #69696E; font-size: 15px} .ibox ul, .ibox ol {padding-left: 0 !important} .ibox dxp_content_layout-button-group {margin-top: 40px !important} } /* Desktop */ @media (min-width: 1025px){ .ibox {--dxp-s-body-font-size: 15px} } /* Desktop (Large to Extra Extra Large) */ @media (min-width: 1025px) and (max-width: 1600px) { .ibox .main-content {--dxp-c-l-content-padding: 40px 60px} } /* Desktop (Extra Extra Large) */ @media (min-width: 1601px) { .ibox {--dxp-s-body-font-size: 18px} .ibox .main-content {--dxp-c-l-content-padding: 60px 80px} .ibox .dxp-text-heading-large {font-size: 25px} } /* IBOX */ /* ------------------------------ CYBERSECURITY PAGE ------------------------------ */ @media screen { /* EVERY STEP */ .every-step {background-color: #0F4A6D} .every-step.comm-section-container {padding-top: var(--dxp-style-c-padding-top); padding-bottom: var(--dxp-style-c-padding-bottom); --dxp-style-c-padding-top-s: 45px; --dxp-style-c-padding-bottom-s: 55px; --dxp-style-c-padding-top-m: 45px; --dxp-style-c-padding-bottom-m: 55px; --dxp-style-c-padding-top: 95px; --dxp-style-c-padding-bottom: 130px} .every-step .dxp-text-heading-large {margin-bottom: 25px} /* TESTIMONY */ .testimony .dxp-block-flexible-layout {background: #FFF} .testimony .dxp-block-two-column-container {--columns-layout-direction-desktop: row; --columns-layout-direction-tablet: row; --columns-layout-direction-mobile: row; flex-direction: row} .testimony .main-content-container {--dxp-c-content-container-padding: 15px} .testimony .text .dxp-text-body {color: #0F4A6D; font-weight: bold; line-height: 1.2; text-transform: uppercase; margin-bottom: 10px} .testimony .name .dxp-text-body {color: #69696E; font-weight: bold; font-size: 14px} .testimony .position .dxp-text-body {color: #69696E; font-size: 14px} /* SECURITY CAROUSEL */ .security-carousel {padding-inline: 0 !important} .security-carousel.comm-section-container {padding-bottom: var(--dxp-style-c-padding-bottom); --dxp-style-c-padding-bottom-s: 55px; --dxp-style-c-padding-bottom-m: 55px; --dxp-style-c-padding-bottom: 95px} .security-carousel .columns-content {max-width: 100% !important} .security .swiper-pagination-bullet {border: 1px solid var(--swiper-pagination-color) !important} /* IT ADVISORY */ .it-advisory {background-color: #F5F5F5} .it-advisory.comm-section-container {padding-top: var(--dxp-style-c-padding-top); padding-bottom: var(--dxp-style-c-padding-bottom); --dxp-style-c-padding-top-s: 55px; --dxp-style-c-padding-bottom-s: 55px; --dxp-style-c-padding-top-m: 55px; --dxp-style-c-padding-bottom-m: 55px; --dxp-style-c-padding-top: 93px; --dxp-style-c-padding-bottom: 93px} .it-advisory dxp_content_layout-card {display: block; margin-top: var(--dxp-style-c-margin-top); margin-bottom: var(--dxp-style-c-margin-bottom); --dxp-style-c-margin-top: 35px; --dxp-style-c-margin-bottom: 35px} .it-advisory dxp_content_layout-card:last-of-type {margin-bottom: 0 !important} .it-advisory .column-content {height: 100%} .it-advisory dxp_data_provider-image-data-provider {height: 100%} .it-advisory dxp_data_provider-data-proxy {height: 100%} .it-advisory dxp_base-image {height: 100%} .it-advisory .image-wrapper {height: 100%} .it-advisory .image-container {height: 100%} .it-advisory .image-container picture {height: 100%; width: calc(100% + var(--dxp-s-section-content-spacing-inline-start-mobile)); margin-left: calc(var(--dxp-s-section-content-spacing-inline-start-mobile) * -1); overflow: hidden; border-radius: 0 15px 15px 0; display: flex; justify-content: flex-end} .it-advisory picture img {--dxp-c-image-height: auto} } /* Mobile */ @media (max-width: 767px) { /* TESTIMONY */ .testimony .dxp-block-two-column-container > .dxp-block-two-column-cell {flex-direction: row} .testimony .dxp-block-two-column-container > .dxp-block-two-column-cell:first-of-type {min-width: 33.3%} } @media (min-width: 926px) and (max-width: 1024px) { /* IT ADVISORY */ .it-advisory .image-container {justify-content: flex-start !important} } /* Tablet */ @media (max-width: 1024px) { /* TESTIMONY */ .testimony dxp_content_layout-block-flexible, .testimony .dxp-block-flexible-container {--dxp-c-block-flexible-container-min-height: 260px !important} } /* Desktop */ @media (min-width: 1025px) { /* IT ADVISORY */ .it-advisory community_layout-column-spacer {--dxp-c-l-section-column-gutter-width: 4.5rem} .it-advisory .image-container picture {width: 47vw} } /* Desktop (Large to Extra Extra Large) */ @media (min-width: 1025px) and (max-width: 1600px) { /* INTRO */ .cybersecurity-page.-intro {--dxp-style-c-padding-top: 45px; --dxp-style-c-padding-bottom: 45px} /* EVERY STEP */ .every-step.comm-section-container {--dxp-style-c-padding-top: 55px; --dxp-style-c-padding-bottom: 65px} .every-step .dxp-text-heading-large {margin-bottom: 35px} /* TESTIMONY */ .testimony dxp_content_layout-block-flexible, .testimony .dxp-block-flexible-container {--dxp-c-block-flexible-container-min-height: 320px !important} .testimony .text .dxp-text-body {margin-bottom: 20px} .testimony .name .dxp-text-body {font-size: 16px} .testimony .position .dxp-text-body {font-size: 16px} /* SECURITY CAROUSEL */ .security-carousel.comm-section-container {--dxp-style-c-padding-bottom: 65px} /* IT ADVISORY */ .it-advisory.comm-section-container {--dxp-style-c-padding-top: 80px; --dxp-style-c-padding-bottom: 80px} .it-advisory .image-container picture {width: 48vw} } /* Desktop (Extra Extra Large) */ @media (min-width: 1601px) { /* EVERY STEP */ .every-step .dxp-text-heading-large {margin-bottom: 59px} /* TESTIMONY */ .testimony .main-content-container {--dxp-c-content-container-padding: 30px} .testimony .text .dxp-text-body {margin-bottom: 30px} .testimony .name .dxp-text-body {font-size: 18px} .testimony .position .dxp-text-body {font-size: 18px} /* IT ADVISORY */ .it-advisory community_layout-column-spacer {--dxp-c-l-section-column-gutter-width: 9rem} } /* ------------------------------ CYBERSECURITY PAGE ------------------------------ */ /* Ajustes dentro do flow criação de caso */ .record-list-pagination-section .slds-button.slds-button_outline-brand { background-color: white; color: #878787; border: 2px solid #6BC200; border-radius: 3px; font-family: Arial; text-align: center; text-decoration: none; display: inline-block; font-size: 12px; padding: 13px 20px; margin: 4px 2px; transition-duration: 0.4s; cursor: pointer; } .lwc-3qn2kdf12ul .slds-button slds-button_icon slds-button_icon-border-filled { border: none !important; } /* Ajustes dentro do flow criação de caso */ .record-list-pagination-section .slds-button.slds-button_outline-brand:disabled { opacity: 0.5; cursor: not-allowed; } /* Ajustes dentro do flow criação de caso */ .record-list-pagination-section .slds-button.slds-button_outline-brand:hover { background-color: #6BC200; color: white; } /* Ajustes dentro do flow criação de caso */ .record-list-pagination-section .slds-button.slds-button_outline-brand::after, .record-list-pagination-section .slds-button.slds-button_outline-brand::before { content: none !important; display: none !important; } /* Ajustes dentro do flow criação de caso */ .record-list-pagination-section .standard-button-group { background-color: transparent !important; } /* Ajustes dentro do flow criação de caso */ c-br_-portal_-case-form * { font-family: Arial, sans-serif !important; } /* Ajustes dentro do flow criação de caso */ c-br_-portal_-case-form .slds-combobox__form-element { align-items: center !important; display: block !important; } /* Ajustes dentro do flow criação de caso */ c-br_-portal_-case-form .slds-combobox__input { padding-left: 0.75rem !important; padding-right: 2rem !important; box-sizing: border-box; } dxp_data_provider-record-list-layout-data-provider .slds-button_icon-border-filled { border-color: transparent !important; } /* c-br_-portal_-case-form .slds-input__icon-group_right { top: 50%; transform: translateY(-50%); position: absolute; right: 0.5rem; } */ /* Ajustes dentro do flow criação de caso */ c-br_-portal_-case-form .slds-combobox { position: relative; } /* Ajustes dentro do flow criação de caso */ .slds-input__icon .slds-input__icon_right .slds-icon-utility-search .slds-icon_container { position: absolute !important; top: 50% !important; transform: translateY(50%) !important; } /* Ajustes dentro do flow criação de caso */ .slds-button__icon { position: absolute !important; top: 0% !important; transform: translateY(00%) translateX(-50%) !important; } /*ajusta lista de nome das contas do flow de criação de caso*/ [data-dropdown-element] .slds-media__figure.slds-listbox__option-icon { display: none; margin-left: 0; padding-left: 0; } /*Deixa botão antigo whats transparenete*/ #esw-fab { opacity: 0; transition: opacity 0.3s ease-in-out; } /* Remove borda e contorno das tabs ativas/focadas */ .dxp-tab:focus, .dxp-tab[aria-selected="true"], .dxp-tab-bar-active-tab-styles, .dxp-tab-bar-active-tab-horizontal { outline: none !important; border-top: none !important; border-left: none !important; border-right: none !important; box-shadow: none !important; border-bottom: 3px solid #fff !important; } /* Botão apenas dentro do header */ header button[part="button"] { display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 0 0.75rem !important; height: 2.125rem !important; border-radius: 0.25rem !important; font-size: 0.875rem !important; background-color: #0F4A6D !important; color: #ffffff !important; border-color: #0F4A6D; white-space: nowrap !important; gap: 0.15rem !important; /* espaço entre texto e ícones */ } /* Ícone do globo */ header button[part="button"] lightning-primitive-icon:first-of-type { margin-left: auto !important; margin-right: -10px !important; display: flex !important; align-items: center !important; } /* Ícone da seta para baixo */ header button[part="button"] lightning-primitive-icon:last-of-type { display: flex !important; align-items: center !important; } /* Ajuste do svg */ header.lwc-6raprfhcujs dxp_base-language-selector button[part="button"] { position: relative !important; } header.lwc-6raprfhcujs dxp_base-language-selector lightning-primitive-icon svg { position: relative !important; top: 50% !important; transform: translate(60%, -5%) !important; height: 1rem !important; width: 1rem !important; display: block !important; margin: 0 0.25rem !important; padding: 0 !important; } /* Garante que o dropdown use a largura do botão */ header dxp_base-language-selector .slds-dropdown { min-width: 100% !important; width: max-content !important; box-sizing: border-box !important; } /* Garante que a lista interna do dropdown siga a largura */ header dxp_base-language-selector .slds-dropdown__list { width: 100% !important; box-sizing: border-box !important; } /* Garante que o container tenha contexto de posicionamento */ header dxp_base-language-selector { position: relative !important; } /* Botão apenas dentro do main */ main button[part="button"] { display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 0 0.75rem !important; height: 2.125rem !important; border-radius: 0.25rem !important; font-size: 0.875rem !important; background-color: #ffffff !important; color: #0F4A6D !important; border-color: #0F4A6D; white-space: nowrap !important; gap: 0.15rem !important; /* espaço entre texto e ícones */ } /* Ícone do globo */ main button[part="button"] lightning-primitive-icon:first-of-type { margin-left: auto !important; margin-right: -10px !important; display: flex !important; align-items: center !important; } /* Ícone da seta para baixo */ main button[part="button"] lightning-primitive-icon:last-of-type { display: flex !important; align-items: center !important; } /* Ajuste do svg */ main.lwc-6raprfhcujs dxp_base-language-selector button[part="button"] { position: relative !important; } main.lwc-6raprfhcujs dxp_base-language-selector lightning-primitive-icon svg { position: relative !important; top: 50% !important; transform: translate(60%, -5%) !important; height: 1rem !important; width: 1rem !important; display: block !important; margin: 0 0.25rem !important; padding: 0 !important; } /* Garante que o dropdown use a largura do botão */ main dxp_base-language-selector .slds-dropdown { min-width: 100% !important; width: max-content !important; box-sizing: border-box !important; } /* Garante que a lista interna do dropdown siga a largura */ main dxp_base-language-selector .slds-dropdown__list { width: 100% !important; box-sizing: border-box !important; } /* Garante que o container tenha contexto de posicionamento */ main dxp_base-language-selector { position: relative !important; } main button[part="button"]:focus, main button[part="button"]:focus-visible, main button[part="button"]:active { outline: none !important; border-color: #0F4A6D !important; box-shadow: none !important; } main button[part="button"]:hover { background-color: #ffffff !important; color: #0F4A6D !important; border-color: #0F4A6D !important; box-shadow: none !important; } main button[part="button"]:hover:focus { outline: none !important; box-shadow: none !important; border-color: #0F4A6D !important; } header button[part="button"]:focus, header button[part="button"]:focus-visible, header button[part="button"]:active { outline: none !important; border-color: #0F4A6D !important; box-shadow: none !important; } header button[part="button"]:hover { align-items: center !important; justify-content: space-between !important; padding: 0 0.75rem !important; height: 2.125rem !important; border-radius: 0.25rem !important; font-size: 0.875rem !important; background-color: #0F4A6D !important; color: #ffffff !important; border-color: #0F4A6D; white-space: nowrap !important; gap: 0.15rem !important; } header button[part="button"]:hover:focus { align-items: center !important; justify-content: space-between !important; padding: 0 0.75rem !important; height: 2.125rem !important; border-radius: 0.25rem !important; font-size: 0.875rem !important; background-color: #0F4A6D !important; color: #ffffff !important; border-color: #0F4A6D; white-space: nowrap !important; gap: 0.15rem !important; } /* ACCORDION */ @media screen { .slds-accordion {--slds-c-accordion-section-color-background: #f4f4f4; --slds-c-accordion-section-sizing-border: 10px; --slds-c-accordion-heading-color: #102A3F; --slds-c-accordion-section-color-border: var(--slds-c-accordion-heading-color); --slds-c-icon-color-foreground: var(--slds-c-accordion-heading-color); --slds-c-button-text-color-hover: var(--slds-c-accordion-heading-color)} .slds-accordion slot {display: flex; flex-direction: column; gap: 15px} .slds-accordion__list-item:first-child {border-top-width: var(--slds-c-accordion-section-sizing-border); border-top-style: solid; border-top-color: var(--slds-c-accordion-section-color-border)} .slds-accordion__section {--slds-c-accordion-section-spacing-blockstart: 10px; --slds-c-accordion-section-spacing-inlineend: 20px; --slds-c-accordion-section-spacing-blockend: 20px; --slds-c-accordion-section-spacing-inlinestart: 20px; padding-top: 0 !important} .slds-accordion__summary {margin-top: 0; padding: 0; --slds-c-accordion-summary-color-background: var(--slds-c-accordion-section-color-background); --slds-c-accordion-heading-font-size: var(--dxp-s-body-font-size)} .slds-accordion__list-item {background-color: var(--slds-c-accordion-section-color-background)} .slds-accordion__summary-heading .slds-button {border-radius: 0} .slds-accordion__summary-heading .slds-button:focus {box-shadow: 0 0 0 2px var(--slds-c-accordion-heading-color) inset} .slds-accordion__summary-heading .slds-button:active {box-shadow: 0 0 0 2px rgba(16, 42, 63, .1) inset} .slds-accordion__summary .slds-accordion__summary-action {margin: 0; padding: 10px var(--slds-c-accordion-section-spacing-inlineend); --dxp-s-button-font-size: 2.2rem; line-height: 1; display: inline-flex; flex-direction: row-reverse; gap: 20px} .slds-accordion__summary .slds-accordion__summary-action > span {font-size: calc(var(--slds-c-accordion-heading-font-size) + 2px); font-weight: bold; line-height: 1.4; flex: 1} .slds-accordion__summary .slds-accordion__summary-action-icon {margin: 0; transform: rotate(0); fill:rgba(0, 0, 0, 0) !important; background: no-repeat center center / contain; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iMjciIHZpZXdCb3g9IjAgMCA1MCAyNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQ4IDJMMjUgMjRMMiAyIiBzdHJva2U9IiMwMDJDNEEiIHN0cm9rZS13aWR0aD0iMyIvPgo8L3N2Zz4K)} .slds-is-open > .slds-accordion__summary .slds-accordion__summary-action-icon {transform: rotate(-180deg)} .slds-accordion__content {padding-top: var(--slds-c-accordion-section-spacing-blockstart)} .slds-accordion__content h4 {font-weight: 600;--dxp-c-link-text-color: var(--dxp-g-root-contrast)} .slds-accordion__content a, .slds-accordion__content a:link:not(.slds-button, .slds-dropdown__item > a), .slds-accordion__content a:visited:not(.slds-button, .slds-dropdown__item > a) {--dxp-c-link-text-color: var(--dxp-g-root-contrast)} .-white .slds-accordion { --slds-c-accordion-section-color-background: #FFF} } /* Desktop */ @media (min-width: 1025px) { .slds-accordion {--slds-c-accordion-section-sizing-border: 16px} .slds-accordion__section {--slds-c-accordion-section-spacing-blockstart: 10px; --slds-c-accordion-section-spacing-blockend: 50px; --slds-c-accordion-section-spacing-inlineend: 40px; --slds-c-accordion-section-spacing-inlinestart: 40px} .slds-accordion__summary .slds-accordion__summary-action {padding-block: 20px; --dxp-s-button-font-size: 3rem} } /* Desktop (Extra Extra Large) */ @media (min-width: 1601px) { .slds-accordion {--slds-c-accordion-section-sizing-border: 20px} .slds-accordion__section {--slds-c-accordion-section-spacing-blockstart: 20px; --slds-c-accordion-section-spacing-blockend: 60px; --slds-c-accordion-section-spacing-inlineend: 50px; --slds-c-accordion-section-spacing-inlinestart: 50px} .slds-accordion__summary .slds-accordion__summary-action {padding-block: 25px; --dxp-s-button-font-size: 3.5rem} } /* ACCORDION */ /* QUICK GUIDE PAGE*/ .quick-guides-title h2 {font-weight: bold !important; font-size: 48px !important; color: #102A3F !important;} .quick-guides .dxp-block-flexible-container { padding: 5%; background-image: url(/sfsites/c/cms/delivery/media/MC2O3IPUKU3RFHNGXDNYTUOU6SKM?version=1.1); background-repeat: no-repeat; background-position: right; max-height: 293px;} .quick-guides .dxp-block-two-column-container .card-headline { text-transform: uppercase; font-weight: bold; color: #D4542A; font-size: 1.3rem; max-width: 380px; line-height: 1.5rem;} .iconcard.quick-guide-iconcard .dxp-block-flexible-container {padding: 5% 7%;; font-size: 18px;} div[class*="quick-guides"] div[class*="dxp-block-two-column-container"] div[class*="dxp-block-flexible-container"] { min-height: 300px !important; height: 100% !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; } @media (min-width: 1025px) and (max-width: 1600px) { .iconcard.quick-guide-iconcard .dxp-block-flexible-container { font-size: 15px; } .quick-guides-title h2 { font-size: 38px; } } @media only screen and (max-width: 64em) { .quick-guides-title h2 {font-weight: bold !important; font-size: 28px !important; color: #102A3F !important;} } @media only screen and (min-width: 64em) { .quick-guides .main-content-container.lwc-2e9p45m2o16 { padding: 10%; } } @media only screen and (max-width: 600px) { .quick-guides .dxp-block-flexible-container { background-image: none; max-height: none; padding: 5% 1%; } .quick-guides .dxp-block-flexible-container .dxp-block-image-host {height: 180px; } .quick-guides .dxp-block-two-column-container .card-headline {font-size: 1.2rem;} .quick-guides .dxp-block-two-column-container .mrs-button {float: left;} .quick-guides .dxp-block-two-column-container .dxp-block-image-host.lwc-2jronin66ql {background-position: center;} } /* Correção dos Tiles */ /* Container principal do tile */ .meu-tile-custom { /* display: flex; flex-direction: column; height: 100%; /* todos os tiles terão mesma altura */ /* box-sizing: border-box; justify-content: space-between; */ display: grid; grid-template-rows: 1fr auto; /* conteúdo ocupa 1fr, botão auto */ height: 100%; box-sizing: border-box; } /* Bloco de conteúdo (imagem, título, texto) */ .meu-tile-custom .conteudo-tile { /* flex: 1; display: flex; flex-direction: column; */ display: flex; flex-direction: column; gap: 0.5em; } /* Imagem */ .meu-tile-custom .lwc-2jronin66ql.dxp-block-image-host { flex-shrink: 0; } /* Título */ .meu-tile-custom .lwc-4rt99a8doqk.dxp-text-heading-large { min-height: 3.5em; /* garante altura mínima */ display: flex; align-items: center; text-align: left; /* flex-shrink: 0; */ } /* Texto */ .meu-tile-custom .lwc-4rt99a8doqk.dxp-text-body { height: 8em; /* altura fixa */ min-height: 1em; /* garante mínimo */ max-height: 9em; /* garante máximo */ display: flex; align-items: flex-start; overflow: hidden; /* corta excesso de texto */ text-overflow: ellipsis; /* opcional: mostra "..." se cortar */ /* -webkit-line-clamp: 4; número de linhas visíveis */ /* line-clamp: 4; padrão */ -webkit-box-orient: vertical; display: -webkit-box; } /* Botão sempre fixado embaixo */ .meu-tile-custom .mrs-buttonTile { /* margin-top: auto; align-self: flex-start; ou center / flex-end se quiser alinhar horizontalmente */ width: 100% !important; /* força largura total do tile */ max-width: 100% !important; /* evita limite de container */ justify-self: start !important; /* align-self: end !important; */ flex-shrink: 0 !important; position: absolute !important; left: 0px !important; } /* Para corrigir o texto do tile menu em cybersecurity, com as imagens das pessoas */ .lwc-5tovugjfehk.slds-col.dxp-block-two-column-cell.slds-size_2-of-3 .lwc-q33ma6oas1.lwc-2e9p45m2o16-host .lwc-2e9p45m2o16.slds-grid.height-full.main-content-container { position: absolute; top: 50%; transform: translateY(-50%); } /* .meu-tile-custom .mrs-buttonTile { width: 100% !important; } */ /* Alvo: botões Next/Finish do Flow */ button.slds-button.slds-button_brand { background-color: #6BC200 !important; color: white !important; border: 2px solid #6BC200 !important; border-radius: 4px !important; padding: 16px 32px !important; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; transition-duration: 0.4s; cursor: pointer; } /* Hover */ button.slds-button.slds-button_brand:hover { color: rgba(255, 255, 255, 0.664) !important; background-color: #5bb000 !important; /* leve escurecimento no hover */ border-color: #5bb000 !important; } /* Botão Previous do Flow*/ .flow-button__BACK button.slds-button.slds-button_neutral { background-color: rgba(255, 255, 255, 0.664) !important; color: #6BC200 !important; border: 2px solid #6BC200 !important; border-radius: 4px !important; padding: 16px 32px !important; font-size: 16px; cursor: pointer; transition-duration: 0.4s; } /* Hover */ .flow-button__BACK button.slds-button.slds-button_neutral:hover { background-color: #5bb000 !important; border-color: #5bb000 !important; color: rgba(255, 255, 255, 0.664) !important; } /* Botao return do asset */ .asset-buttom a.lwc-68jnud16dda.slds-button.slds-button_brand.dxp-button-large { background-color: #E46C0A !important; color: white !important; border-radius: 4px !important; padding: 16px 32px !important; font-size: 16px !important; cursor: pointer !important; border-color: #E46C0A; transform: translateY(-160px); /* exemplo para subir o botão */ } /* Texto My Equipament */ .title-my-equipament { font-size: 46px !important; } /* Remover outile- color*/ .remove-outile a:focus-visible, .remove-outile a:focus, .remove-outile a.slds-button:focus { outline-color: #6bc200 !important; --slds-c-button-shadow-focus: 0 0 0 2px #6bc200 !important; /* Sobrescrevendo a variável */ }