@import "MemberHubStyleCore?33";
@import "resourceGlobalStyles?21";
@import "iconStyles?3";

body {
    position: relative;
    z-index: 1;
    --iconMask: '';
}

a.inverseTextColor {
    --lwc-colorTextInverse: var(--lwc-colorTextLinkActive, #000);
}

a:hover, a:focus {
    text-decoration: none !important;
}

a.secondary {
    text-decoration: underline !important;
    color: black;
}

a.secondary:hover, a.secondary:focus {
    /*text-decoration: underline!important;*/
    color: var(--color-primary);
}

@media print {
    .navigation {
        display: none;
    }
}

.navigationArea {
    -webkit-animation: all 0.5s linear alternate;
    -moz-animation: all 0.5s linear alternate;
    -o-animation: all 0.5s linear alternate;
    animation: all 0.5s linear alternate;
}

.iframe .navigationArea {
    display: none;
    opacity: 0;
}

.top .navigationArea {
    display: block;
    opacity: 1;
}

.iframe .mainContentArea {
    padding-top: 0;
    margin: 1em;
}

a.mask {
    display: none !important;
}

.forceInlineEdit > .active a.mask {
    pointer-events: none;
    background-color: #CCC;
    display: block !important;
    opacity: 0.5;
}

.forceInlineEdit > .active .spinnerWrapper,
.forceInlineEdit > .active .hide {
    display: block !important;
    visibility: visible !important;
}

.oneAlohaPage {
    margin-bottom: -0.5rem;
}

.oneAlohaPageDeprecated {
    overflow: hidden;
}

.oneAlohaPageDeprecated.content {
    height: calc(100% + 0.5rem) !important;
    min-height: calc(100% + 0.5rem) !important;
    max-height: calc(100% + 0.5rem) !important;
}

.oneAlohaPageDeprecated > iframe {
}

.runtime_platform_actionsQuickActionWrapper h2.title {
    line-height: 3rem;
}

.slds-button span[title='Follow'],
button :has(span[title='Follow']),
div[data-target-selection-name$="Follow"],
.forceActionsContainer .slds-button .slds-icon-utility-add,
.forceActionsContainer button[aria-live="assertive"],
.accountSection,
.locationSection,
.emailsection > fieldset {
    display: none !important;
}

.slds-modal__close {
    background-color: var(--color-grey) !important;
    color: #fff;
    top: -2.5rem !important;
    right: 0 !important;
    border: solid 1px white !important;
    border-radius: 0 !important;
    --slds-g-color-neutral-base-100: white;
}

.slds-modal__container > .slds-modal__close {
    top: -0.5rem !important;
}

.slds-modal__close > button {
    border-width: 0 !important;
}

.slds-modal__close:hover {
    background-color: var(--lwc-colorTextBrand, black) !important;
}

.slds-modal__close .slds-icon_container {
    line-height: 1.1rem !important;
}

.slds-modal__close svg {
    width: 1.5rem !important;
    height: 1.5rem !important;
}

a.mask {
    display: none !important;
}

.forceInlineEdit > .active a.mask, .modal-container a.mask {
    pointer-events: none;
    background-color: #CCC;
    display: block !important;
    opacity: 0.5;
}

.modal-container .oneAlohaPage .spinnerWrapper,
.modal-container .oneAlohaPage .hide {
    display: block !important;
    visibility: visible !important;
}

.modal-width--wide .modal-container {
    width: 90vw !important;
    max-width: 90vw !important;
    min-width: 60rem !important;
    min-height: 100% !important;
    max-height: 100% !important;
    height: 100% !important;
}

.slds-modal_medium .slds-modal__container {
    /*width: auto !important;*/
    width: 70% !important;
    max-width: 75rem !important;
    min-width: 40rem !important;
}

.slds-checkbox .slds-checkbox__label .slds-form-element__label,
.slds-radio .slds-form-element__label {
    font-size: var(--font-small);
    color: var(--lwc-colorTextDefault);
}

caption, th, td {
    text-align: left;
    vertical-align: top;
}

/* homepage */

.comm-page-home .forceCommunityRichText {
    text-align: center;
}

.comm-page-home .forceCommunityRichText p {
    margin: auto;
}

[c-popup_popup].slds-modal__content_headless {
    display: block;
}

body :where(.cMemberHubTheme, .resource) .cSdg .pager .slds-button_neutral:after {
    display: none !important;
}

body :where(.cMemberHubTheme, .resource) .cSdg {
    font-size: small;
}

body :where(.cMemberHubTheme, .resource) .cSdg .grid-body {
    border: solid 1px #ecebea;
    padding: 0rem 1rem 1rem 1rem;
    margin: -0rem -1rem -1rem -1rem;
}

body :where(.cMemberHubTheme, .resource) .cSdg .slds-text-title_caps {
    /*font-size: var(--lwc-fontSize2, 0.75rem);*/
    /*line-height: var(--lwc-lineHeightHeading, 1.25);*/
    /*color: var(--lwc-colorTextWeak, #696969);*/
    /*font-weight: var(--lwc-fontWeightRegular, 400);*/
    /*text-transform: uppercase;*/
    /*letter-spacing: .0625rem*/
    font-size: revert;
    line-height: revert;
    color: revert;
    font-weight: revert;
    text-transform: revert;
    letter-spacing: revert;
}

body :where(.cMemberHubTheme, .resource) .cSdg .slds-card__header-title h1 {
    color: var(--color-primary);
    font-size: 2rem;
}

body :where(.cMemberHubTheme, .resource) .cSdg .slds-card__header-title,
body :where(.cMemberHubTheme, .resource) .cSdg .slds-button_neutral {
    font-size: revert;
}

body :where(.cMemberHubTheme, .resource) .cSdg th .sdgcol {
    padding: 8px;
    color: black;
    font-size: medium;
}

body :where(.cMemberHubTheme, .resource) .colRight button {
    display: flex;
    flex-direction: row-reverse;
    margin: 0 0 0 -1px !important;
}

body :where(.cMemberHubTheme, .resource) .colRight button.slds-button_neutral lightning-primitive-icon {
    margin-left: 0.5rem;
    margin-right: -0.5rem;
}

body :where(.cMemberHubTheme, .resource) .colRight button:after {
    display: none;
}

body :where(.cMemberHubTheme, .resource) .cSdg .grid {
    margin: 0;
}

body :where(.cMemberHubTheme, .resource) .cSdg .slds-table_bordered.slds-table_col-bordered,
body :where(.cMemberHubTheme, .resource) .cSdg .sdgborder,
body :where(.cMemberHubTheme, .resource) .cSdg .slds-table_bordered.slds-table_col-bordered tr,
body :where(.cMemberHubTheme, .resource) .cSdg .slds-table_bordered.slds-table_col-bordered th,
body :where(.cMemberHubTheme, .resource) .cSdg .slds-table_bordered.slds-table_col-bordered td,
body :where(.cMemberHubTheme, .resource) .cSdg .cSdg td.grid-cell [c-gridCell_gridCell-host],
body :where(.cMemberHubTheme, .resource) .cSdg td.grid-cell {
    border-top-style: none !important;
    border-bottom-style: none !important;
    border-left-style: none !important;
    border-right-style: none !important;
}

body :where(.cMemberHubTheme, .resource) .cSdg .sdgborder {
    border: solid 1px var(--color-light-grey) !important;
}

body :where(.cMemberHubTheme, .resource) .cSdg tr:nth-child(even),
body :where(.cMemberHubTheme, .resource) lightning-datepicker tr:nth-child(even),
body :where(.cMemberHubTheme, .resource) lightning-datepicker thead > tr > th {
    background: #ffffff;
}

body :where(.cMemberHubTheme, .resource) .cSdg tr:nth-child(even):hover,
body :where(.cMemberHubTheme, .resource) lightning-datepicker tr:nth-child(even):hover {
    background: #fafafa;
}

body :where(.cMemberHubTheme, .resource) .cSdg tr:nth-child(odd),
body :where(.cMemberHubTheme, .resource) lightning-datepicker tr:nth-child(odd) {
    background: #e6e6e6;
}

body :where(.cMemberHubTheme, .resource) .cSdg tr:nth-child(odd):hover,
body :where(.cMemberHubTheme, .resource) lightning-datepicker tr:nth-child(odd):hover {
    background: #d9d9d9;
}

body :where(.cMemberHubTheme, .resource) .cSdg .embedded tr {
    background-color: white !important;
}

body :where(.cMemberHubTheme, .resource) .cSdg .embedded th .sdgcol {
    background-color: var(--color-primary) !important;
    color: white !important;
    --lwc-colorTextIconDefault: white;
    font-size: revert;
    font-weight: var(--lwc-fontWeightBold) !important;
    padding: 5px 10px;
}

body :where(.cMemberHubTheme, .resource) .cSdg .embedded lightning-helptext button:after {
    background-color: var(--color-primary-dark) !important;
}

body :where(.cMemberHubTheme, .resource) .cSdg .embedded th .sdgcol:hover {
    background-color: var(--color-primary-dark) !important;
    color: var(--color-lighter-grey) !important;
}

body :where(.cMemberHubTheme, .resource) .cSdg .embedded th .popover-action:hover .chevron {
    --lwc-colorTextIconDefault: white !important;
}

body :where(.cMemberHubTheme, .resource) button.slds-combobox__input,
body :where(.cMemberHubTheme, .resource) button.slds-button,
body :where(.cMemberHubTheme, .resource) .slds-button-group .slds-button:last-child,
body :where(.cMemberHubTheme, .resource) .slds-button-group .slds-button:first-child {
    border-radius: 0;
}

body :where(.cMemberHubTheme, .resource) button:disabled,
body :where(.cMemberHubTheme, .resource) .button:disabled {
    pointer-events: none;
    cursor: default;
}

body :where(.cMemberHubTheme, .resource) .cSdg .slds-button_neutral,
body :where(.cMemberHubTheme, .resource) .cSdg .slds-button-group .slds-button.slds-button_icon,
body :where(.cMemberHubTheme, .resource) .cSdg .button {
    border-color: var(--slds-c-button-neutral-color-border, var(--sds-c-button-neutral-color-border, var(--lwc-buttonColorBorderPrimary, #D4D4D4)));
}

body :where(.cMemberHubTheme, .resource) .cSdg .floating-filter {
    --lwc-fontSize2: 0.9rem;
    font-size: small;
}

body :where(.cMemberHubTheme, .resource) .slds-page-header button,
body :where(.cMemberHubTheme, .resource) .cSdg .grid-header button{
    height: 29px !important;
    min-height: 29px !important;
    max-height: 29px !important;
}

body :where(.cMemberHubTheme, .resource) .cSdg .grid-header .slds-pill {
    padding: 0 10px !important;
    height: auto !important;
}

.slds-pill_container {
    padding-top: 0 !important;
}

.slds-pill {
    min-width: 150px;
}

body :where(.cMemberHubTheme, .resource) .cSdg .grid-header .slds-button_last button {
    margin-left: -1px;
    border-color: var(--color-light-grey);
}

body :where(.cMemberHubTheme, .resource) .cSdg .filterButton {
    z-index: auto !important;
}

body :where(.cMemberHubTheme, .resource) .cSdg .filterButton:hover,
body :where(.cMemberHubTheme, .resource) .cSdg .filterButton:focus {
    --sds-c-icon-color-foreground: black;
}

body :where(.cMemberHubTheme, .resource) .cSdg .filterButton:after {
    display: none;
}

body :where(.cMemberHubTheme, .resource) .cSdg .floating-filter {
    background-color: white !important;
    min-width: 15rem;
    line-height: 24px !important;
}

.slds-pill {
    margin-bottom: 4px;
}

.uiTabset--base .tabs__item,
c-tabset .slds-tabs_default__item {
    font-size: var(--lwc-fontSize3) !important;
    font-weight: var(--slds-s-navigation-font-weight, var(--lwc-fontWeightRegular, 400));
}

body :where(.cMemberHubTheme, .resource) .uiTabset--default .tabs__item > a,
body :where(.cMemberHubTheme, .resource) c-tabset .slds-tabs_default__item > a,
body :where(.cMemberHubTheme, .resource) .uiTabset--default .uiTabOverflowMenuItem a {
    border: none;
}

body :where(.cMemberHubTheme, .resource) .uiTabset--default .tabs__item.active,
body :where(.cMemberHubTheme, .resource) .uiTabset--default .tabs__item:hover,
body :where(.cMemberHubTheme, .resource) c-tabset .slds-tabs_default__item.slds-is-active,
body :where(.cMemberHubTheme, .resource) c-tabset .slds-tabs_default__item:hover,
body :where(.cMemberHubTheme, .resource) .uiTabset--default .uiTabOverflowMenuItem.active {
    border-bottom: solid 1px white;
    border-top: solid 1px var(--lwc-brandPrimary);
    border-left: solid 1px var(--lwc-brandPrimary);
    border-right: solid 1px var(--lwc-brandPrimary);
    margin-bottom: -1px !important;
}

body :where(.cMemberHubTheme, .resource) .uiTabset--default .uiTabBar {
    margin-bottom: 0.5rem;
}

body :where(.cMemberHubTheme, .resource) .uiTabset--default .tabs__item > a:focus,
body :where(.cMemberHubTheme, .resource) .oneActionsRibbon li.slds-button a:focus {
    box-shadow: none;
}

body :where(.cMemberHubTheme, .resource) .slds-tabs_default__item {
    margin-bottom: -1px !important;
}

body :where(.cMemberHubTheme, .resource) .slds-tabs_default__item:after,
body :where(.cMemberHubTheme, .resource) .slds-tabs--default__item:after,
body :where(.cMemberHubTheme, .resource) .slds-tabs_default__item:hover:after,
body :where(.cMemberHubTheme, .resource) .slds-tabs_default__item:active:after {
    display: none;
}

body :where(.cMemberHubTheme, .resource) .uiTabset--default .tabs__item,
body :where(.cMemberHubTheme, .resource) c-tabset .slds-tabs_default__item,
body :where(.cMemberHubTheme, .resource) .uiTabset--default .uiTabOverflowMenuItem {
    border-bottom: solid 1px transparent;
    border-top: solid 1px transparent;
    border-left: solid 1px transparent;
    border-right: solid 1px transparent;
    margin-left: 0;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
}

body :where(.cMemberHubTheme, .resource) .uiTabset--default .tabs__item + .tabs__item,
body :where(.cMemberHubTheme, .resource) c-tabset .slds-tabs_default__item + .slds-tabs_default__item {
    margin: 0 0 0 -1px;
}

body :where(.cMemberHubTheme, .resource) .uiTabset--default .tabs__nav,
body :where(.cMemberHubTheme, .resource) c-tabset .slds-tabs_default__nav,
body :where(.cMemberHubTheme, .resource) .slds-card {
    border: none;
}

body :where(.cMemberHubTheme, .resource) .uiTabset--default .tabs__nav,
body :where(.cMemberHubTheme, .resource) c-tab-bar .slds-tabs_default__nav {
    border-bottom: solid 1px var(--lwc-brandPrimary);
}

body :where(.cMemberHubTheme, .resource) c-tab-bar {
    --lwc-tabsFontWeight: var(--lwc-fontWeightBold);
    text-transform: none;
    font-weight: var(--lwc-fontWeightBold);
}

body :where(.cMemberHubTheme.iframe, .resource) .cSdg .slds-card__header-title h1,
body :where(.cMemberHubTheme, .resource) .slds-modal__container .cSdg .slds-card__header-title h1,
body :where(.cMemberHubTheme, .resource) .uiTab .cSdg .slds-card__header-title h1 {
    font-size: 1.8rem;
    font-weight: 600 !important;
}

body :where(.cMemberHubTheme.iframe, .resource) .cSdg th .sdgcol,
body :where(.cMemberHubTheme, .resource) .slds-modal__container .cSdg th .sdgcol,
body :where(.cMemberHubTheme, .resource) .uiTab .cSdg th .sdgcol,
body :where(.cMemberHubTheme, .resource) .slds-form-element__legend {
    font-weight: 400;
}


body :where(.cMemberHubTheme, .resource) .cSdg button.rowbutton {
    margin: 0 0.5rem;
}


body :where(.cMemberHubTheme, .resource) .slds-page-header {
    /*margin: 0 -16px;*/
}

body :where(.cMemberHubTheme, .resource) .slds-page-header.forceRelatedListCardHeader {
    margin: 0;
}


.cMemberHubTheme .cBPC .inTabBar {
    margin: calc(-1 * var(--lwc-varSpacingVerticalSmall, 0.75rem) - 1px) 10px 10px 0;
}

.cMemberHubTheme .cBPC .inTabBar button {
    width: max-content;
    font-size: smaller;
}

.cMemberHubTheme .cBPC .inTabBar .saving {
    right: 180px;
    top: -9px;
}

.cMemberHubTheme .cBPC .previousAnswer strong {
    font-weight: 400;
}

.bold {
    font-weight: 700 !important;
}

.strong {
    font-weight: var(--lwc-fontWeightBold) !important;
}

.pre-line {
    white-space: pre-line;
}

lightning-datepicker .slds-input__icon_right lightning-primitive-icon svg {
    visibility: hidden;
}

lightning-datepicker .slds-input-has-icon_right lightning-button-icon.slds-input__icon_right {
    right: 12px;
}

/*.cSdg .filter lightning-datepicker input, .cSdg .filter lightning-datepicker select {*/
/*    height: revert;*/
/*    min-height: revert;*/
/*}*/

lightning-datepicker .slds-select_container {
    margin-top: 0.5rem;
}

lightning-datepicker .slds-select_container:before {
    top: calc((var(--lwc-lineHeightButtonSmall, 1.75rem) / 2) - 10px);
}

lightning-datepicker .slds-select_container:after {
    bottom: calc((var(--lwc-lineHeightButtonSmall, 1.75rem) / 2) - 10px);
}

lightning-datepicker .slds-input__icon_right lightning-primitive-icon {
    -webkit-mask: url(/resource/MemberHubIcons/calendar.svg);
    mask: url(/resource/MemberHubIcons/calendar.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: #000;
    width: 20px;
    height: 20px;
    display: block;
    content: "";
    margin-top: -4px;
}

.slds-datepicker tbody > tr > td {
    padding: 0 0.25rem;
}

.slds-datepicker tbody > tr > td > .slds-day {
    height: 1.7rem;
}

lightning-helptext lightning-primitive-icon svg {
    display: none;
}

lightning-helptext button:after {
    -webkit-mask: url(/resource/MemberHubIcons/i.svg);
    mask: url(/resource/MemberHubIcons/i.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: var(--color-primary);
    width: 14px;
    height: 14px;
    display: block;
    content: "";
    margin-top: 0;
    margin-right: 0;
}

lightning-helptext button:hover:after {
    background-color: #000;
}

lightning-primitive-file-droppable-zone lightning-primitive-icon svg,
lightning-primitive-file-droppable-zone .slds-file-selector__body .slds-file-selector__text {
    display: none;
}

.slds-file-selector__dropzone {
    border: none !important;
}

c-member-hub-action-detail lightning-primitive-file-droppable-zone .slds-file-selector__button {
    width: 16rem;
}

lightning-primitive-file-droppable-zone .slds-file-selector__body:before {
    -webkit-mask: url(/resource/MemberHubIcons/upload.svg);
    mask: url(/resource/MemberHubIcons/upload.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: var(--color-primary);
    width: 60px;
    height: 60px;
    display: block;
    content: "";
    margin-top: -8px;
    margin-right: 1rem;
}

lightning-primitive-file-droppable-zone label {
    cursor: pointer;
}

lightning-primitive-file-droppable-zone :hover .slds-file-selector__body:before {
    background-color: #000;
}

lightning-primitive-file-droppable-zone .slds-file-selector__button:after {
    mask: url(/resource/MemberHubIcons/arrow-up.svg) right bottom / auto 85% no-repeat !important;
    -webkit-mask: url(/resource/MemberHubIcons/arrow-up.svg) right bottom / auto 85% no-repeat !important;
    margin-top: -3px;
    margin-right: -3px;
}

lightning-datatable {
    flex-flow: wrap;
}

lightning-button.slds-size_full > button {
    width: 100%
}

/* Divider */
.divider {
    line-height: 3rem;
}


.divider__line {
    background-image: url(/resource/MemberHubIcons/divider.png);
    background-repeat: repeat;
    height: 2px;
    border: none;
    margin: 2rem -1rem;
}

.resource .divider__line {
    margin: 2rem -4rem;
}

.copyright {
    /*line-height: 3rem;*/
    text-align: center;
    font-weight: 500;
    margin: 3rem 0;
}


.copyright__line {
    background-image: url(/resource/MemberHubIcons/thin-line.png);
    background-repeat: repeat;
    height: 1px;
    border: none;
    margin: 2px -1rem;
}

.resource .copyright__line {
    margin: 2px -4rem;
}

.siteforce-Modal-Open c-member-hub-action-detail .action--header {
    margin: 0;
}

.siteforce-Modal-Open c-member-hub-action-detail .action--header,
.siteforce-Modal-Open c-hrdd-hub-action-detail .action--header {
    /*margin: -16px -16px 1rem -16px;*/
    margin: calc(-1 * var(--lwc-spacingMedium, 1rem));
    margin-bottom: 1rem;
}

c-brand-performance-check c-member-hub-action-detail .action--header,
c-popup c-member-hub-action-detail .action--header,
c-popup c-hrdd-hub-action-detail .action--header,
c-popup c-finding-detail-v2 .finding--header,
c-popup c-member-hub-finding-detail .finding--header {
    margin: 0 !important;
}

c-popup c-member-hub-action-detail .left {
    margin-left: 2rem;
}

c-brand-performance-check c-member-hub-action-detail .left {
    margin: 1rem;
}

div[data-region-name="header"] c-member-hub-action-detail .action--header,
div[data-region-name="header"] c-hrdd-hub-action-detail .action--header {
    margin: 0 -11px 1rem -11px;
}

.iframe div[data-region-name="header"] c-member-hub-action-detail .action--header,
.iframe div[data-region-name="content"] c-hrdd-hub-action-detail .action--header,
.iframe div[data-region-name="content"] c-finding-detail-v2 .finding--header
.iframe div[data-region-name="content"] c-member-hub-finding-detail .finding--header {
    margin: -15px -25px 1rem -25px;
}

.iframe div[data-region-name="content"] c-popup c-finding-detail-v2 .finding--header,
.iframe div[data-region-name="content"] c-popup c-member-hub-finding-detail .finding--header {
    margin: 0;
}

.countries td:first-child {
    padding-left: 4rem;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left;
    fill: var(--color-primary);
}

.countries td[data-key='Bangladesh']:first-child {
    background-image: url(/resource/MemberHubIcons/countries/bangladesh.svg);
}

.countries td[data-key='Viet Nam']:first-child {
    background-image: url(/resource/MemberHubIcons/countries/vietnam.svg);
}

.countries td[data-key='Ukraine']:first-child {
    background-image: url(/resource/MemberHubIcons/countries/ukraine.svg);
}

.countries td[data-key='Turkey']:first-child {
    background-image: url(/resource/MemberHubIcons/countries/turkey.svg);
}

.countries td[data-key='Tunisia']:first-child {
    background-image: url(/resource/MemberHubIcons/countries/tunisia.svg);
}

.countries td[data-key='Thailand']:first-child {
    background-image: url(/resource/MemberHubIcons/countries/thailand.svg);
}

.countries td[data-key='Romania']:first-child {
    background-image: url(/resource/MemberHubIcons/countries/romania.svg);
}

.countries td[data-key='Portugal']:first-child {
    background-image: url(/resource/MemberHubIcons/countries/portugal.svg);
}

.countries td[data-key='North Macedonia']:first-child {
    background-image: url(/resource/MemberHubIcons/countries/northmacedonia.svg);
}

.countries td[data-key='Myanmar']:first-child {
    background-image: url(/resource/MemberHubIcons/countries/myanmar.svg);
}

.countries td[data-key='Italy']:first-child {
    background-image: url(/resource/MemberHubIcons/countries/italy.svg);
}

.countries td[data-key='Indonesia']:first-child {
    background-image: url(/resource/MemberHubIcons/countries/indonesia.svg);
}

.countries td[data-key='India']:first-child {
    background-image: url(/resource/MemberHubIcons/countries/india.svg);
}

.countries td[data-key='China']:first-child {
    background-image: url(/resource/MemberHubIcons/countries/china.svg);
}

.countries td[data-key='Bulgaria']:first-child {
    background-image: url(/resource/MemberHubIcons/countries/bulgaria.svg);
}

.icon-book {
    font-size: 1.6rem;
    font-weight: var(--lwc-fontWeightBold);
}

.icon-book:before {
    width: 3rem;
    height: 3rem;
    margin-right: 1rem;
    margin-bottom: -0.3em;
    -webkit-mask: url(/resource/MemberHubIcons/book-detail.svg);
    mask: url(/resource/MemberHubIcons/book-detail.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: var(--color-primary) !important;
    display: inline-block;
    content: "";
}

.icon-country:before {
    content: "";
    display: block;
    width: 4rem;
    height: 4rem;
    float: left;
    margin: -5px 6px 0 0;
    background-color: var(--color-primary);
    mask: url("/resource/MemberHubIcons/world-globe.svg") center / 100% no-repeat;
    -webkit-mask: url("/resource/MemberHubIcons/world-globe.svg") center / 100% no-repeat;
}

.icon-factory:before {
    content: "";
    display: block;
    width: 4rem;
    height: 4rem;
    float: left;
    margin: -5px 6px 0 0;
    background-color: var(--color-primary);
    mask: url("/resource/MemberHubIcons/factory-manufacturer.svg") center / 100% no-repeat;
    -webkit-mask: url("/resource/MemberHubIcons/factory-manufacturer.svg") center / 100% no-repeat;
}

.slds-modal__content:has(.modal-container) {
    padding: 0 !important;
}

div[data-region-name="content"]:has(.bordered-parent) {
    border: solid 1px var(--color-light-grey);
    padding: 1.5rem;
}

.community.cBPC {
    margin-top: 2rem !important;
    --sds-c-card-body-spacing-inline-end: 0;
    --sds-c-card-body-spacing-inline-start: 0;
}

.download {
    margin-bottom: 2rem;
    margin-top: 3rem;
}

.icon--large c-primitive-icon {
    position: absolute;
    margin-left: -2.2rem;
    margin-top: 4px;
    width: 2rem;
    height: 2rem;
    --lwc-squareIconUtilitySmall: 1.5rem;
    color: var(--color-primary);
    background-color: #c8c8c8;
    padding: 4px;
    --slds-c-icon-color-foreground-default: white;
}

.icon--large c-primitive-icon svg {
    margin-top: -16px;
}

.ball a, span.ball {
    /*line-height: 2rem;*/
    /*border-radius: 2rem !important;*/
    border-radius: 1rem !important;
    width: 1.4rem;
    height: 1.4rem;
    font-size: 1rem;
    display: inline-block;
    margin-top: 2px;
    font-weight: bold;
}

.ball.red a, span.ball.red {
    color: white !important;
    background-color: var(--color-accent);
    border-color: var(--color-accent);
}

.ball.red.gray-ball a, span.ball.red.gray-ball {
    color: #FFF !important;
    background-color: var(--color-grey);
    border-color: var(--color-grey);
}

/* created for country detail page */
.slds-has-icon_left .icon:after {
    width: 3rem;
    height: 3rem;
    margin: -0.5rem 0.5rem -0.5rem -0.5rem;
    display: block;
    content: "";
    background-color: var(--color-primary);
}

.slds-accordion__summary-action {
    align-items: start !important;
}

lightning-button-icon.clear-date-icon[c-gridHeader_gridHeader] {
    right: 1.8rem;
    top: 0;
}

lightning-button-icon.icon-clear-options[c-multiPicklist_multiPicklist] {
    margin-top: -3px;
}


/* color tags */
.tags > span,
c-multi-picklist.tags .tag {
    width: 1.2rem;
    height: 1.2rem;
    display: inline-block;
    border-radius: 2rem !important;
    margin: 0.3rem 1rem 0 0;
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;
    position: relative;
}

c-multi-picklist.tags .tag {
    margin: 0 0.5rem -0.5rem 0;
}

.tags.editable > span {
    cursor: pointer;
    width: 1.5rem;
    height: 1.5rem;
    margin: 0.5rem 1rem 0.5rem 0;
}

.tags.editable > span:hover {
    width: 2.8rem;
    height: 2.8rem;
    margin: -0.6rem 0.3rem 0 -0.6rem;
}

.tags.editable > span:after {
    mask: url("/resource/MemberHubIcons/plus.svg") center no-repeat;
    -webkit-mask: url("/resource/MemberHubIcons/plus.svg") center no-repeat;
    mask-size: cover;
    -webkit-mask-size: cover;
    background-color: transparent;
    width: 1px;
    height: 1px;
    margin: 1rem;
    position: absolute;
    content: "";
    opacity: 0;
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

.tags.editable > span:hover:after {
    opacity: 1;
    background-color: black;
    width: 100%;
    height: 100%;
    margin: 0;
}

.tags > span.selected {
    width: 2.3rem;
    height: 2.3rem;
    border: solid 0.25rem black;
    margin: 0.1rem 0.55rem 0.1rem -0.35rem;
}

.tags.editable > span.selected:after {
    mask: url("/resource/MemberHubIcons/minus.svg") center / 100% no-repeat;
    -webkit-mask: url("/resource/MemberHubIcons/minus.svg") center / 100% no-repeat;
    mask-size: cover;
    -webkit-mask-size: cover;
    background-color: black;
    width: 100%;
    height: 100%;
    position: absolute;
    content: "";
    /*opacity: 1;*/
    margin: 0;
}

.tags .Red,
c-multi-picklist.tags li[data-value='Red'] .tag {
    background-color: #D92F42;
}

.tags .Orange,
c-multi-picklist.tags li[data-value='Orange'] .tag {
    background-color: #E6963D;
}

.tags .Yellow,
c-multi-picklist.tags li[data-value='Yellow'] .tag {
    background-color: #D1C64B;
}

.tags .Teal,
c-multi-picklist.tags li[data-value='Teal'] .tag {
    background-color: #4CA8A8;
}

.tags .Blue,
c-multi-picklist.tags li[data-value='Blue'] .tag {
    background-color: #1130D0;
}

.tags .Purple,
c-multi-picklist.tags li[data-value='Purple'] .tag {
    background-color: #A451BD;
}

.tags .Grey,
c-multi-picklist.tags li[data-value='Grey'] .tag {
    background-color: #969696;
}

img[feeds_placeholding-emptyfeed_emptyfeed] {
    /*display: none;*/
    opacity: 0;
}

figcaption[feeds_placeholding-emptyfeed_emptyfeed]::before {
    background-image: url(/resource/MemberHubIcons/OpenRoad-fw.svg);
    background-size: contain;
    background-repeat: no-repeat;
    content: "";
    width: 100%;
    min-width: 100px;
    min-height: 100px;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
}

/* risklevels */
/*[c-accordionsection_accordionsection].risklevels {*/
/*    width: 100px;*/
/*}*/
.risklevels c-base-combobox-item[data-value] .slds-media__body:after,
.risklevels .slds-form-element__control[data-value] .slds-combobox__form-element:before {
    display: inline-block;
    height: 20px;
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
    width: 100px;
    margin: 5px 0 -5px 2px;
}

.riskLevelIcon {
    background-repeat: no-repeat;
    background-size: contain;
    width: 80px;
    height: 20px;
    margin-left: 20px;
    margin-bottom: -2px;
    display: inline-block;
}

.risklevels .slds-form-element__control[data-value] .slds-combobox__form-element:before {
    position: absolute;
    margin-left: 50px;
    /*margin-top: 5px;*/
}

.risklevels c-base-combobox-item[data-value="1"] .slds-media__body:after,
.riskLevelIcon.lvl-1,
.risklevels .slds-form-element__control[data-value="1"] .slds-combobox__form-element:before {
    background-image: url(/resource/riskLevel/1.svg);
}

.risklevels c-base-combobox-item[data-value="2"] .slds-media__body:after,
.riskLevelIcon.lvl-2,
.risklevels .slds-form-element__control[data-value="2"] .slds-combobox__form-element:before {
    background-image: url(/resource/riskLevel/2.svg);
}

.risklevels c-base-combobox-item[data-value="3"] .slds-media__body:after,
.riskLevelIcon.lvl-3,
.risklevels .slds-form-element__control[data-value="3"] .slds-combobox__form-element:before {
    background-image: url(/resource/riskLevel/3.svg);
}

.risklevels c-base-combobox-item[data-value="4"] .slds-media__body:after,
.riskLevelIcon.lvl-4,
.risklevels .slds-form-element__control[data-value="4"] .slds-combobox__form-element:before {
    background-image: url(/resource/riskLevel/4.svg);
}

.risklevels c-base-combobox-item[data-value="5"] .slds-media__body:after,
.riskLevelIcon.lvl-5,
.risklevels .slds-form-element__control[data-value="5"] .slds-combobox__form-element:before {
    background-image: url(/resource/riskLevel/5.svg);
}

.gray-header > section > .slds-accordion__summary {
    background-color: var(--color-light-grey);
    margin: -6px 0 -6px 0;
    padding: 6px;
}

/* pills */
c-pill-container {
    --slds-c-pill-color-border: var(--color-primary);
    --slds-c-icon-color-foreground-default: white;
    --slds-c-pill-color-background: var(--color-primary);
    --sds-c-pill-color-background-hover: var(--color-primary);
    --slds-c-pill-spacing-inline-start: 0.5rem;
    --slds-c-pill-spacing-inline-end: 0.5rem;
    --slds-c-pill-spacing-block-start: 0;
    --slds-c-pill-spacing-block-end: 0;
    --slds-c-pill-line-height: 1rem;
    --lwc-heightPill: 1.4rem;
    color: white;
    font-weight: var(--lwc-fontWeightBold);
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
}

.slds-pill_container {
    border: none !important;
}

.slds-pill {
    margin-right: 10px;
    border-radius: 16px !important;
    cursor: pointer;
}

.slds-pill:hover {
    --slds-c-pill-color-border: black;
    color: var(--color-light-grey);
    --slds-c-icon-color-foreground-default: black;
}

flowruntime-flow {
    display: inline !important;
}

flowruntime-lwc-body {
    display: block !important;
}

.no-break {
    page-break-inside: avoid !important;
}

ul.skewed {
    list-style: none;
    margin: 0.5rem 0;
}

ul.skewed > li {
    position: relative;
    text-align: justify;
    padding-left: 1.2rem;
}

ul.skewed > li:not(:last-child) {
    margin-bottom: 1rem;
}

ul.skewed > li::before {
    position: relative;
    /* left: 0; */
    top: 0.9rem;
    content: '';
    width: 0.6rem;
    height: 1.2rem;
    transform: skew(-15deg);
    background-color: var(--color-primary) !important;
    display: inline-block;
    float: left;
}

/*ol.skewed > li::before {*/
/*    position: absolute;*/
/*    left: 0;*/
/*    top: -0.25rem;*/
/*    font-size: 1.2rem;*/
/*    content: counter(item) ".";*/
/*    color: var(--color-primary);*/
/*    display: inline-block;*/
/*    font-weight: bold;*/
/*}*/

.line-clamp-1 {
    --clamp-lines: 1;
}

.line-clamp-2 {
    --clamp-lines: 2;
}

.line-clamp-3 {
    --clamp-lines: 3;
}

.line-clamp-4 {
    --clamp-lines: 4;
}

.line-clamp:not(td), .line-clamp-2:not(td), .line-clamp-3:not(td), .line-clamp-4:not(td) {
    display: -webkit-box !important;
    -webkit-line-clamp: var(--clamp-lines, 3);
    -webkit-box-orient: vertical;
    line-clamp: var(--clamp-lines, 3);
    overflow: hidden;
}

.align-items-center {
    align-items: center;
}

td.line-clamp {
    display: table-cell !important;
}

.actionsContainer .slds-button-group .slds-button, .actionsContainer .slds-button-group-list .slds-button {
    height: var(--lwc-squareIconMediumBoundary);
}

.sr-only, .onePixel {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.assessment .question--text {
    flex: 2 1 auto !important;
    width: auto;
    font-weight: var(--lwc-fontWeightBold);
}

.assessment .slds-form-element__label {
    font-weight: var(--lwc-fontWeightBold);
}

c-brand-performance-check-category .no-break:first-of-type .separator.horizontal {
    display: none;
}

c-brand-performance-check-category:has(.category--header) .no-break:first-of-type .separator.horizontal {
    display: block;
}

c-popup .slds-modal__content {
    justify-content: stretch;
    height: auto;
    justify-items: stretch;
}

c-popup .slds-modal__content:has(iframe) {
    height: inherit !important;
    padding-bottom: 0 !important;
}

c-popup .modal-container {
    padding-top: var(--popup_padding_top, 1rem) !important;
}

.modal-body.scrollable {
    max-height: unset !important;
    height: max-content;
}

.modal-body.scrollable.slds-p-around_large {
    padding: 0 !important;
}

.modal-body.scrollable:has(c-data-grid) {
    max-height: 100% !important;
    height: 100%;
}

/*@media (min-width: 48em) {*/
/*    !*c-dynamic-forms-lwc .slds-form-element_horizontal .slds-form-element__control,*!*/
/*    !*c-dynamic-forms-lwc .slds-form_horizontal .slds-form-element .slds-form-element__control,*!*/
/*    !*c-dynamic-forms-lwc .slds-form_stacked .slds-form-element_horizontal .slds-form-element__control {*!*/
/*    !*    position: absolute;*!*/
/*    !*}*!*/
/*    c-dynamic-forms-lwc .slds-form-element_horizontal .slds-form-element__control:has(lightning-formatted-rich-text) {*/
/*        position: relative;*/
/*        margin: -1.3rem 0;*/
/*    }*/
/*}*/

c-dynamic-forms-lwc lightning-helptext {
    position: relative;
}

/*c-dynamic-forms-lwc c-data-grid lightning-helptext {*/
/*    position: relative;*/
/*}*/

c-dynamic-forms-lwc .slds-form-element_horizontal .slds-form-element__control,
c-dynamic-forms-lwc .slds-form_horizontal .slds-form-element .slds-form-element__control,
c-dynamic-forms-lwc .slds-form_stacked .slds-form-element_horizontal .slds-form-element__control {
    min-height: 22px;
}

/*c-dynamic-forms-lwc .slds-form-element_horizontal .slds-form-element__control .slds-checkbox {*/
/*    margin-top: -18px;*/
/*}*/

/*c-dynamic-forms-lwc lightning-input-field lightning-datepicker .slds-form-element__help {*/
/*    display: none;*/
/*}*/


c-dynamic-forms-lwc .record-body-container {
    box-shadow: none !important;
}

/*c-dynamic-forms-lwc .slds-form__item:has(.slds-form-element_readonly) > button {*/
/*    display: none;*/
/*}*/

.iframe c-flow-button .slds-page-header {
    top: -0.5rem;
}

flowruntime-navigation-bar {
    border: none !important;
}

.slds-page-header {
    --slds-g-color-neutral-base-95: transparent;
    margin-top: 1.5rem;
}

.slds-path__item:after {
    bottom: 0;
    height: calc(var(--lwc-heightSalesPath) / 2) !important;
}

@media (min-width: 64em) {
    .slds-path__action {
        margin-left: 0 !important;
        /*var(--lwc-spacingLarge, 1.5rem);*/
    }
}

.slds-path__action,
.slds-path__stage-name {
    display: none !important;
}

.ml-7 {
    margin-left: 7rem;
}

.ml-7 c-module-list .linked-modules__text {
    margin-left: -7rem;
}

.details-column button {
    padding: 5px 0 6px 10px;
    /* padding-top: 6px !important; */
    /* padding-bottom: 5px !important; */
    /* height: 1.7rem !important; */
    white-space: nowrap;
}

.black {
    color: black;
}

.coloured .slds-slider__value {
    font-weight: bold;
    font-size: 1.2rem;
    /*text-shadow: 0 0 3px #FF0000, 0 0 5px #0000FF;*/
}

.coloured .slds-slider__value {
    color: var(--value-color, darkgrey);
}

.coloured .slds-slider.slider-value--2 {
    --value-color: #009e9d;
}

.coloured .slds-slider.slider-value--1 {
    --value-color: #969696;
}

.coloured .slds-slider.slider-value-0 {
    --value-color: #d4c428;
}

.coloured .slds-slider.slider-value-1 {
    --value-color: #f2aac8;
}

.coloured .slds-slider.slider-value-2 {
    --value-color: #ed003b;
}

.coloured input[type="range"]:focus::-moz-range-thumb:focus,
.coloured input[type="range"]:focus::-webkit-slider-thumb,
.coloured input[type="range"]:focus {
    outline: none;
}

/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */
.coloured input[type="range"]::-moz-range-thumb,
.coloured input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 24px;
    height: 24px;
    border: 0;
    cursor: pointer;
    background-color: var(--value-color, #009e9d);
    outline: none;
    border-radius: 50% !important;
}

.cg-1 {
    column-gap: 0.5rem;
}

.ta-c {
    text-align: center;
}
.ta-l {
    text-align: left;
}
.ta-r {
    text-align: right;
}
.slds-modal .slds-modal__title {
    white-space: pre-line;
    --lwc-lineHeightHeading: 1
}