.auraMsgMask, #auraErrorMask, body .auraLoadingBox { display: none; } .spaError { padding: 10px; } .spaErrorLink { padding: 10px 0; display: block } :root { --HealthCloudGA-paletteIndigo10: rgb(32, 6, 71); --HealthCloudGA-popoverWalkthroughHeaderImage: ; --HealthCloudGA-zIndexDialog: 6000; --HealthCloudGA-colorPickerSelectorWidth: 14rem; --HealthCloudGA-nubbinSizeDefault: 1rem; --HealthCloudGA-paletteCloudBlue40: rgb(5, 98, 138); --HealthCloudGA-colorBackgroundContextBarInverseItemHover: rgba(255, 255, 255, 0.2); --HealthCloudGA-dropZoneSlotHeight: 0.25rem; --HealthCloudGA-colorTextTabLabelSelected: rgb(1, 118, 211); --HealthCloudGA-colorStrokeBrandActive: rgb(3, 45, 96); --HealthCloudGA-paletteIndigo15: rgb(31, 9, 116); --HealthCloudGA-cardBodyPadding: 0 1rem; --HealthCloudGA-varSpacingHorizontalSmall: 0.75rem; --HealthCloudGA-tableColorBackgroundHeaderResizableHandle: rgb(174, 174, 174); --HealthCloudGA-colorBackgroundPathActiveHover: rgb(3, 45, 96); --HealthCloudGA-brandPrimaryTransparent: rgba(21, 137, 238, 0.1); --HealthCloudGA-brandPrimaryTransparent40: rgba(21, 137, 238, 0.4); --HealthCloudGA-colorBorderButtonDefault: rgb(201, 201, 201); --HealthCloudGA-paletteIndigo20: rgb(50, 29, 113); --HealthCloudGA-popoverColorText: rgb(201, 201, 201); --HealthCloudGA-paletteCloudBlue30: rgb(8, 73, 104); --HealthCloudGA-colorTextButtonDefaultActive: rgb(1, 118, 211); --HealthCloudGA-colorPickerSliderHeight: 1.5rem; --HealthCloudGA-colorTextIconInverse: rgb(255, 255, 255); --HealthCloudGA-heightFooter: 3.75rem; --HealthCloudGA-splitViewColorBorder: rgb(201, 201, 201); --HealthCloudGA-colorBorderRowSelectedHover: rgb(27, 150, 255); --HealthCloudGA-fontSizeTextXxSmall: 0.625rem; --HealthCloudGA-lineHeightHeading: 1.25; --HealthCloudGA-cardHeaderMargin: 0 0 0.75rem; --HealthCloudGA-paletteIndigo30: rgb(47, 44, 183); --HealthCloudGA-mqMediumLandscape: only screen and (min-width: 48em) and (min-aspect-ratio: 4/3); --HealthCloudGA-brandBandImageHeightMedium: 12.5rem; --HealthCloudGA-illustrationColorSecondary: rgb(207, 233, 254); --HealthCloudGA-zIndexDefault: 1; --HealthCloudGA-colorBorderSelectionActive: rgb(243, 243, 243); --HealthCloudGA-paletteCloudBlue20: rgb(2, 50, 72); --HealthCloudGA-utilityBarColorBackgroundNotificationFocus: rgb(201, 201, 201); --HealthCloudGA-colorTextIconDefaultDisabled: rgb(201, 201, 201); --HealthCloudGA-colorTextBrand: rgb(27, 150, 255); --HealthCloudGA-durationToastMedium: 9.6s; --HealthCloudGA-colorBackgroundButtonIconActive: rgb(243, 243, 243); --HealthCloudGA-brandHeaderContrastWeak: rgb(145, 145, 145); --HealthCloudGA-colorBackgroundNotificationNew: rgb(243, 243, 243); --HealthCloudGA-brandHeaderContrastInverseActive: rgb(238, 238, 238); --HealthCloudGA-colorBackgroundInputCheckboxSelected: rgb(27, 150, 255); --HealthCloudGA-progressColorBorder: rgb(255, 255, 255); --HealthCloudGA-spacingXxxSmall: 0.125rem; --HealthCloudGA-paletteIndigo40: rgb(58, 73, 218); --HealthCloudGA-colorBackgroundProgressRingContent: rgb(255, 255, 255); --HealthCloudGA-lineHeightButtonSmall: 1.75rem; --HealthCloudGA-salesforceSansBoldItalicWoff: url(/_slds/fonts/v2.3.0/SalesforceSans-BoldItalic.woff); --HealthCloudGA-brandBackgroundDarkTransparent: rgba(221, 219, 218, 0); --HealthCloudGA-colorPickerThumbWidth: 0.375rem; --HealthCloudGA-paletteCloudBlue10: rgb(0, 26, 40); --HealthCloudGA-brandHeaderIconActive: rgb(129, 129, 129); --HealthCloudGA-widthStageLeftCollapsed: 4rem; --HealthCloudGA-paletteCloudBlue15: rgb(10, 38, 54); --HealthCloudGA-colorBorderOffline: rgb(68, 68, 68); --HealthCloudGA-colorBackgroundUtilityBarHover: rgb(243, 243, 243); --HealthCloudGA-sliderHandleColorBackgroundHover: rgb(1, 118, 211); --HealthCloudGA-colorTextIconInverseHint: rgba(255, 255, 255, 0.5); --HealthCloudGA-sizeMedium: 20rem; --HealthCloudGA-brandPrimaryTransparent10: rgba(21, 137, 238, 0.1); --HealthCloudGA-colorBorderIconInverseHintHover: rgba(255, 255, 255, 0.75); --HealthCloudGA-colorTextDefault: rgb(3, 45, 96); --HealthCloudGA-paletteIndigo50: rgb(88, 103, 232); --HealthCloudGA-progressBarHeight: 0.125rem; --HealthCloudGA-colorBackgroundWarning: rgb(254, 147, 57); --HealthCloudGA-colorBackgroundBrandPrimaryActive: rgb(3, 45, 96); --HealthCloudGA-paletteBlue90: rgb(216, 230, 254); --HealthCloudGA-brandHeaderContrastCool: rgb(1, 68, 134); --HealthCloudGA-paletteCloudBlue80: rgb(144, 208, 254); --HealthCloudGA-paletteBlue95: rgb(238, 244, 255); --HealthCloudGA-colorBorderSelectionHover: rgb(27, 150, 255); --HealthCloudGA-zIndexPopup: 5000; --HealthCloudGA-borderRadiusLarge: 0.5rem; --HealthCloudGA-colorTextIconInverseHintHover: rgba(255, 255, 255, 0.75); --HealthCloudGA-popoverBrandBorderWidth: 0.25rem; --HealthCloudGA-fontSizeHeadingXLarge: 1.75rem; --HealthCloudGA-typingIconDotColorBackgroundGrayDark: rgb(201, 201, 201); --HealthCloudGA-paletteIndigo65: rgb(142, 155, 239); --HealthCloudGA-varSpacingLarge: 1.5rem; --HealthCloudGA-pageHeaderSpacingMargin: 0; --HealthCloudGA-fontSizeTextXLarge: 1.25rem; --HealthCloudGA-paletteIndigo60: rgb(127, 140, 237); --HealthCloudGA-paletteCloudBlue70: rgb(26, 185, 255); --HealthCloudGA-welcomeMatColorActionShadow: rgba(0, 0, 0, 0.05); --HealthCloudGA-colorTextBrowser: rgb(255, 255, 255); --HealthCloudGA-welcomeMatSpacingInfo: 7.75rem; --HealthCloudGA-mqLarge: only screen and (min-width: 64.0625em); --HealthCloudGA-paletteIndigo70: rgb(158, 169, 241); --HealthCloudGA-squareTappableSmall: 2rem; --HealthCloudGA-colorTextActionLabel: rgb(116, 116, 116); --HealthCloudGA-paletteCloudBlue60: rgb(13, 157, 218); --HealthCloudGA-paletteBlue70: rgb(120, 176, 253); --HealthCloudGA-colorBorderTabActive: rgb(255, 255, 255); --HealthCloudGA-paletteCloudBlue65: rgb(8, 171, 237); --HealthCloudGA-globalnavigationItemHeightAccentFocus: 4px; --HealthCloudGA-colorBorderDestructiveHover: rgb(186, 5, 23); --HealthCloudGA-buttonLineHeightTouch: 2.65rem; --HealthCloudGA-colorTextCustomer: rgb(254, 147, 57); --HealthCloudGA-squareIconUtilitySmall: 1rem; --HealthCloudGA-colorBackgroundModalButtonActive: rgba(0, 0, 0, 0.16); --HealthCloudGA-colorTextBrandPrimary: rgb(255, 255, 255); --HealthCloudGA-squareIconXSmallBoundary: 1.25rem; --HealthCloudGA-widthToggle: 3rem; --HealthCloudGA-paletteIndigo80: rgb(190, 199, 246); --HealthCloudGA-welcomeMatMinHeight: 25rem; --HealthCloudGA-zIndexDocked: 4; --HealthCloudGA-squareIconMediumBoundaryAlt: 2.25rem; --HealthCloudGA-colorBorderSelection: rgb(1, 118, 211); --HealthCloudGA-paletteBlue80: rgb(170, 203, 255); --HealthCloudGA-paletteCloudBlue50: rgb(16, 124, 173); --HealthCloudGA-brandHeaderContrastActive: rgb(80, 80, 80); --HealthCloudGA-formLabelFontSize: 0.75rem; --HealthCloudGA-colorTextActionLabelActive: rgb(3, 45, 96); --HealthCloudGA-colorBackgroundBackdropTint: rgb(243, 243, 243); --HealthCloudGA-durationSlowly: 0.4s; --HealthCloudGA-colorBackgroundRowHover: rgb(243, 243, 243); --HealthCloudGA-popoverWalkthroughAltNubbinColorBackground: rgb(1, 118, 211); --HealthCloudGA-spinnerSizeSmall: 1.25rem; --HealthCloudGA-sliderTrackColorBackgroundFill: rgb(27, 150, 255); --HealthCloudGA-welcomeMatWidth: 52.0625rem; --HealthCloudGA-paletteIndigo95: rgb(241, 243, 251); --HealthCloudGA-paletteIndigo90: rgb(224, 229, 248); --HealthCloudGA-filesZIndexHover: 5; --HealthCloudGA-colorTextPill: rgb(1, 118, 211); --HealthCloudGA-varSpacingSmall: 0.75rem; --HealthCloudGA-heightDockedBar: 2.5rem; --HealthCloudGA-paletteBlue50: rgb(1, 118, 211); --HealthCloudGA-colorTextTabLabelHover: rgb(1, 68, 134); --HealthCloudGA-fontSizeHeadingXSmall: 0.75rem; --HealthCloudGA-colorStrokeDisabled: rgb(243, 243, 243); --HealthCloudGA-widthPathBorderCurrent: 0.125rem; --HealthCloudGA-colorBackgroundButtonDefaultHover: rgb(243, 243, 243); --HealthCloudGA-varSpacingVerticalXxSmall: 0.25rem; --HealthCloudGA-colorTextButtonDefaultHover: rgb(1, 118, 211); --HealthCloudGA-durationPromptly: 0.2s; --HealthCloudGA-colorBorderPathCurrent: rgb(1, 68, 134); --HealthCloudGA-colorBackgroundButtonDefaultActive: rgb(243, 243, 243); --HealthCloudGA-colorTextStageLeft: rgb(243, 243, 243); --HealthCloudGA-colorBorderHint: rgb(3, 45, 96); --HealthCloudGA-colorTextPrimary: rgb(3, 45, 96); --HealthCloudGA-brandBandColorBackgroundSecondaryTransparent: rgba(0, 0, 0, 0); --HealthCloudGA-paletteBlue60: rgb(27, 150, 255); --HealthCloudGA-cardColorBackground: rgb(255, 255, 255); --HealthCloudGA-brandHeaderIcon: rgb(145, 145, 145); --HealthCloudGA-paletteBlue65: rgb(87, 163, 253); --HealthCloudGA-spacingLarge: 1.5rem; --HealthCloudGA-pageHeaderColorBorder: rgba(0, 0, 0, 0); --HealthCloudGA-cardFooterMargin: 0.75rem; --HealthCloudGA-fontSizeTextSmall: 0.8125rem; --HealthCloudGA-colorTextLinkInverseActive: rgba(255, 255, 255, 0.5); --HealthCloudGA-durationToastShort: 4.8s; --HealthCloudGA-lineHeightButton: 1.875rem; --HealthCloudGA-panelDockedLeftShadow: 1px 0 3px rgba(0, 0, 0, 0.25); --HealthCloudGA-panelDockedRightShadow: -1px 0 3px 0 rgba(0, 0, 0, 0.25); --HealthCloudGA-colorTextLinkPrimaryHover: rgb(1, 118, 211); --HealthCloudGA-shadowButton: 0 1px 1px 0 rgba(0, 0, 0, 0.05); --HealthCloudGA-welcomeMatMaxHeight: 37.5rem; --HealthCloudGA-colorBorderToggleChecked: rgb(255, 255, 255); --HealthCloudGA-shadowHeader: 0 2px 4px rgba(0, 0, 0, 0.07); --HealthCloudGA-sizeXxLarge: 60rem; --HealthCloudGA-colorBackgroundDockedPanelHeader: rgb(255, 255, 255); --HealthCloudGA-paletteBlue30: rgb(1, 68, 134); --HealthCloudGA-lineHeightSalespath: 1.5rem; --HealthCloudGA-shadowDrag: 0 2px 4px 0 rgba(0, 0, 0, 0.40); --HealthCloudGA-colorBackgroundPathExpanded: rgb(255, 255, 255); --HealthCloudGA-colorBackground: rgb(243, 243, 243); --HealthCloudGA-colorBackgroundInput: rgb(255, 255, 255); --HealthCloudGA-sizeSmall: 15rem; --HealthCloudGA-userDefaultAvatar: url(/_slds/images/profile_avatar_200.png?cache=7bdcafae); --HealthCloudGA-colorTextButtonInverse: rgb(243, 243, 243); --HealthCloudGA-colorBackgroundInputCheckboxDisabled: rgb(201, 201, 201); --HealthCloudGA-tableColorTextHeader: rgb(68, 68, 68); --HealthCloudGA-paletteBlue40: rgb(11, 92, 171); --HealthCloudGA-cardColorBorder: rgb(201, 201, 201); --HealthCloudGA-squareIconUtilityMedium: 1.25rem; --HealthCloudGA-colorBackgroundButtonSuccessHover: rgb(46, 132, 74); --HealthCloudGA-colorBorderButtonBrandDisabled: rgba(0, 0, 0, 0); --HealthCloudGA-fontSizeHeadingXxSmall: 0.625rem; --HealthCloudGA-colorBackgroundButtonInverseActive: rgba(0, 0, 0, 0.24); --HealthCloudGA-illustrationEmptyStateEvents: url(/_slds/images/illustrations/empty-state-events.svg?cache=ce47a72d); --HealthCloudGA-colorBackgroundToggle: rgb(174, 174, 174); --HealthCloudGA-colorBackgroundStencil: rgb(243, 243, 243); --HealthCloudGA-welcomeMatCheckSize: 0.625rem; --HealthCloudGA-colorTextButtonBrandHover: rgb(255, 255, 255); --HealthCloudGA-buttonColorBackgroundSecondary: rgba(255, 255, 255, 0.8); --HealthCloudGA-paletteBlue10: rgb(0, 22, 57); --HealthCloudGA-varSpacingVerticalLarge: 1.5rem; --HealthCloudGA-colorBorderReminder: rgb(243, 243, 243); --HealthCloudGA-colorBrandDark: rgb(1, 118, 211); --HealthCloudGA-paletteBlue15: rgb(3, 35, 77); --HealthCloudGA-colorBorderBrandPrimaryFocus: rgb(1, 118, 211); --HealthCloudGA-salesforceSansItalicWoff: url(/_slds/fonts/v2.3.0/SalesforceSans-Italic.woff); --HealthCloudGA-colorBorderBrandPrimaryActive: rgb(3, 45, 96); --HealthCloudGA-datepickerColorTextDayAdjacentMonth: rgb(116, 116, 116); --HealthCloudGA-colorBorderErrorAlt: rgb(254, 143, 125); --HealthCloudGA-shadowReminder: 0 2px 3px 0 rgba(0, 0, 0, 0.20); --HealthCloudGA-brandTextLinkActive: rgb(1, 68, 134); --HealthCloudGA-pageHeaderColorBackground: rgb(243, 243, 243); --HealthCloudGA-salesforceSansBoldWoff2: url(/_slds/fonts/v2.3.0/SalesforceSans-Bold.woff2); --HealthCloudGA-fontSizeHeadingLarge: 1.5rem; --HealthCloudGA-colorBackgroundStencilAlt: rgb(243, 243, 243); --HealthCloudGA-paletteBlue20: rgb(3, 45, 96); --HealthCloudGA-elevationInverseShadow3Below: 0 -3px 3px 0 rgba(0, 0, 0, 0.16) inset; --HealthCloudGA-varSpacingHorizontalXxSmall: 0.25rem; --HealthCloudGA-colorBorderSeparatorAlt: rgb(201, 201, 201); --HealthCloudGA-colorPickerRangeHeight: 5rem; --HealthCloudGA-colorBackgroundButtonIcon: rgba(0, 0, 0, 0); --HealthCloudGA-paletteTeal15: rgb(7, 40, 37); --HealthCloudGA-buttonIconColorBorderPrimary: rgb(255, 255, 255); --HealthCloudGA-brandAccessibleActive: rgb(1, 68, 134); --HealthCloudGA-paletteYellow80: rgb(252, 192, 3); --HealthCloudGA-zIndexSpinner: 9050; --HealthCloudGA-colorBackgroundContextTabBarItem: rgb(255, 255, 255); --HealthCloudGA-fontWeightBold: 700; --HealthCloudGA-paletteTeal10: rgb(7, 27, 18); --HealthCloudGA-colorBackgroundContextBarItemActive: rgb(255, 255, 255); --HealthCloudGA-shadowFocusInset: 0 0 2px 2px #1b96ff inset; --HealthCloudGA-colorBackgroundAltInverse: rgb(3, 45, 96); --HealthCloudGA-colorBackgroundPathIncompleteHover: rgb(201, 201, 201); --HealthCloudGA-squareIconMediumContent: 1rem; --HealthCloudGA-colorBackgroundContextBar: rgb(255, 255, 255); --HealthCloudGA-colorTextInverseHover: rgb(174, 174, 174); --HealthCloudGA-colorBackgroundInputActive: rgb(255, 255, 255); --HealthCloudGA-brandContrast: rgb(26, 27, 30); --HealthCloudGA-colorTextSecondary: rgb(116, 116, 116); --HealthCloudGA-fillHeaderButtonHover: rgb(1, 68, 134); --HealthCloudGA-fontFamilyText: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; --HealthCloudGA-welcomeMatCompleteIconSize: 1.25rem; --HealthCloudGA-varSpacingXxLarge: 3rem; --HealthCloudGA-paletteYellow95: rgb(251, 243, 224); --HealthCloudGA-paletteYellow90: rgb(249, 227, 182); --HealthCloudGA-brandBackgroundPrimary: rgb(250, 250, 249); --HealthCloudGA-paletteTeal20: rgb(2, 52, 52); --HealthCloudGA-progressRingWidth: 0.1875rem; --HealthCloudGA-paletteYellow65: rgb(215, 147, 4); --HealthCloudGA-paletteYellow60: rgb(202, 133, 1); --HealthCloudGA-colorBorderInputCheckboxSelectedCheckmark: rgb(255, 255, 255); --HealthCloudGA-colorBorderCanvasElementSelectionHover: rgb(1, 68, 134); --HealthCloudGA-borderRadiusSmall: 0.125rem; --HealthCloudGA-progressBarColorBackground: rgb(201, 201, 201); --HealthCloudGA-durationInstantly: 0s; --HealthCloudGA-colorBackgroundToastSuccess: rgb(46, 132, 74); --HealthCloudGA-tabsFontWeight: 400; --HealthCloudGA-colorBackgroundPost: rgb(243, 243, 243); --HealthCloudGA-colorTextPlaceholderInverse: rgb(243, 243, 243); --HealthCloudGA-colorTextInputIcon: rgb(174, 174, 174); --HealthCloudGA-sliderHandleShadow: rgba(0, 0, 0, 0.16) 0 2px 3px; --HealthCloudGA-paletteYellow70: rgb(228, 162, 1); --HealthCloudGA-fontWeightLight: 300; --HealthCloudGA-colorTextError: rgb(234, 0, 30); --HealthCloudGA-varSpacingXxSmall: 0.25rem; --HealthCloudGA-colorBorderInput: rgb(201, 201, 201); --HealthCloudGA-brandAccessible: rgb(1, 118, 211); --HealthCloudGA-pageColorBackgroundPrimary: rgb(255, 255, 255); --HealthCloudGA-cardShadow: none; --HealthCloudGA-lineClamp: 3; --HealthCloudGA-welcomeMatWidthProgressBar: 12.5rem; --HealthCloudGA-progressColorBackgroundShade: rgb(243, 243, 243); --HealthCloudGA-globalActionFillHover: rgb(1, 68, 134); --HealthCloudGA-illustrationEmptyStateAssistant: url(/_slds/images/illustrations/empty-state-assistant.svg?cache=568ec6b3); --HealthCloudGA-varSpacingHorizontalXSmall: 0.5rem; --HealthCloudGA-colorPickerInputCustomHexFontSize: 0.75rem; --HealthCloudGA-varSpacingMedium: 1rem; --HealthCloudGA-colorBackgroundShadeDark: rgb(201, 201, 201); --HealthCloudGA-colorPickerSwatchesWidth: 13.3rem; --HealthCloudGA-squareIconLargeBoundaryAlt: 5rem; --HealthCloudGA-colorBorderInputDisabled: rgb(201, 201, 201); --HealthCloudGA-paletteYellow40: rgb(140, 75, 2); --HealthCloudGA-cardWrapperSpacing: 1rem; --HealthCloudGA-colorBackgroundNotificationBadgeActive: rgb(3, 45, 96); --HealthCloudGA-colorBackgroundHighlight: rgb(250, 255, 189); --HealthCloudGA-colorBackgroundRowActive: rgb(243, 243, 243); --HealthCloudGA-componentSpacingMargin: 0; --HealthCloudGA-colorBorderButtonFocusInverse: rgb(243, 243, 243); --HealthCloudGA-shadowButtonFocus: 0 0 3px #0176d3; --HealthCloudGA-varSpacingVerticalXLarge: 2rem; --HealthCloudGA-tableColorBackgroundHeaderHover: rgb(243, 243, 243); --HealthCloudGA-colorBackgroundDockedPanel: rgb(255, 255, 255); --HealthCloudGA-colorTextTertiary: rgb(116, 116, 116); --HealthCloudGA-varSpacingVerticalXxLarge: 3rem; --HealthCloudGA-paletteYellow50: rgb(168, 100, 3); --HealthCloudGA-brandContrastActive: rgb(13, 14, 18); --HealthCloudGA-squareIconLargeContent: 2rem; --HealthCloudGA-colorPickerSliderThumbColorBackground: rgb(243, 243, 243); --HealthCloudGA-inputStaticFontSize: 0.8125rem; --HealthCloudGA-borderWidthThin: 1px; --HealthCloudGA-fontWeightRegular: 400; --HealthCloudGA-colorBackgroundButtonSuccess: rgb(69, 198, 90); --HealthCloudGA-splitViewColorBackgroundRowHover: rgb(255, 255, 255); --HealthCloudGA-paletteYellow20: rgb(79, 33, 0); --HealthCloudGA-bannerUserDefaultImage: ; --HealthCloudGA-elevation8: 8; --HealthCloudGA-brandDark: rgb(1, 118, 211); --HealthCloudGA-colorBackgroundPathCurrentHover: rgb(255, 255, 255); --HealthCloudGA-elevation0: 0; --HealthCloudGA-elevation2: 2; --HealthCloudGA-pageHeaderJoinedColorBorder: rgb(201, 201, 201); --HealthCloudGA-elevation4: 4; --HealthCloudGA-durationPaused: 3.2s; --HealthCloudGA-colorBrand: rgb(27, 150, 255); --HealthCloudGA-colorBackgroundPathComplete: rgb(59, 167, 85); --HealthCloudGA-progressColorBorderHover: rgb(1, 118, 211); --HealthCloudGA-spacingXxSmall: 0.25rem; --HealthCloudGA-tableCellSpacing: 0.5rem; --HealthCloudGA-colorBorderContextBarThemeDefault: rgb(13, 157, 218); --HealthCloudGA-colorBackgroundAnchor: rgb(243, 243, 243); --HealthCloudGA-paletteYellow30: rgb(111, 52, 0); --HealthCloudGA-shadowButtonFocusInverse: 0 0 3px #f3f3f3; --HealthCloudGA-welcomeMatFontSizeInfoTitle: 2.625rem; --HealthCloudGA-colorBorderLinkFocusInverse: rgb(243, 243, 243); --HealthCloudGA-borderRadiusCircle: 50%; --HealthCloudGA-buttonColorBorderSecondary: rgba(255, 255, 255, 0.8); --HealthCloudGA-colorTextSuccessInverse: rgb(69, 198, 90); --HealthCloudGA-varSpacingXLarge: 2rem; --HealthCloudGA-sizeXLarge: 40rem; --HealthCloudGA-varSpacingHorizontalXxxSmall: 0.125rem; --HealthCloudGA-elevation3Inset: -3; --HealthCloudGA-lineHeightTab: 2.5rem; --HealthCloudGA-colorBackgroundDestructiveActive: rgb(142, 3, 15); --HealthCloudGA-colorTextLinkPrimaryActive: rgb(3, 45, 96); --HealthCloudGA-colorBackgroundPageHeader: rgb(255, 255, 255); --HealthCloudGA-colorBackgroundPill: rgb(255, 255, 255); --HealthCloudGA-fillBrandHover: rgb(1, 68, 134); --HealthCloudGA-colorBorderContextBarItem: rgba(0, 0, 0, 0.2); --HealthCloudGA-borderStrokeWidthThin: 1px; --HealthCloudGA-progressColorBorderShade: rgb(243, 243, 243); --HealthCloudGA-heightHeader: 2.75rem; --HealthCloudGA-shadowInlineEdit: 0 2px 4px 4px rgba(0, 0, 0, 0.16); --HealthCloudGA-colorBackgroundNotificationBadgeHover: rgb(1, 68, 134); --HealthCloudGA-borderRadiusPill: 15rem; --HealthCloudGA-colorTextButtonInverseDisabled: rgba(255, 255, 255, 0.5); --HealthCloudGA-sizeXxxSmall: 3rem; --HealthCloudGA-colorBackgroundSuccessDarker: rgb(25, 78, 49); --HealthCloudGA-colorBackgroundToggleHover: rgb(147, 147, 147); --HealthCloudGA-paletteYellow15: rgb(46, 34, 4); --HealthCloudGA-paletteYellow10: rgb(40, 18, 2); --HealthCloudGA-cardSpacingSmall: 0.75rem; --HealthCloudGA-illustrationEmptyStateTasks: url(/_slds/images/illustrations/empty-state-tasks.svg?cache=ba3662c1); --HealthCloudGA-brandBandScrimHeight: 3.125rem; --HealthCloudGA-popoverWalkthroughColorBackground: rgb(0, 22, 57); --HealthCloudGA-colorBorderErrorDark: rgb(254, 143, 125); --HealthCloudGA-heightTappableSmall: 2rem; --HealthCloudGA-colorBackgroundButtonBrandDisabled: rgb(243, 243, 243); --HealthCloudGA-colorBorderPrimary: rgb(201, 201, 201); --HealthCloudGA-colorGray1: rgb(255, 255, 255); --HealthCloudGA-fontSizeXLarge: 1.5rem; --HealthCloudGA-varSquareIconMediumBoundary: 2rem; --HealthCloudGA-colorGray5: rgb(221, 219, 218); --HealthCloudGA-colorGray4: rgb(236, 235, 234); --HealthCloudGA-colorGray3: rgb(243, 242, 242); --HealthCloudGA-colorGray2: rgb(250, 250, 249); --HealthCloudGA-opacity8: 0.8; --HealthCloudGA-salesforceSansBoldItalicWoff2: url(/_slds/fonts/v2.3.0/SalesforceSans-BoldItalic.woff2); --HealthCloudGA-opacity5: 0.5; --HealthCloudGA-squareIconGlobalIdentityIcon: 1.25rem; --HealthCloudGA-colorBackgroundBrowser: rgb(116, 116, 116); --HealthCloudGA-colorTextIconInverseActive: rgb(255, 255, 255); --HealthCloudGA-shadowDocked: 0 -2px 2px 0 rgba(0, 0, 0, 0.16); --HealthCloudGA-colorBackgroundInputError: rgb(253, 221, 227); --HealthCloudGA-colorGray9: rgb(112, 110, 107); --HealthCloudGA-colorGray8: rgb(150, 148, 146); --HealthCloudGA-colorGray7: rgb(176, 173, 171); --HealthCloudGA-colorGray6: rgb(201, 199, 197); --HealthCloudGA-colorTextLinkInverse: rgb(255, 255, 255); --HealthCloudGA-squareIconSmallBoundary: 1.5rem; --HealthCloudGA-varSpacingHorizontalXLarge: 2rem; --HealthCloudGA-colorBackgroundDark: rgb(243, 243, 243); --HealthCloudGA-colorTextWarningAlt: rgb(140, 75, 2); --HealthCloudGA-elevationInverseShadow2: 0 -2px 2px 0 rgba(0, 0, 0, 0.16); --HealthCloudGA-elevationInverseShadow0: none; --HealthCloudGA-colorStrokeBrand: rgb(1, 118, 211); --HealthCloudGA-colorBackgroundToggleActive: rgb(1, 68, 134); --HealthCloudGA-colorBorderContextBarDivider: rgba(255, 255, 255, 0.2); --HealthCloudGA-zIndexToast: 10000; --HealthCloudGA-colorBackgroundContextBarActionHighlight: rgba(255, 255, 255, 0.2); --HealthCloudGA-colorBackgroundBrandPrimaryFocus: rgb(1, 68, 134); --HealthCloudGA-buttonColorBackgroundBrandPrimary: rgb(1, 118, 211); --HealthCloudGA-brandHeaderContrastWarm: rgb(186, 5, 23); --HealthCloudGA-buttonColorTextPrimary: rgb(255, 255, 255); --HealthCloudGA-colorBrandDarker: rgb(1, 68, 134); --HealthCloudGA-colorBorderPathCurrentHover: rgb(3, 45, 96); --HealthCloudGA-colorTextButtonDefaultDisabled: rgb(201, 201, 201); --HealthCloudGA-colorBackgroundPathLost: rgb(234, 0, 30); --HealthCloudGA-einsteinHeaderBackground: url(/_slds/images/einstein-headers/einstein-header-background.svg?cache=3655c827); --HealthCloudGA-brandTextLink: rgb(1, 118, 211); --HealthCloudGA-sliderTrackColorBackground: rgb(243, 243, 243); --HealthCloudGA-colorContrastPrimary: rgb(243, 243, 243); --HealthCloudGA-groupDefaultAvatar: url(/_slds/images/group_avatar_200.png?cache=a0044dae); --HealthCloudGA-templateProfileGutters: 0; --HealthCloudGA-sizeXxSmall: 6rem; --HealthCloudGA-colorBackgroundPayload: rgb(243, 243, 243); --HealthCloudGA-paletteCloudBlue90: rgb(207, 233, 254); --HealthCloudGA-colorBackgroundPathActive: rgb(1, 68, 134); --HealthCloudGA-colorTextDestructive: rgb(234, 0, 30); --HealthCloudGA-squareIconLargeBoundary: 3rem; --HealthCloudGA-colorBorderWarning: rgb(254, 147, 57); --HealthCloudGA-shadowSoftPrimaryHover: none; --HealthCloudGA-paletteCloudBlue95: rgb(234, 245, 254); --HealthCloudGA-spacingSmall: 0.75rem; --HealthCloudGA-colorBackgroundErrorDark: rgb(186, 5, 23); --HealthCloudGA-brandHeaderContrastWeakDisabled: rgba(166, 166, 166, 0.25); --HealthCloudGA-squareIconMediumContentAlt: 0.875rem; --HealthCloudGA-colorBackgroundButtonInverse: rgba(0, 0, 0, 0); --HealthCloudGA-brandHeader: rgb(255, 255, 255); --HealthCloudGA-lineHeightText: 1.5; --HealthCloudGA-widthStageLeftExpanded: 15rem; --HealthCloudGA-colorBackgroundError: rgb(254, 92, 76); --HealthCloudGA-colorTextButtonBrandActive: rgb(255, 255, 255); --HealthCloudGA-fontFamily: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; --HealthCloudGA-mqMedium: only screen and (min-width: 48em); --HealthCloudGA-brandDarkActive: rgb(37, 48, 69); --HealthCloudGA-colorBackgroundPathStepActionActive: rgb(0, 22, 57); --HealthCloudGA-neutrafaceDisplayWoff2: url(/_slds/fonts/NeutrafaceDisplay.woff2?cache=2.9.0); --HealthCloudGA-spacingMedium: 1rem; --HealthCloudGA-colorTextModal: rgb(255, 255, 255); --HealthCloudGA-spinnerSizeLarge: 2.75rem; --HealthCloudGA-carouselIndicatorColorBackgroundHover: rgb(243, 243, 243); --HealthCloudGA-shadowActionOverflowFooter: 0 -2px 4px #f3f3f3; --HealthCloudGA-popoverWalkthroughHeaderColorBackground: rgb(3, 45, 96); --HealthCloudGA-colorBackgroundPathWon: rgb(46, 132, 74); --HealthCloudGA-lineHeightToggle: 1.3rem; --HealthCloudGA-neutrafaceDisplayWoff: url(/_slds/fonts/NeutrafaceDisplay.woff?cache=2.9.0); --HealthCloudGA-cardFooterPadding: 0 1rem 0.75rem; --HealthCloudGA-sliderHandleColorBackground: rgb(27, 150, 255); --HealthCloudGA-colorBackgroundErrorAlt: rgb(254, 143, 125); --HealthCloudGA-colorBackgroundIndicatorDot: rgb(3, 45, 96); --HealthCloudGA-chatMessageColorBackgroundInbound: rgb(243, 243, 243); --HealthCloudGA-elevationShadow0: none; --HealthCloudGA-heightPill: 1.625rem; --HealthCloudGA-elevationShadow4: 0 4px 4px 0 rgba(0, 0, 0, 0.16); --HealthCloudGA-elevationShadow2: 0 2px 2px 0 rgba(0, 0, 0, 0.16); --HealthCloudGA-elevationShadow8: 0 8px 8px 0 rgba(0, 0, 0, 0.16); --HealthCloudGA-varFontSize8: 1.5rem; --HealthCloudGA-colorBackgroundButtonDefaultDisabled: rgb(255, 255, 255); --HealthCloudGA-varFontSize7: 1.25rem; --HealthCloudGA-elevationInverseShadow8: 0 -8px 8px 0 rgba(0, 0, 0, 0.16); --HealthCloudGA-varFontSize9: 1.75rem; --HealthCloudGA-brandBandColorBackgroundPrimary: rgba(0, 0, 0, 0); --HealthCloudGA-colorTextButtonBrand: rgb(255, 255, 255); --HealthCloudGA-elevationInverseShadow4: 0 -4px 4px 0 rgba(0, 0, 0, 0.16); --HealthCloudGA-colorBackgroundToggleActiveHover: rgb(1, 68, 134); --HealthCloudGA-welcomeMatBackgroundImageInfo: url(/_slds/images/welcome-mat/bg-info@2x.png?cache=bad2f521); --HealthCloudGA-varFontSize2: 0.75rem; --HealthCloudGA-varFontSize1: 0.625rem; --HealthCloudGA-varFontSize4: 0.875rem; --HealthCloudGA-pageHeaderSpacingRow: 0.75rem 1rem; --HealthCloudGA-varFontSize3: 0.8125rem; --HealthCloudGA-varFontSize6: 1.125rem; --HealthCloudGA-varFontSize5: 1rem; --HealthCloudGA-varSpacingVerticalMedium: 1rem; --HealthCloudGA-pageHeaderSpacingPadding: 1rem; --HealthCloudGA-colorTextModalButton: rgb(116, 116, 116); --HealthCloudGA-colorBackgroundPrimary: rgb(255, 255, 255); --HealthCloudGA-colorTextInputFocusInverse: rgb(3, 45, 96); --HealthCloudGA-colorBackgroundScrollbarTrack: rgb(201, 201, 201); --HealthCloudGA-paletteNeutral70: rgb(174, 174, 174); --HealthCloudGA-brandPrimaryActive: rgb(1, 118, 211); --HealthCloudGA-popoverWalkthroughAltImage: ; --HealthCloudGA-nubbinTriangleOffset: -0.1875rem; --HealthCloudGA-salesforceSansLightWoff: url(/_slds/fonts/v2.3.0/SalesforceSans-Light.woff); --HealthCloudGA-colorBorderSuccessDark: rgb(46, 132, 74); --HealthCloudGA-mqHighRes: only screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx); --HealthCloudGA-brandBandColorBackgroundPrimaryTransparent: rgba(0, 0, 0, 0); --HealthCloudGA-colorBackgroundContextBarInverseItemActive: rgba(255, 255, 255, 0.4); --HealthCloudGA-colorTextButtonDefaultHint: rgb(174, 174, 174); --HealthCloudGA-salesforceSansItalicWoff2: url(/_slds/fonts/v2.3.0/SalesforceSans-Italic.woff2); --HealthCloudGA-paletteGreen60: rgb(59, 167, 85); --HealthCloudGA-heightContextBar: 2.5rem; --HealthCloudGA-colorBackgroundOrgSwitcherArrow: rgb(0, 22, 57); --HealthCloudGA-paletteGreen65: rgb(65, 182, 88); --HealthCloudGA-brandHeaderContrastInverse: rgb(255, 255, 255); --HealthCloudGA-notificationColorBackgroundInverse: rgb(116, 116, 116); --HealthCloudGA-colorBackgroundButtonIconDisabled: rgb(255, 255, 255); --HealthCloudGA-paletteNeutral60: rgb(147, 147, 147); --HealthCloudGA-colorBorderContextBarThemeDefaultAlt: rgb(243, 243, 243); --HealthCloudGA-fillBrand: rgb(1, 118, 211); --HealthCloudGA-colorBackgroundInputCheckbox: rgb(255, 255, 255); --HealthCloudGA-colorBorder: rgb(201, 201, 201); --HealthCloudGA-squareIconSmall: 1rem; --HealthCloudGA-varSpacingHorizontalMedium: 1rem; --HealthCloudGA-illustrationColorPrimary: rgb(144, 208, 254); --HealthCloudGA-varSpacingVerticalXSmall: 0.5rem; --HealthCloudGA-colorTextPlaceholder: rgb(116, 116, 116); --HealthCloudGA-einsteinHeaderBackgroundColor: rgb(144, 208, 254); --HealthCloudGA-paletteGreen70: rgb(69, 198, 90); --HealthCloudGA-brandHeaderContrast: rgb(94, 94, 94); --HealthCloudGA-inputStaticColor: rgb(24, 24, 24); --HealthCloudGA-paletteNeutral90: rgb(229, 229, 229); --HealthCloudGA-paletteGreen90: rgb(205, 239, 196); --HealthCloudGA-spacingXxLarge: 3rem; --HealthCloudGA-shadowDropDown: 0 2px 3px 0 rgba(0, 0, 0, 0.16); --HealthCloudGA-paletteNeutral95: rgb(243, 243, 243); --HealthCloudGA-colorBackgroundModal: rgb(255, 255, 255); --HealthCloudGA-elevationShadow3Below: 0 3px 3px 0 rgba(0, 0, 0, 0.16) inset; --HealthCloudGA-paletteRed80: rgb(254, 184, 171); --HealthCloudGA-sliderTrackWidth: 100%; --HealthCloudGA-elevation32: 32; --HealthCloudGA-globalHeaderColorBackground: rgb(255, 255, 255); --HealthCloudGA-spacingXLarge: 2rem; --HealthCloudGA-paletteGreen80: rgb(145, 219, 139); --HealthCloudGA-colorBorderInputActive: rgb(27, 150, 255); --HealthCloudGA-varSpacingXSmall: 0.5rem; --HealthCloudGA-paletteNeutral80: rgb(201, 201, 201); --HealthCloudGA-colorBackgroundModalButton: rgba(0, 0, 0, 0.07); --HealthCloudGA-colorBorderPathDivider: rgb(255, 255, 255); --HealthCloudGA-colorTextIconDefault: rgb(116, 116, 116); --HealthCloudGA-zIndexDeepdive: -99999; --HealthCloudGA-elevation16: 16; --HealthCloudGA-paletteRed90: rgb(254, 222, 216); --HealthCloudGA-globalnavigationItemHeightAccentActive: 3px; --HealthCloudGA-templateGutters: 0; --HealthCloudGA-paletteRed95: rgb(254, 241, 238); --HealthCloudGA-buttonColorBorderBrandPrimary: rgb(1, 118, 211); --HealthCloudGA-buttonIconBoundaryTouch: 2.75rem; --HealthCloudGA-brandBackgroundPrimaryTransparent: rgba(176, 196, 223, 0); --HealthCloudGA-fillHeaderButtonFocus: rgb(1, 118, 211); --HealthCloudGA-colorBorderError: rgb(234, 0, 30); --HealthCloudGA-colorTextLinkHover: rgb(1, 68, 134); --HealthCloudGA-paletteGreen95: rgb(235, 247, 230); --HealthCloudGA-einsteinHeaderFigure: url(/_slds/images/einstein-headers/einstein-figure.svg?cache=c929d5fa); --HealthCloudGA-colorBorderRowSelected: rgb(1, 118, 211); --HealthCloudGA-colorStrokeBrandHover: rgb(1, 118, 211); --HealthCloudGA-paletteNeutral30: rgb(68, 68, 68); --HealthCloudGA-varSpacingVerticalXxxSmall: 0.125rem; --HealthCloudGA-paletteHotOrange10: rgb(40, 18, 2); --HealthCloudGA-colorTextButtonBrandDisabled: rgb(255, 255, 255); --HealthCloudGA-squareIconXSmallContent: 0.5rem; --HealthCloudGA-varFontSize10: 2rem; --HealthCloudGA-paletteRed60: rgb(254, 92, 76); --HealthCloudGA-varFontSize11: 2.625rem; --HealthCloudGA-paletteRed65: rgb(254, 119, 101); --HealthCloudGA-buttonBorderRadius: .25rem; --HealthCloudGA-squareTappableXSmall: 1.5rem; --HealthCloudGA-colorBackgroundGuidance: rgb(255, 255, 255); --HealthCloudGA-colorTextContextBarInverse: rgb(255, 255, 255); --HealthCloudGA-paletteNeutral20: rgb(46, 46, 46); --HealthCloudGA-fontFamilyHeading: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; --HealthCloudGA-paletteRed70: rgb(254, 143, 125); --HealthCloudGA-brandHeaderContrastCoolActive: rgb(1, 68, 134); --HealthCloudGA-borderWidthThick: 2px; --HealthCloudGA-pageHeaderShadow: none; --HealthCloudGA-spinnerSizeXxSmall: 0.5rem; --HealthCloudGA-tableColorBackgroundHeader: rgb(255, 255, 255); --HealthCloudGA-pageHeaderColorBackgroundAlt: rgb(255, 255, 255); --HealthCloudGA-colorBorderBrandPrimaryHover: rgb(1, 118, 211); --HealthCloudGA-colorTextTabLabelActive: rgb(3, 45, 96); --HealthCloudGA-paletteNeutral50: rgb(116, 116, 116); --HealthCloudGA-colorBackgroundTempModalTint: rgba(126, 140, 153, 0.8); --HealthCloudGA-fontSizeMedium: 1rem; --HealthCloudGA-colorBorderButtonBrand: rgb(1, 118, 211); --HealthCloudGA-paletteHotOrange30: rgb(126, 38, 0); --HealthCloudGA-paletteRed40: rgb(186, 5, 23); --HealthCloudGA-brandBandImageHeightSmall: 6rem; --HealthCloudGA-colorTextInverseWeak: rgb(174, 174, 174); --HealthCloudGA-colorTextInverse: rgb(255, 255, 255); --HealthCloudGA-shadowLinkFocusInverse: 0 0 3px #f3f3f3; --HealthCloudGA-squareIconXxSmallBoundary: 1rem; --HealthCloudGA-lineHeightReset: 1; --HealthCloudGA-verticalNavigationColorBackgroundShadeRowActive: rgb(243, 243, 243); --HealthCloudGA-colorBackgroundTempModal: rgba(126, 140, 153, 0.8); --HealthCloudGA-colorBackgroundToggleDisabled: rgb(174, 174, 174); --HealthCloudGA-colorGray13: rgb(8, 7, 7); --HealthCloudGA-colorGray10: rgb(81, 79, 77); --HealthCloudGA-paletteNeutral40: rgb(92, 92, 92); --HealthCloudGA-colorBorderInverse: rgb(0, 22, 57); --HealthCloudGA-carouselIndicatorColorBackgroundActive: rgb(1, 118, 211); --HealthCloudGA-colorBackgroundBackdrop: rgba(255, 255, 255, 0.75); --HealthCloudGA-colorGray12: rgb(43, 40, 38); --HealthCloudGA-colorGray11: rgb(62, 62, 60); --HealthCloudGA-colorTextContextBarActionTrigger: rgba(255, 255, 255, 0.4); --HealthCloudGA-paletteHotOrange20: rgb(74, 36, 19); --HealthCloudGA-colorBackgroundNotification: rgb(255, 255, 255); --HealthCloudGA-colorBackgroundPathStepActionCurrent: rgb(1, 68, 134); --HealthCloudGA-badgeColorBackgroundInverse: rgb(116, 116, 116); --HealthCloudGA-colorBorderSeparatorInverse: rgb(3, 45, 96); --HealthCloudGA-paletteRed50: rgb(234, 0, 30); --HealthCloudGA-colorBackgroundSpinnerDot: rgb(174, 174, 174); --HealthCloudGA-colorBackgroundButtonBrandActive: rgb(3, 45, 96); --HealthCloudGA-paletteHotOrange15: rgb(66, 22, 4); --HealthCloudGA-sliderHandleColorBackgroundFocus: rgb(1, 118, 211); --HealthCloudGA-spinnerSizeMedium: 2rem; --HealthCloudGA-brandPrimary: rgb(27, 150, 255); --HealthCloudGA-paletteHotOrange50: rgb(216, 58, 0); --HealthCloudGA-colorTextLinkPrimaryFocus: rgb(1, 118, 211); --HealthCloudGA-colorTextInputDisabled: rgb(116, 116, 116); --HealthCloudGA-brandLogoImage: url(/_slds/images/logo-noname.svg?cache=617a9a20); --HealthCloudGA-brandLight: rgb(244, 246, 254); --HealthCloudGA-paletteRed20: rgb(100, 1, 3); --HealthCloudGA-fillHeaderButton: rgb(174, 174, 174); --HealthCloudGA-varLineHeightText: 1.5; --HealthCloudGA-colorBackgroundPathCurrent: rgb(255, 255, 255); --HealthCloudGA-colorBackgroundOffline: rgb(68, 68, 68); --HealthCloudGA-colorBorderTabSelected: rgb(1, 118, 211); --HealthCloudGA-colorTextWarning: rgb(254, 147, 57); --HealthCloudGA-salesforceSansRegularWoff: url(/_slds/fonts/v2.3.0/SalesforceSans-Regular.woff); --HealthCloudGA-paletteHotOrange40: rgb(170, 48, 1); --HealthCloudGA-cardSpacingLarge: 1.5rem; --HealthCloudGA-paletteRed30: rgb(142, 3, 15); --HealthCloudGA-fontSizeMediumA: 1.125rem; --HealthCloudGA-borderRadiusMedium: 0.25rem; --HealthCloudGA-colorPickerSliderThumbBorderColor: rgb(68, 68, 68); --HealthCloudGA-shadowSoftPrimary: none; --HealthCloudGA-zIndexDropdown: 7000; --HealthCloudGA-paletteHotOrange70: rgb(255, 144, 110); --HealthCloudGA-verticalNavigationColorBackgroundShadeRowHover: rgb(243, 243, 243); --HealthCloudGA-squareIconMediumBoundary: 2rem; --HealthCloudGA-colorBackgroundButtonDefaultFocus: rgb(243, 243, 243); --HealthCloudGA-heightTappable: 2.75rem; --HealthCloudGA-colorBackgroundToastError: rgb(234, 0, 30); --HealthCloudGA-brandBandDefaultImage: ; --HealthCloudGA-durationQuickly: 0.1s; --HealthCloudGA-colorBackgroundSelection: rgb(216, 230, 254); --HealthCloudGA-paletteHotOrange60: rgb(255, 93, 45); --HealthCloudGA-colorBackgroundActionbarIconUtility: rgb(116, 116, 116); --HealthCloudGA-colorBackgroundNotificationBadgeFocus: rgb(1, 68, 134); --HealthCloudGA-paletteHotOrange65: rgb(255, 120, 79); --HealthCloudGA-cardFooterTextAlign: right; --HealthCloudGA-colorBorderBrandDark: rgb(1, 68, 134); --HealthCloudGA-brandBackgroundDark: rgb(232, 232, 232); --HealthCloudGA-avatarGroupColorBackgroundLightest: rgb(255, 255, 255); --HealthCloudGA-colorTextContextBar: rgb(68, 68, 68); --HealthCloudGA-inputStaticFontWeight: 400; --HealthCloudGA-paletteRed10: rgb(48, 12, 1); --HealthCloudGA-colorTextLinkDisabled: rgb(3, 45, 96); --HealthCloudGA-colorTextPathCurrent: rgb(1, 68, 134); --HealthCloudGA-paletteRed15: rgb(74, 12, 4); --HealthCloudGA-zIndexOverlay: 8000; --HealthCloudGA-buttonColorBorderPrimary: rgb(243, 243, 243); --HealthCloudGA-paletteHotOrange90: rgb(255, 222, 213); --HealthCloudGA-shadowImage: 0 1px 1px rgba(0, 0, 0, 0.16); --HealthCloudGA-paletteHotOrange95: rgb(254, 241, 237); --HealthCloudGA-cardHeaderPadding: 0.75rem 1rem 0; --HealthCloudGA-colorBorderSeparatorAlt2: rgb(201, 201, 201); --HealthCloudGA-fillBrandActive: rgb(3, 45, 96); --HealthCloudGA-fontSizeTextMedium: 1rem; --HealthCloudGA-spacingXSmall: 0.5rem; --HealthCloudGA-chatMessageColorBackgroundOutboundAgent: rgb(116, 116, 116); --HealthCloudGA-colorBackgroundButtonIconHover: rgb(243, 243, 243); --HealthCloudGA-sliderHandleColorBackgroundActive: rgb(1, 118, 211); --HealthCloudGA-colorBorderSuccess: rgb(145, 219, 139); --HealthCloudGA-colorTextIconInverseHover: rgb(255, 255, 255); --HealthCloudGA-componentSpacingPadding: 1rem; --HealthCloudGA-colorBorderDestructiveActive: rgb(142, 3, 15); --HealthCloudGA-colorBackgroundButtonInverseDisabled: rgba(0, 0, 0, 0); --HealthCloudGA-colorTextTabLabelFocus: rgb(1, 68, 134); --HealthCloudGA-paletteHotOrange80: rgb(254, 185, 165); --HealthCloudGA-colorBackgroundNotificationBadge: rgb(234, 0, 30); --HealthCloudGA-zIndexReminder: 8500; --HealthCloudGA-colorBackgroundImageOverlay: rgba(0, 0, 0, 0.4); --HealthCloudGA-colorBackgroundReminderHover: rgb(255, 255, 255); --HealthCloudGA-colorTextPathCurrentHover: rgb(3, 45, 96); --HealthCloudGA-colorBackgroundCustomer: rgb(254, 147, 57); --HealthCloudGA-colorBackgroundButtonDefault: rgb(255, 255, 255); --HealthCloudGA-colorBackgroundInverseLight: rgb(3, 45, 96); --HealthCloudGA-salesforceSansBoldWoff: url(/_slds/fonts/v2.3.0/SalesforceSans-Bold.woff); --HealthCloudGA-progressColorBorderActive: rgb(27, 150, 255); --HealthCloudGA-fontSizeLarge: 1.25rem; --HealthCloudGA-brandHeaderContrastWeakActive: rgb(129, 129, 129); --HealthCloudGA-brandHeaderContrastWarmActive: rgb(186, 5, 23); --HealthCloudGA-squareToggleSlider: 1.25rem; --HealthCloudGA-progressBarColorBackgroundFillSuccess: rgb(46, 132, 74); --HealthCloudGA-colorBackgroundButtonBrand: rgb(1, 118, 211); --HealthCloudGA-colorBackgroundWarningDark: rgb(254, 147, 57); --HealthCloudGA-colorTextIconUtility: rgb(174, 174, 174); --HealthCloudGA-colorBackgroundScrollbar: rgb(243, 243, 243); --HealthCloudGA-chatMessageColorBackgroundStatus: rgb(255, 255, 255); --HealthCloudGA-colorBackgroundTempModalTintAlt: rgba(255, 255, 255, 0.75); --HealthCloudGA-pageHeaderBorderRadius: 0; --HealthCloudGA-palettePink95: rgb(254, 240, 243); --HealthCloudGA-welcomeMatColorIconComplete: rgb(201, 201, 201); --HealthCloudGA-palettePink90: rgb(253, 221, 227); --HealthCloudGA-paletteViolet50: rgb(186, 1, 255); --HealthCloudGA-paletteTeal30: rgb(2, 77, 76); --HealthCloudGA-colorTextIconInverseDisabled: rgba(255, 255, 255, 0.15); --HealthCloudGA-bannerGroupDefaultImage: ; --HealthCloudGA-colorBorderBrand: rgb(27, 150, 255); --HealthCloudGA-colorBackgroundInfo: rgb(116, 116, 116); --HealthCloudGA-heightToggle: 1.5rem; --HealthCloudGA-badgeColorBackgroundLightest: rgb(255, 255, 255); --HealthCloudGA-brandBandColorBackgroundSecondary: rgba(0, 0, 0, 0); --HealthCloudGA-shadowSoftPrimaryActive: none; --HealthCloudGA-colorTextIconDefaultHint: rgb(174, 174, 174); --HealthCloudGA-colorBackgroundChromeMobile: rgb(1, 118, 211); --HealthCloudGA-colorPickerSwatchSize: 1.25rem; --HealthCloudGA-colorBackgroundPathIncomplete: rgb(243, 243, 243); --HealthCloudGA-paletteTeal40: rgb(5, 103, 100); --HealthCloudGA-colorTextToggleDisabled: rgb(201, 201, 201); --HealthCloudGA-paletteViolet40: rgb(150, 2, 199); --HealthCloudGA-colorTextLinkInverseHover: rgba(255, 255, 255, 0.75); --HealthCloudGA-palettePink80: rgb(253, 182, 197); --HealthCloudGA-zIndexModal: 9000; --HealthCloudGA-pageHeaderIconSize: 2.25rem; --HealthCloudGA-colorTextDestructiveHover: rgb(186, 5, 23); --HealthCloudGA-colorBorderCanvasElementSelection: rgb(26, 185, 255); --HealthCloudGA-colorBackgroundSuccess: rgb(69, 198, 90); --HealthCloudGA-carouselIndicatorColorBackground: rgb(255, 255, 255); --HealthCloudGA-sliderTrackHeight: 4px; --HealthCloudGA-squareIconSmallContent: 0.75rem; --HealthCloudGA-colorBackgroundInputDisabled: rgb(243, 243, 243); --HealthCloudGA-paletteTeal50: rgb(11, 130, 124); --HealthCloudGA-palettePink70: rgb(254, 138, 167); --HealthCloudGA-paletteViolet30: rgb(115, 3, 148); --HealthCloudGA-mqSmall: only screen and (max-width: 47.9375em); --HealthCloudGA-brandBandImageHeightLarge: 18.75rem; --HealthCloudGA-carouselIndicatorWidth: 1rem; --HealthCloudGA-colorTextLinkActive: rgb(3, 45, 96); --HealthCloudGA-squareIconXxSmallContent: .875rem; --HealthCloudGA-fontSizeXSmall: 0.625rem; --HealthCloudGA-palettePink65: rgb(254, 114, 152); --HealthCloudGA-sliderColorBackgroundDisabled: rgb(243, 243, 243); --HealthCloudGA-colorContrastSecondary: rgb(255, 255, 255); --HealthCloudGA-welcomeMatColorBackgroundProgressBar: rgb(255, 255, 255); --HealthCloudGA-globalActionIconSize: 1.5rem; --HealthCloudGA-paletteViolet20: rgb(72, 26, 84); --HealthCloudGA-fontSizeHeadingSmall: 0.875rem; --HealthCloudGA-colorPickerRangeIndicatorSize: 0.75rem; --HealthCloudGA-paletteOrange15: rgb(55, 30, 3); --HealthCloudGA-sliderHandleSize: 1rem; --HealthCloudGA-tableBorderRadius: 0; --HealthCloudGA-paletteTeal60: rgb(6, 165, 154); --HealthCloudGA-userDefaultAvatarSmall: url(/_slds/images/profile_avatar_96.png?cache=3c01f25f); --HealthCloudGA-buttonColorBackgroundPrimary: rgb(255, 255, 255); --HealthCloudGA-colorPickerInputCustomHexWidth: 4.2rem; --HealthCloudGA-paletteOrange10: rgb(32, 22, 0); --HealthCloudGA-palettePink60: rgb(255, 83, 138); --HealthCloudGA-paletteTeal65: rgb(3, 180, 167); --HealthCloudGA-colorBackgroundRowSelected: rgb(243, 243, 243); --HealthCloudGA-colorBackgroundContextBarBrandAccent: rgb(13, 157, 218); --HealthCloudGA-fontFamilyMonospace: Consolas, Menlo, Monaco, Courier, monospace; --HealthCloudGA-cardFooterColorBorder: rgba(0, 0, 0, 0); --HealthCloudGA-palettePurple80: rgb(215, 191, 242); --HealthCloudGA-varSpacingHorizontalLarge: 1.5rem; --HealthCloudGA-colorTextRequired: rgb(234, 0, 30); --HealthCloudGA-elevationShadow16: 0 16px 16px 0 rgba(0, 0, 0, 0.16); --HealthCloudGA-paletteViolet10: rgb(46, 0, 57); --HealthCloudGA-shadowHardPrimary: none; --HealthCloudGA-paletteOrange20: rgb(62, 43, 2); --HealthCloudGA-paletteViolet15: rgb(61, 1, 87); --HealthCloudGA-radioButtonGroupLineHeightTouch: 2.69rem; --HealthCloudGA-colorBackgroundBrandPrimary: rgb(1, 118, 211); --HealthCloudGA-paletteTeal70: rgb(1, 195, 179); --HealthCloudGA-colorBackgroundUtilityBarActive: rgb(27, 150, 255); --HealthCloudGA-zIndexSticky: 100; --HealthCloudGA-colorBackgroundContextBarShadow: linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0, rgba(0, 0, 0, 0) 100%); --HealthCloudGA-paletteTeal80: rgb(4, 225, 203); --HealthCloudGA-palettePurple90: rgb(236, 225, 249); --HealthCloudGA-squareIconUtilityLarge: 1.5rem; --HealthCloudGA-fontSize10: 2rem; --HealthCloudGA-groupDefaultAvatarMedium: url(/_slds/images/group_avatar_160.png?cache=822ccda4); --HealthCloudGA-elevationShadow32: 0 32px 32px 0 rgba(0, 0, 0, 0.16); --HealthCloudGA-paletteOrange30: rgb(95, 62, 2); --HealthCloudGA-colorBorderButtonInverseDisabled: rgba(255, 255, 255, 0.15); --HealthCloudGA-fontSize11: 2.625rem; --HealthCloudGA-einsteinHeaderTextShadow: #cfe9fe; --HealthCloudGA-palettePurple95: rgb(246, 242, 251); --HealthCloudGA-squareTappableXxSmall: 1.25rem; --HealthCloudGA-colorBackgroundDestructiveHover: rgb(142, 3, 15); --HealthCloudGA-fontSize9: 1.75rem; --HealthCloudGA-colorBackgroundLight: rgb(255, 255, 255); --HealthCloudGA-fontSize8: 1.5rem; --HealthCloudGA-paletteTeal90: rgb(172, 243, 228); --HealthCloudGA-shadowActive: 0 0 2px #0176d3; --HealthCloudGA-fontSize1: 0.625rem; --HealthCloudGA-paletteNeutral100: rgb(255, 255, 255); --HealthCloudGA-colorTextLink: rgb(1, 118, 211); --HealthCloudGA-pageHeaderTitleFontSize: 1.125rem; --HealthCloudGA-fontSize3: 0.8125rem; --HealthCloudGA-fontSize2: 0.75rem; --HealthCloudGA-colorTextLinkInverseDisabled: rgba(255, 255, 255, 0.15); --HealthCloudGA-fontSize5: 1rem; --HealthCloudGA-fontSize4: 0.875rem; --HealthCloudGA-fontSize7: 1.25rem; --HealthCloudGA-fontSize6: 1.125rem; --HealthCloudGA-spacingNone: 0; --HealthCloudGA-paletteOrange40: rgb(130, 81, 1); --HealthCloudGA-inputReadonlyFontWeight: 400; --HealthCloudGA-palettePurple60: rgb(173, 123, 238); --HealthCloudGA-paletteTeal95: rgb(222, 249, 243); --HealthCloudGA-colorStrokeHeaderButton: rgb(174, 174, 174); --HealthCloudGA-typingIconDotColorBackgroundGray: rgb(201, 201, 201); --HealthCloudGA-palettePurple65: rgb(183, 141, 239); --HealthCloudGA-pageHeaderTitleFontWeight: 400; --HealthCloudGA-colorBackgroundButtonIconFocus: rgb(243, 243, 243); --HealthCloudGA-groupDefaultAvatarSmall: url(/_slds/images/group_avatar_96.png?cache=d0659d12); --HealthCloudGA-colorBackgroundModalBrand: rgb(1, 68, 134); --HealthCloudGA-colorTextInverseActive: rgb(26, 185, 255); --HealthCloudGA-colorBackgroundHighlightSearch: rgb(255, 240, 63); --HealthCloudGA-paletteOrange50: rgb(169, 100, 4); --HealthCloudGA-colorBackgroundSuccessDark: rgb(46, 132, 74); --HealthCloudGA-shadowOverlay: 0 -2px 4px rgba(0, 0, 0, 0.07); --HealthCloudGA-sizeXSmall: 12rem; --HealthCloudGA-colorBackgroundDestructive: rgb(186, 5, 23); --HealthCloudGA-typingIconDotSize: .5rem; --HealthCloudGA-palettePurple70: rgb(194, 158, 241); --HealthCloudGA-colorBorderInfo: rgb(116, 116, 116); --HealthCloudGA-colorTextTabLabel: rgb(3, 45, 96); --HealthCloudGA-palettePink15: rgb(75, 6, 32); --HealthCloudGA-popoverWalkthroughColorBackgroundAlt: rgb(1, 118, 211); --HealthCloudGA-durationImmediately: 0.05s; --HealthCloudGA-palettePink10: rgb(55, 1, 20); --HealthCloudGA-elevationInverseShadow16: 0 -16px 16px 0 rgba(0, 0, 0, 0.16); --HealthCloudGA-salesforceSansLightWoff2: url(/_slds/fonts/v2.3.0/SalesforceSans-Light.woff2); --HealthCloudGA-splitViewWidth: 25rem; --HealthCloudGA-colorBorderIconInverseHint: rgba(255, 255, 255, 0.5); --HealthCloudGA-brandDisabled: rgb(201, 199, 197); --HealthCloudGA-paletteOrange60: rgb(221, 122, 1); --HealthCloudGA-palettePurple40: rgb(117, 38, 227); --HealthCloudGA-paletteOrange65: rgb(243, 131, 3); --HealthCloudGA-progressColorBackground: rgb(255, 255, 255); --HealthCloudGA-colorBorderContextBarThemeDefaultActive: rgb(243, 243, 243); --HealthCloudGA-avatarGroupColorBackgroundInverse: rgb(116, 116, 116); --HealthCloudGA-colorBackgroundAlt2: rgb(243, 243, 243); --HealthCloudGA-cardFontWeight: 400; --HealthCloudGA-colorPickerSwatchShadow: inset 0 0 1px rgba(0, 0, 0, 0.4); --HealthCloudGA-paletteOrange70: rgb(254, 147, 57); --HealthCloudGA-colorTextIconBrand: rgb(1, 118, 211); --HealthCloudGA-colorTextButtonDefault: rgb(1, 118, 211); --HealthCloudGA-palettePurple50: rgb(144, 80, 233); --HealthCloudGA-pathButtonWidthFixed: 13rem; --HealthCloudGA-sizeLarge: 25rem; --HealthCloudGA-userDefaultAvatarMedium: url(/_slds/images/profile_avatar_160.png?cache=bfba2c9a); --HealthCloudGA-colorBorderDestructive: rgb(234, 0, 30); --HealthCloudGA-colorTextWeak: rgb(116, 116, 116); --HealthCloudGA-fontSizeHeadingMedium: 1.125rem; --HealthCloudGA-mqSingleColumnRecordLayout: (max-width: 599px); --HealthCloudGA-colorBackgroundInputSearch: rgba(0, 0, 0, 0.16); --HealthCloudGA-welcomeMatBackgroundColorInfo: rgb(207, 233, 254); --HealthCloudGA-colorBorderBrandPrimary: rgb(27, 150, 255); --HealthCloudGA-colorBackgroundInverse: rgb(0, 22, 57); --HealthCloudGA-maxWidthActionOverflowMenu: 512px; --HealthCloudGA-paletteNeutral10: rgb(24, 24, 24); --HealthCloudGA-carouselColorBackground: rgb(255, 255, 255); --HealthCloudGA-colorTextLabel: rgb(116, 116, 116); --HealthCloudGA-colorBackgroundButtonSuccessActive: rgb(46, 132, 74); --HealthCloudGA-squareIconLarge: 3.125rem; --HealthCloudGA-spinnerSizeXSmall: 1rem; --HealthCloudGA-paletteOrange80: rgb(255, 186, 144); --HealthCloudGA-cardSpacingMargin: 1rem; --HealthCloudGA-colorTextBrowserActive: rgba(0, 0, 0, 0.4); --HealthCloudGA-colorBackgroundButtonBrandHover: rgb(1, 68, 134); --HealthCloudGA-chatMessageColorBackgroundOutbound: rgb(1, 68, 134); --HealthCloudGA-colorTextIconDefaultActive: rgb(3, 45, 96); --HealthCloudGA-palettePurple20: rgb(64, 16, 117); --HealthCloudGA-colorTextIconDefaultHover: rgb(1, 118, 211); --HealthCloudGA-colorTextLinkPrimary: rgb(1, 118, 211); --HealthCloudGA-fontSizeTextXSmall: 0.75rem; --HealthCloudGA-colorBackgroundToast: rgb(116, 116, 116); --HealthCloudGA-fontSizeXxLarge: 2rem; --HealthCloudGA-heightSalesPath: 2rem; --HealthCloudGA-colorTextIconDefaultHintBorderless: rgb(243, 243, 243); --HealthCloudGA-paletteOrange95: rgb(255, 241, 234); --HealthCloudGA-colorForegroundPrimary: rgb(255, 255, 255); --HealthCloudGA-paletteOrange90: rgb(254, 223, 208); --HealthCloudGA-colorBackgroundRowNew: rgb(205, 239, 196); --HealthCloudGA-fontSizeTextLarge: 1.125rem; --HealthCloudGA-paletteGreen15: rgb(12, 41, 18); --HealthCloudGA-colorBackgroundShade: rgb(243, 243, 243); --HealthCloudGA-paletteGreen10: rgb(7, 27, 18); --HealthCloudGA-palettePurple30: rgb(90, 27, 169); --HealthCloudGA-varSpacingXxxSmall: 0.125rem; --HealthCloudGA-brandLightActive: rgb(227, 229, 237); --HealthCloudGA-welcomeMatTextColorInfo: rgb(3, 45, 96); --HealthCloudGA-colorBackgroundIconWaffle: rgb(116, 116, 116); --HealthCloudGA-colorBackgroundContextBarItemHover: rgb(255, 255, 255); --HealthCloudGA-fontSizeXLargeA: 1.57rem; --HealthCloudGA-colorBackgroundPathCompleteHover: rgb(46, 132, 74); --HealthCloudGA-palettePink50: rgb(227, 6, 106); --HealthCloudGA-paletteViolet90: rgb(242, 222, 254); --HealthCloudGA-paletteGreen20: rgb(28, 51, 38); --HealthCloudGA-paletteViolet95: rgb(249, 240, 255); --HealthCloudGA-colorBorderContextBarThemeDefaultHover: rgb(50, 29, 113); --HealthCloudGA-squareIconMedium: 2.375rem; --HealthCloudGA-textTransform: none; --HealthCloudGA-colorBackgroundBrandPrimaryHover: rgb(1, 68, 134); --HealthCloudGA-colorTextSuccess: rgb(46, 132, 74); --HealthCloudGA-carouselIndicatorColorBackgroundFocus: rgb(1, 68, 134); --HealthCloudGA-colorBackgroundChromeDesktop: rgb(255, 255, 255); --HealthCloudGA-borderStrokeWidthThick: 2px; --HealthCloudGA-colorBackgroundReminder: rgb(243, 243, 243); --HealthCloudGA-palettePurple15: rgb(48, 11, 96); --HealthCloudGA-colorTextToast: rgb(243, 243, 243); --HealthCloudGA-paletteViolet80: rgb(229, 185, 254); --HealthCloudGA-colorBackgroundAlt: rgb(255, 255, 255); --HealthCloudGA-palettePink40: rgb(182, 5, 84); --HealthCloudGA-paletteGreen30: rgb(25, 78, 49); --HealthCloudGA-palettePurple10: rgb(36, 6, 67); --HealthCloudGA-elevationInverseShadow32: 0 -32px 32px 0 rgba(0, 0, 0, 0.16); --HealthCloudGA-colorBorderCustomer: rgb(254, 147, 57); --HealthCloudGA-tableColorBackgroundStripes: rgb(243, 243, 243); --HealthCloudGA-varSpacingVerticalSmall: 0.75rem; --HealthCloudGA-palettePink30: rgb(138, 3, 62); --HealthCloudGA-paletteViolet70: rgb(216, 146, 254); --HealthCloudGA-colorBorderContextBarInverseItem: rgba(255, 255, 255, 0.2); --HealthCloudGA-utilityBarColorBackgroundNotificationBadge: rgb(254, 92, 76); --HealthCloudGA-colorTextTabLabelDisabled: rgb(243, 243, 243); --HealthCloudGA-heightInput: 1.875rem; --HealthCloudGA-squareTappable: 2.75rem; --HealthCloudGA-fontSizeSmall: 0.875rem; --HealthCloudGA-paletteGreen40: rgb(57, 101, 71); --HealthCloudGA-tableColorBackgroundHeaderFocus: rgb(255, 255, 255); --HealthCloudGA-salesforceSansRegularWoff2: url(/_slds/fonts/v2.3.0/SalesforceSans-Regular.woff2); --HealthCloudGA-varSpacingHorizontalXxLarge: 3rem; --HealthCloudGA-paletteViolet65: rgb(209, 125, 254); --HealthCloudGA-progressBarColorBackgroundFill: rgb(26, 185, 255); --HealthCloudGA-colorBorderSeparator: rgb(243, 243, 243); --HealthCloudGA-paletteGreen50: rgb(46, 132, 74); --HealthCloudGA-brandHeaderIconDisabled: rgba(145, 145, 145, 0.25); --HealthCloudGA-palettePink20: rgb(97, 2, 42); --HealthCloudGA-splitViewColorBackground: rgb(243, 243, 243); --HealthCloudGA-colorBackgroundSecondary: rgb(243, 243, 243); --HealthCloudGA-colorTextLinkFocus: rgb(1, 68, 134); --HealthCloudGA-paletteViolet60: rgb(203, 101, 255); } /* html, body { overflow-x: hidden !important; } */ /*全ページ共通の文字の種類を指定する*/ @font-face { font-family: 'meiryoFont'; src: url('/rheumatoid-arthritis/tomonowa/images/JP_MeiryoFont/JP_MeiryoFont/meiryo.ttf') format('truetype'); font-weight: normal; font-style: normal; } .forceCommunityThemeLogo .logoImage { background-image: url(/rheumatoid-arthritis/tomonowa/images/Common/logo.svg) !important; background-position: center center; background-repeat: no-repeat; background-size: contain; /* height: 50px; */ width: 150px; height: 80px; } * { font-family: "meiryoFont", "メイリオ", Meiryo, Sans-Serif !important; } /*****スライドショー*****/ /*モバイル端末以外の端末ではPC用の背景画像と背景色で表示する。*/ .top-container { /*background-image: url(/rheumatoid-arthritis/tomonowa/images/RA_ToMoNoWa/ToMoNoWa/Top/top_slide_bg.png); background-size: cover; background-repeat: no-repeat; background-position: center top;*/ } .top-container-reminder { background-image: url(/rheumatoid-arthritis/tomonowa/images/reminderbanner_ra/banner_RA_0705.png); background-size: 100% 100%; background-repeat: no-repeat; } /*モバイル端末以外の端末では画像を中央配置するように余白を指定する*/ #top-carousel { padding: 0 0; } /*モバイル端末以外の端末でのスライドコンテナーの幅を指定する*/ .top-carousel-inner { margin: 0 auto; width: 100%; } /*モバイル端末以外の端末でのスライド画像サイズを指定する*/ .top-image { margin: 0 auto; width: 100%; } /*モバイル端末以外の端末での左矢印マークの位置を指定する*/ .arrow-left { left: -6%; } /*モバイル端末以外の端末での右矢印マークの位置を指定する*/ .arrow-right { right: -6% !important; } /* モバイル端末以外の端末では、SP表示用のスライド画像を非表示にする。*/ #sp1, #sp2, #sp3 { display: none; } /*スライドショーの右矢印画像設定*/ .glyphicon-chevron-right { background: url(/rheumatoid-arthritis/tomonowa/images/RA_Common/icon_arrow_right_1.png); background-size: contain; background-repeat: no-repeat; width: 60%; } /*スライドショーの左矢印画像設定*/ .glyphicon-chevron-left { background: url(/rheumatoid-arthritis/tomonowa/images/RA_Common/icon_arrow_left_1.png); background-size: contain; background-repeat: no-repeat; width: 60%; } /*各ページの共通設定　スライドのドットインジケーター位置を指定する*/ .index-indicator { background: url(/rheumatoid-arthritis/tomonowa/images/RA_Common/index_indicator_bg.png); background-size: 10% 180%; background-position: top center; background-repeat: no-repeat; bottom: -1.5rem; } .forceCommunityRichText .carousel-indicators { padding-left: 0em; } /*インディケータのスタイルを指定する*/ .index-indicator .active { background-color: #115da2; } /*インアクティブする際のインディケータの色を指定する*/ .index-indicator li { background-color: #b2b2b2; border: 1px solid #d4d4d4; border-radius: 50%; padding-left: 0 !important; } /*コミュニティデフォルトスタイルを上書きする*/ .index-indicator li::before { content: '' !important; } /*top画面にあるスライダーリンクはもっと外側に配置する*/ #tomoindex .carousel-control.right, #puroindex .carousel-control.right, #docindex .carousel-control.right { right: -4%; } #tomoindex .carousel-control.left, #puroindex .carousel-control.left, #docindex .carousel-control.left { left: -4%; } /*モバイル端末の場合、SP表示用の背景画像を使用する。 　ブレイクポイントの値を767pxに設定した。*/ @media only screen and (max-width: 767px) { /*モバイルの場合、SP用の背景画像と背景色を使用する。*/ .top-container { /*background-image: url(/rheumatoid-arthritis/tomonowa/images/RA_ToMoNoWa/ToMoNoWa/Top/top_slide_bg_sp.png);*/ } .top-container-reminder { background-image: url(/rheumatoid-arthritis/tomonowa/images/reminderbanner_ra/banner_RA_0705_sp.jpg); background-size: 100% 100%; } /*モバイル端末の場合、スライド画像を中央配置するように余白を指定する*/ #top-carousel { padding: 0 0; } /*モバイル端末の場合、スライドコンテナーの幅を指定する*/ .top-carousel-inner { margin: 0 auto; width: 100%; } /*モバイル端末の場合、左矢印マークの位置を指定する*/ .arrow-left { left: -3.5%; } /*モバイル端末の場合、右矢印マークの位置を指定する*/ .arrow-right { right: -7.5% !important; } /*各ページの共通設定　スライドのドットインジケーター位置を指定する*/ .index-indicator { background: url(/rheumatoid-arthritis/tomonowa/images/RA_Common/index_indicator_bg.png); background-size: 22% 150%; background-position: top center; background-repeat: no-repeat; bottom: -2rem; } #tomoindex .carousel-control.left, #puroindex .carousel-control.left, #docindex .carousel-control.left { left: 0; } /*モバイル端末の場合、SP表示用のスライド画像を表示し、PC用の画像を非表示にする。*/ #pc1, #pc2, #pc3 { display: none; } #sp1, #sp2, #sp3 { display: block; } } /*ホームページの新着情報セクション*/ /*新着情報セクションとサイドバーにあるHTMLエディタの枠線スタイルを指定する*/ .new-arrivals, .recommendation { border: .125rem solid #115da2; border-radius: .75rem; } /*共通設定 リンク部分を下線で引く*/ .recommendation a, .new-arrivals a, .speech-bubble a, .article-list a { text-decoration: underline; text-underline-position: under; } /*専門医の話と専門家の話のメインビジュアルのコピー*/ .article-list a { font-size: .9rem; } /*訪問済みのリンクの文字色を黒に設定する*/ .article-list a:visited, .new-arrivals a:visited, .questionbg p a:visited { color: black; } /*マウスオーバー際、リンクの文字色を灰色に設定する*/ .recommendation a:hover, .article-list a:hover, .new-arrivals a:hover, .speech-bubble a:hover { color: grey !important; } /*パネル全体にリンクを効くする時のスタイル*/ .panel-overlay a:hover, .ranking a:hover { text-decoration: none !important; } /*TOP画面の左側にある共通のコンテナー*/ /*ボーダー線の色と丸みを設定する*/ .right-box { /*background-color: #edfaf9;*/ background-color: #e6eef6; border: none; border-radius: 0.75rem; } /*各パネルの共通設定 タイトルテキストを左の中央寄せにする*/ .common-title { display: flex; align-items: center; } .common-title p { color: black; font-weight: bold; font-size: 1.1rem; } /*マウスオーバーする際、オーバーレイを表示する*/ .panel-overlay :hover, .panel-overlay :focus { background-color: #d9e7f7; z-index: 0; } /*パネルの中に点線画像を配置する*/ .dashline { height: .18rem; background: left / 95% no-repeat url(/rheumatoid-arthritis/tomonowa/images/RA_Common/bdr_dot_01.png); } /*標準CSSを上書きする　テーマから選ぶセクションにある各トピックの高さと幅を設定する*/ .forceTopicFeaturedTopics .topicList .topicItem { width: 50%; height: 8rem; } .forceTopicFeaturedTopics .topicLabel { color: #fff; padding: 3.5rem !important; font-size: 0.0px !important; } .forceTopicFeaturedTopics .topicContent { justify-content: center !important; } /*標準CSSを上書きする　テーマから選ぶセクションにある各トピックの背景画像を設定する*/ li:first-child .topicLabel { background-image: url(/rheumatoid-arthritis/tomonowa/images/Common/08-02-01.png); background-repeat: no-repeat; background-position: center; background-size: contain; vertical-align: bottom; } /*標準CSSを上書きする　各トピックにマウスオーバーするときの背景画像を変更する*/ li:first-child .topicLabel:hover { background-image: url(/rheumatoid-arthritis/tomonowa/images/Common/08-02-01_on.png); background-position: center; background-repeat: no-repeat; vertical-align: bottom; } li:nth-child(2) .topicLabel { background-image: url(/rheumatoid-arthritis/tomonowa/images/Common/08-02-02.png); background-position: center; background-repeat: no-repeat; background-size: contain; vertical-align: bottom; } li:nth-child(2) .topicLabel:hover { background-image: url(/rheumatoid-arthritis/tomonowa/images/Common/08-02-02_on.png); background-position: center; background-repeat: no-repeat; vertical-align: bottom; } li:nth-child(3) .topicLabel { background-image: url(/rheumatoid-arthritis/tomonowa/images/Common/08-02-03-1.png); background-position: center; background-repeat: no-repeat; background-size: contain; vertical-align: bottom; } li:nth-child(3) .topicLabel:hover { background-image: url(/rheumatoid-arthritis/tomonowa/images/Common/08-02-03_on.png); background-position: center; background-repeat: no-repeat; vertical-align: bottom; } li:nth-child(4) .topicLabel { background-image: url(/rheumatoid-arthritis/tomonowa/images/Common/08-02-04.png); background-position: center; background-repeat: no-repeat; background-size: contain; vertical-align: bottom; } li:nth-child(4) .topicLabel:hover { background-image: url(/rheumatoid-arthritis/tomonowa/images/Common/08-02-04_on.png); background-position: center; background-repeat: no-repeat; vertical-align: bottom; } li:nth-child(5) .topicLabel { background-image: url(/rheumatoid-arthritis/tomonowa/images/Common/08-02-05.png); background-position: center; background-repeat: no-repeat; background-size: contain; vertical-align: bottom; } li:nth-child(5) .topicLabel:hover { background-image: url(/rheumatoid-arthritis/tomonowa/images/Common/08-02-05_on.png); background-position: center; background-repeat: no-repeat; vertical-align: bottom; } li:last-child .topicLabel { background-image: url(/rheumatoid-arthritis/tomonowa/images/Common/08-02-06.png); background-position: center; background-repeat: no-repeat; background-size: contain; vertical-align: bottom; padding: 0; } li:last-child .topicLabel:hover { background-image: url(/rheumatoid-arthritis/tomonowa/images/Common/08-02-06_on.png); background-position: center; background-repeat: no-repeat; vertical-align: bottom; } /*標準CSSを上書きする　トピックコンテントの背景色を設定する*/ .topicList .forceTopicFeaturedTopicItem .topicContent { background-color: white; } /*パンくずリストのスタイル*/ .index-breadcrumbs ul { list-style-type: none; padding: 0 !important; margin: 0; text-align: left; } .index-breadcrumbs ul>li { display: inline-block; vertical-align: top; list-style-type: none; padding: 0 !important; } /*自動追加された点を非表示にする*/ .index-breadcrumbs ul>li::before { content: '' !important; } /*パンくずリスト＞で連結する*/ .index-breadcrumbs ul>li:not(:last-child)::after { content: "　>　"; color: #075899; } /*リンクの下線を消す*/ .index-breadcrumbs ul>li>a { text-decoration: none; } /*マウスオーバーする際に下線で表示する*/ .index-breadcrumbs ul>li>a:hover { text-decoration: underline; } /*インデクスページの記事タイトルを太くする*/ .index-title p { font-weight: bold; } /*専門家インデクスページの記事を左揃えとリンクを下線で引く*/ .article-list { /*text-decoration: underline;*/ padding: 0 !important; } /*サブタイトルのフォントサイズを小さくする*/ .subtitle { color: black; font-size: .7rem; } /*コラム一覧を見るボタンの高さと広さを設定する*/ .toggle-btn { height: 2.5rem; width: 14rem; } /*コラム一覧を見るボタン画像を背景画像として表示する*/ a.toggle-btn { background-image: url(/rheumatoid-arthritis/tomonowa/images/RA_Common/btn_column.png); background-position: center; background-repeat: no-repeat; } /*マウスオーバー際にコラム一覧を見るボタンの画像を変更する*/ a.toggle-btn:hover { background-image: url(/rheumatoid-arthritis/tomonowa/images/RA_Common/btn_column_on.png); background-repeat: no-repeat; } /*専門医トップのバナー画像下部の名前文字を太くする*/ .nameplate { font-weight: bold; font-size: .9rem; padding-right: .8rem; } /*専門医トップのバナー画像下部の中線を設定する*/ .border-right { border-right: .12rem solid black; } /*質問一覧セクションにある白い吹き出し背景*/ .speech-bubble { height: 6.5rem; background-image: url(/rheumatoid-arthritis/tomonowa/images/Common/SME01-02-03.png); background-size: 100% 100%; } /*フッター部分の上ボーダーの太さ・色を指定する*/ .pfooter { border-top: .15rem solid #e6e6e6; margin-top: 8rem; } /*もっとトモのワを見るボタンの高さと広さを設定する*/ .tomo-no-wa-btn, .doctor-no-wa-btn, .pro-no-wa-btn, .ask-question-btn { height: 4.5rem; /* width: 38rem; */ width: 100%; } /*もっとトモのワを見るボタン画像を背景画像として表示する*/ a.tomo-no-wa-btn { background-image: url(/rheumatoid-arthritis/tomonowa/images/RA_Common/top_exp_btn.png); background-repeat: no-repeat; background-size: 100%; } /*マウスオーバー際にもっとトモのワを見るボタンの画像を変更する*/ a.tomo-no-wa-btn:hover { background-image: url(/rheumatoid-arthritis/tomonowa/images/RA_Common/top_exp_btn_on.png); background-repeat: no-repeat; background-size: 100%; } /*もっとプロのワを見るボタン画像を背景画像として表示する*/ a.pro-no-wa-btn { background-image: url(/rheumatoid-arthritis/tomonowa/images/RA_Common/top_sme_btn.png); background-repeat: no-repeat; background-size: 100%; } /*マウスオーバー際にもっとプロのワを見るボタンの画像を変更する*/ a.pro-no-wa-btn:hover { background-image: url(/rheumatoid-arthritis/tomonowa/images/RA_Common/top_sme_btn_on.png); background-repeat: no-repeat; background-size: 100%; } /*もっとドクターのワを見るボタン画像を背景画像として表示する*/ a.doctor-no-wa-btn { background-image: url(/rheumatoid-arthritis/tomonowa/images/RA_Common/top_dr_btn.png); background-repeat: no-repeat; background-size: 100%; } /*マウスオーバー際にもっとドクターのワを見るボタンの画像を変更する*/ a.doctor-no-wa-btn:hover { background-image: url(/rheumatoid-arthritis/tomonowa/images/RA_Common/top_dr_btn_on.png); background-repeat: no-repeat; background-size: 100%; } /*この話を読むボタンの高さと広さを設定する*/ .read-btn { height: 2.5rem; width: 12rem; } /*この話を読むボタン画像を背景画像として表示する*/ .read-btn { background-image: url(/rheumatoid-arthritis/tomonowa/images/RA_Common/btn_more_01.png); background-repeat: no-repeat; background-size: 100%; } /*マウスオーバー際にこの話を読むボタンの画像を変更する*/ .read-btn:hover { background-image: url(/rheumatoid-arthritis/tomonowa/images/RA_Common/btn_more_01_on.png); background-repeat: no-repeat; background-size: 100%; } /*もっと見るボタンの高さと広さを設定する*/ /*もっと見るボタン画像を背景画像として表示する*/ .more-btn { height: 3rem; width: 9rem; background-image: url(/rheumatoid-arthritis/tomonowa/images/RA_Common/btn_more_02.png); background-repeat: no-repeat; background-size: 100%; } /*マウスオーバー際にもっと見るボタンの画像を変更する*/ .more-btn:hover { background-image: url(/rheumatoid-arthritis/tomonowa/images/RA_Common/btn_more_02_on.png); background-repeat: no-repeat; background-size: 100%; } /*体験談を投稿するボタンの高さと広さを設定する*/ .post-btn { height: 4rem; width: 16rem; } /*体験談を投稿するボタン画像を背景画像として表示する*/ .post-btn { background-image: url(/rheumatoid-arthritis/tomonowa/images/RA_Common/btn_voice_01.png); background-repeat: no-repeat; background-size: 100%; } /*マウスオーバー際に体験談を投稿するボタンの画像を変更する*/ .post-btn:hover { background-image: url(/rheumatoid-arthritis/tomonowa/images/RA_Common/btn_voice_01_on.png); background-repeat: no-repeat; background-size: 100%; } /*専門家へ質問するボタンの高さと広さを設定する*/ .ask-btn { height: 4rem; width: 16rem; } /*専門家へ質問するボタン画像を背景画像として表示する*/ .ask-btn { background-image: url(/rheumatoid-arthritis/tomonowa/images/RA_Common/btn_voice_02.png); background-repeat: no-repeat; background-size: 100%; } /*マウスオーバー際に専門家へ質問するボタンの画像を変更する*/ .ask-btn:hover { background-image: url(/rheumatoid-arthritis/tomonowa/images/RA_Common/btn_voice_02_on.png); background-repeat: no-repeat; background-size: 100%; } /*コメントを投稿するボタンの高さと広さを設定する*/ /*コメントを投稿するボタン画像を背景画像として表示する*/ .post-comment-btn { height: 3rem; width: 20rem; background-image: url(/rheumatoid-arthritis/tomonowa/images/RA_ToMoNoWa/ToMoNoWa/Top/exp_btn_comment.png); background-repeat: no-repeat; background-size: 100%; } /*マウスオーバー際にコメントを投稿するボタンの画像を変更する*/ .post-comment-btn:hover { background-image: url(/rheumatoid-arthritis/tomonowa/images/RA_ToMoNoWa/ToMoNoWa/Top/exp_btn_comment_on.png); background-repeat: no-repeat; background-size: 100%; } /*余白を消す*/ .recommendation ul { padding-left: 0; } /*テキスト上下を揃える*/ .recommendation ul li, .index-title ul li { text-indent: -.3rem; } /*各ページで表示するタブの共通設定*/ /*標準ul、liのCSS設定を上書きする*/ .banner-tabs { padding: 0 !important; } .banner-tabs .nav-tabs { border-bottom: 1px solid #115da2; } .banner-tabs ul, .banner-tabs li { padding-left: 0 !important; } .banner-tabs ul li:before { content: "" !important; } /*タブの共通設定　タブの幅とパティングを設定する*/ .banner-tabs li a { padding: 1rem; line-height: 0; /*エディタ内の への対応 1109*/ } /*モバイル端末の場合、タブの幅とパティングを設定する*/ @media only screen and (max-width: 767px) { .banner-tabs .nav-tabs li a { padding: .6rem; } } @media only screen and (min-width:48em) and (max-width: 64em) { .banner-tabs li a { padding: .85rem; } } .banner-tabs .nav-tabs li { width: 33%; } /*体験談を探す画像を背景画像として表示する*/ .search-tab { background-image: url(/rheumatoid-arthritis/tomonowa/images/RA_Common/RA03-02.png); background-repeat: no-repeat; background-size: 100%; } /*マウスオーバー際に体験談を探すの画像を変更する*/ .search-tab:hover { background-image: url(/rheumatoid-arthritis/tomonowa/images/RA_Common/RA03-02_on.png); } /*体験談を投稿する画像を背景画像として表示する*/ .post-tab { background-image: url(/rheumatoid-arthritis/tomonowa/images/RA_Common/RA03-03.png); background-repeat: no-repeat; background-size: 100%; } /*マウスオーバー際に体験談を投稿するの画像を変更する*/ .post-tab:hover { background-image: url(/rheumatoid-arthritis/tomonowa/images/RA_Common/RA03-03_on.png); } /*体験談を読む画像を背景画像として表示する*/ .read-tab { background-image: url(/rheumatoid-arthritis/tomonowa/images/RA_Common/RA03-01_on.png); background-repeat: no-repeat; background-size: 100%; } /*みんなの質問回答結果画像を背景画像として表示する*/ .answers-tab { background-image: url(/rheumatoid-arthritis/tomonowa/images/RA_Common/RA04-02.png); background-repeat: no-repeat; background-size: 100%; } /*マウスオーバー際にみんなの質問回答結果の画像を変更する*/ .answers-tab:hover { background-image: url(/rheumatoid-arthritis/tomonowa/images/RA_Common/RA04-02_on.png); } /*FAQページのみんなの質問回答結果画像を背景画像として表示する*/ .answers-tab2 { background-image: url(/rheumatoid-arthritis/tomonowa/images/RA_Common/RA04-02_on.png); background-repeat: no-repeat; background-size: 100%; } /*専門家に質問する画像を背景画像として表示する*/ .ask-tab { background-image: url(/rheumatoid-arthritis/tomonowa/images/RA_Common/RA04-03.png); background-repeat: no-repeat; background-size: 100%; } /*マウスオーバー際に専門家に質問するの画像を変更する*/ .ask-tab:hover { background-image: url(/rheumatoid-arthritis/tomonowa/images/RA_Common/RA04-03_on.png); } /*専門家コラム画像を背景画像として表示する*/ .pro-tab { background-image: url(/rheumatoid-arthritis/tomonowa/images/RA_Common/RA04-01_on.png); background-repeat: no-repeat; background-size: 100%; } /*FAQページの専門家コラム画像を背景画像として表示する*/ .pro-tab2 { background-image: url(/rheumatoid-arthritis/tomonowa/images/RA_Common/RA04-01.png); background-repeat: no-repeat; background-size: 100%; } /*FAQページの専門家コラム画像を背景画像として表示する*/ .pro-tab2:hover { background-image: url(/rheumatoid-arthritis/tomonowa/images/RA_Common/RA04-01_on.png); } /*質問フォームへボタン画像を背景画像として表示する*/ .ask-question-btn { background-image: url(/rheumatoid-arthritis/tomonowa/images/RA_Common/sme_ask_btn.png); background-repeat: no-repeat; background-size: 100%; } /*マウスオーバー際に質問フォームへボタンの画像を変更する*/ .ask-question-btn:hover { background-image: url(/rheumatoid-arthritis/tomonowa/images/RA_Common/sme_ask_btn_on.png); background-repeat: no-repeat; background-size: 100%; } /*ナビゲーションメニューをすべて表示できるように余白を小さくする*/ .forceCommunityThemeNav .mainNavItem { padding-right: 2rem !important; padding-left: 0 !important; } .forceCommunityThemeNav .mainNavItem:nth-child(4) { padding-right: 0 !important; } /*ナビゲーションメニューを中央寄せにする*/ .forceCommunityThemeNav .mainNavItem .linkBtn { text-align: center !important; } /*トモのワ患者さんの話を二行表示にする*/ li:nth-child(2) .linkBtn:after { content: " \A ー患者さんの話－"; white-space: pre; } /*プロのワ専門家の話を二行表示にする*/ li:nth-child(3) .linkBtn:after { content: " \A ー専門家の話ー"; white-space: pre; } /*ドクターのワ専門医の話を二行表示にする*/ li:nth-child(4) .linkBtn:after { content: " \A ー専門医の話ー"; white-space: pre; } /*ナビゲーションメニューのデフォルト表示を上書き*/ .forceCommunityThemeProfileMenu .profile-name { visibility: hidden; } .forceCommunityThemeProfileMenu .profile-name:before { visibility: visible; content: "マイページ"; } .forceKnowledgeArticleThumbVote .slds-media__body { visibility: hidden; } /*article　detailページのマイナス投票ボタンを非表示にする*/ .forceKnowledgeArticleThumbVote #downVoteButton, .forceKnowledgeArticleThumbVote #downVoteCount { visibility: hidden; } /*投票セクションのダミーテキストを上書きする*/ .forceKnowledgeArticleThumbVote .slds-media__body:before { content: "参考になった"; visibility: visible; margin-left: 35%; } @media only screen and (min-width:48em) and (max-width: 64em) { /* .forceTopicFeaturedTopics .topicList .topicItem { height: 6rem; } */ .forceKnowledgeArticleThumbVote .slds-media__body:before { margin-left: 55%; } } @media only screen and (min-width: 64em) { .forceKnowledgeArticleThumbVote .slds-media__body:before { margin-left: 65%; } } /*記事コンテンツの回答欄の背景画像を設定する*/ .speech-bubble-left { position: relative; background: white; border-radius: .75rem; } .speech-bubble-left:after { content: ''; position: absolute; left: 0; top: 13%; width: 0; height: 0; border: 1em solid transparent; border-right-color: white; border-left: 0; margin-top: -1em; margin-left: -1em; } .speech-bubble-left-Q:after { top: 40%; } /*トモのワ体験談記事コンテンツの回答欄の背景画像を設定する*/ .speech-bubble-top, .speech-bubble-bottom, .speech-bubble-comment { position: relative; border: .125rem solid #115da2; /* RAカラーに変更 */ border-radius: .75rem; } .speech-bubble-top:after { content: ''; position: absolute; top: 0; left: 40%; width: 0; height: 0; border: 1.5em solid transparent; border-bottom-color: #115da2; border-top: 0; border-right: 0; margin-left: -0.25em; margin-top: -1.5em; } .speech-bubble-comment:after { content: ''; position: absolute; top: 50%; left: 0; width: 20px; height: 20px; border: 2px solid transparent; border-top-color: #115da2; border-left-color: #115da2; margin-left: -10px; margin-top: -10px; background-color: #ffffff; transform: rotate(-45deg); } /*プロのワ専門家コラム記事コンテンツの回答欄の背景画像を設定する*/ .speech-bubble-bottom:after { content: ''; position: absolute; bottom: 0; left: 50%; width: 0; height: 0; border: 1.5em solid transparent; border-top-color: #115da2; /* RAカラーに変更 */ border-bottom: 0; border-right: 0; margin-left: -0.312em; margin-bottom: -1.5em; } /*記事詳細ページのタイトルとURL name項目情報を非表示にする*/ .article-column .content .forcePageBlock .forcePageBlockSection:nth-child(1) .section__content { display: none; } .article-column .content .forcePageBlock .forcePageBlockSection:nth-child(2) .section__content .slds-form .forcePageBlockSectionRow .slds-form-element__label { display: none; } .article-column .summary .selfServiceArticleHeaderDetail { display: none; } /*専門家コラム記事詳細ページのカスタマイズ*/ .green-panel { background-color: #115da2; border-color: #115da2; color: white; border-radius: .75rem; } .green-panel ul { margin-bottom: 0px; } .green-borderleft { border-left: .5rem solid #115da2; } /*記事雛形にあるタブのスタイル*/ .article-tabs { padding: 0 !important; } .article-tabs ul { margin: 0 !important; } /*専門家Top画面にあるみんなの質問回答結果タブの質問セクションの背景*/ .speech-bubble-faq { background-color: white; min-height: 6.5rem; border-radius: .75rem; } /*専門家/ドクターのコラム用見出しを追加 ------------------------------ */ .speech-heading-lg {} .speech-heading-md { color: #115da2; } .speech-heading-sm { color: #115da2; } /*カルーセル 4枚目以降のレスポンシブ対応*/ @media only screen and (max-width: 767px) { #pc4, #pc5, #pc6 { display: none; } } #sp4, #sp5, #sp6 { display: none; } @media only screen and (max-width: 767px) { #sp4, #sp5, #sp6 { display: block; } } /*サイトマップページにあるリンクアンカーの前に"＞"で表示する*/ .ra-sitemap ul { list-style: none; } .ra-sitemap li:before { content: ">" !important; color: #075899; } /*サイトマップページ、トモのワ利用規約ページ、よくあるご質問ページの共通設定 タイトルスタイルを設定する*/ .ra-sitemap .sitemap-title, .ra-faq .faq-title, .ra-terms .terms-title { background-color: #e6eef6; border-radius: .4rem; color: #075899; } .ra-sitemap a { text-decoration: underline; text-underline-position: under; } /*トモのワ利用規約ページのリストの先頭に表示するマーカー文字の種類を上書きする*/ .ra-terms ol { list-style-type: decimal; padding-left: 0; } /*よくあるご質問の質問タイトルの文字色を指定する*/ .ra-faq h4 { color: #075899; } .faq-panel { border-color: #075899; } .faq-body { padding: 0; } .faq-group { margin-bottom: 0; } /*記事のバナー画像表示制御*/ #smartphone { display: none; } #desktop { display: block; } @media only screen and (max-width:48em) { #desktop { display: none; } #smartphone { display: block; } } /*ユーザプロファイルにあるmyaccountリンクを非表示にする*/ .profile-menuList .scrollable .myAccount { display: none; } /*記事コンテンツの大きさを大きくする*/ .selfServiceArticleLayout.article-column { padding: 0 !important; } /*グローバルナビの下に境界線を設定する*/ .themeHeader .themeBottomBorder { background-color: #80a5c7 !important; } /*記事詳細ページで使いページTOPへのボタン*/ #page_top { width: 3rem; height: 3rem; position: fixed; right: 1rem; bottom: 3rem; background: #0a326e; opacity: 0.6; border-radius: 50%; z-index: 999; } #page_top a { position: relative; display: block; width: 3rem; height: 3rem; text-decoration: none; } #page_top a::before { content: '↑'; font-weight: bolder; color: white; position: absolute; width: 1rem; height: 1rem; top: 0; bottom: 0; right: 0; left: 0; margin: auto; text-align: center; } /*もっと見るボタン*/ .more-wrap { position: relative; } .more-btn { z-index: 2; position: absolute; right: 0; bottom: 0; left: 0; margin: auto; color: #fff; text-align: center; cursor: pointer; transition: .2s; height: 3rem; width: 9rem; background-image: url(/rheumatoid-arthritis/tomonowa/images/RA_Common/btn_more_02.png); background-repeat: no-repeat; background-size: 100%; background-position: center; } .more-btn:hover { background-image: url(/rheumatoid-arthritis/tomonowa/images/RA_Common/btn_more_02_on.png); background-repeat: no-repeat; background-size: 100%; background-position: center; } .more-item { position: relative; overflow: hidden; height: .5rem; padding-top: .5rem; } .more-item::before { display: block; position: absolute; bottom: 0; left: 0; content: ""; width: 100%; height: 3rem; } .more-trigger { display: none; } .more-trigger:checked~.more-btn { bottom: -3em; padding: 1rem; border-radius: 1.75rem; background-image: url(/rheumatoid-arthritis/tomonowa/images/RA_Common/close_RA.png); background-size: contain; background-position: center; } .more-trigger:checked+.more-btn:hover { background-image: url(/rheumatoid-arthritis/tomonowa/images/RA_Common/close_RA_on.png); background-size: contain; background-position: center; } .more-trigger:checked~.more-item { height: auto; } .more-trigger:checked~.more-item::before { display: none; } /*画像拡大*/ div.lightbox { display: none; } div.lightbox:target { display: block !important; top: 0; left: 0; right: 0; bottom: 0; text-align: center; background: rgba(0, 0, 0, .7); position: fixed; padding: 1.5em; } div.lightbox a img { max-height: 100%; } /*テーマから選ぶの一覧記事で表示されるknowledge文言を非表示にする*/ .selfServiceTopicRelatedArticle .topicRelatedArticleList .article-list .listContent .article-list .footer { display: none; } /*よくあるご質問のセクション開閉*/ .sec1:before { content: "[－]"; margin-right: .5em; } .sec1.collapsed:before { content: "[＋]"; } .sec2:before { content: "[－]"; margin-right: .5em; } .sec2.collapsed:before { content: "[＋]"; } .sec3:before { content: "[－]"; margin-right: .5em; } .sec3.collapsed:before { content: "[＋]"; } .sec4:before { content: "[－]"; margin-right: .5em; } .sec4.collapsed:before { content: "[＋]"; } .sec5:before { content: "[－]"; margin-right: .5em; } .sec5.collapsed:before { content: "[＋]"; } .sec6:before { content: "[－]"; margin-right: .5em; } .sec6.collapsed:before { content: "[＋]"; } .sec7:before { content: "[－]"; margin-right: .5em; } .sec7.collapsed:before { content: "[＋]"; } .sec8:before { content: "[－]"; margin-right: .5em; } .sec8.collapsed:before { content: "[＋]"; } /*お気に入りボタン*/ .forceCommunityFollow .button, .forceCommunityFollow slds-button, .forceCommunityFollow slds-button_brand { padding: 0 !important; border: none !important; font-size: 0 !important; background-color: white !important; border-radius: 1.75rem !important; margin: 0 !important; width: 25% !important; } .forceCommunityFollow .follow { background-image: url(/rheumatoid-arthritis/tomonowa/images/RA_Common/RA01.png); background-repeat: no-repeat; background-position: center; } .forceCommunityFollow .follow:hover { background-image: url(/rheumatoid-arthritis/tomonowa/images/RA_Common/RA01_on.png); } .forceCommunityFollow .following { background-image: url(/rheumatoid-arthritis/tomonowa/images/RA_Common/RA02.png); background-repeat: no-repeat; background-position: center; } .forceCommunityFollow .following .slds-text-selected .slds-icon-utility-check .slds-icon { display: none; } .forceCommunityFollow .button:hover, .forceCommunityFollow .button:focus, .forceCommunityFollow .following:hover, .forceCommunityFollow .following:focus { font-size: 0 !important; color: white !important; border: none !important; } .forceCommunityFollow .slds-button { left: 74% !important; } @media only screen and (min-width:48em) and (max-width: 64em) { .forceCommunityFollow .button, .forceCommunityFollow slds-button, .forceCommunityFollow slds-button_brand { width: 35% !important; } .forceCommunityFollow .slds-button { left: 65% !important; } } @media only screen and (max-width: 767px) { .forceCommunityFollow .button, .forceCommunityFollow slds-button, .forceCommunityFollow slds-button_brand { width: 45% !important; } .forceCommunityFollow .slds-button { left: 50% !important; } } /*プロのワページ下部にあるみんなの質問結果一覧ボタンと専門家へ質問するボタンの設定*/ .faq-list-btn { height: 3rem; width: 25rem; background-image: url(/rheumatoid-arthritis/tomonowa/images/RA_Common/RA05.png); background-position: center; background-repeat: no-repeat; background-size: contain; } .faq-list-btn:hover { background-image: url(/rheumatoid-arthritis/tomonowa/images/RA_Common/RA05_on.png); background-repeat: no-repeat; } .ask-q-btn { height: 3rem; width: 14rem; background-image: url(/rheumatoid-arthritis/tomonowa/images/RA_Common/RA06.png); background-position: center; background-repeat: no-repeat; background-size: contain; } .ask-q-btn:hover { background-image: url(/rheumatoid-arthritis/tomonowa/images/RA_Common/RA06_on.png); background-repeat: no-repeat; } /*戻るボタンの高さと広さを設定する*/ .back-btn { height: 3rem; width: 14rem; } /*戻るボタン画像を背景画像として表示する*/ a.back-btn { background-image: url(/rheumatoid-arthritis/tomonowa/images/Common/02.png); background-position: center; background-repeat: no-repeat; } /*マウスオーバー際に戻るボタンの画像を変更する*/ a.back-btn:hover { background-image: url(/rheumatoid-arthritis/tomonowa/images/Common/02_on.png); background-repeat: no-repeat; } /*上付き文字用*/ .textSuper { font-size: 0.87em; vertical-align: super; } /*アンダーライン用*/ .textUnderline { text-decoration: underline; } /*お気に入りボタンの外枠を消す*/ .slds-button:focus { box-shadow: none; } /*パンくずリストのフォントサイズを設定する*/ .index-breadcrumbs li { font-size: .9rem; } /*参考になったの指アイコン表示を設定する*/ /*参考になったの指アイコン表示を設定する*/ .forceKnowledgeArticleThumbVote .slds-card__body #upVoteButton .slds-button, .forceKnowledgeArticleThumbVote .slds-card__body #upVoteButton .slds-is-selected { background-image: url(/rheumatoid-arthritis/tomonowa/images/LikeSVG); background-repeat: no-repeat; background-position: center; } /*記事詳細画面の下部に表示するトピックを非表示にする*/ .siteforceContentArea .selfServiceArticleTopicList, .siteforceContentArea .selfServiceArticleTopicList .slds-pill { display: none; } .list_Lat { list-style: none !important; counter-reset: listLat; margin-left: 0 !important; } .list_Lat>li { padding-left: 1.5em; } .list_Lat>li:before { counter-increment: listLat; content: counter(listLat, upper-latin)"）"; margin-left: -1.5em; } .list_None { list-style: none !important; margin-left: 0 !important; } .icon_new { color: #f47621 !important; font-weight: bold !important; } .u-margin_auto { margin: auto; } .noLink { text-decoration: none !important; color: inherit; cursor: text !important; pointer-events: none !important; } .carousel-indicators { z-index: 4; } /*ナレッジ内テーブルレイアウト用*/ .knowledge-tbl>tbody>tr, .knowledge-tbl>thead>tr>th, .knowledge-tbl>tbody>tr>td, .knowledge-tbl>tbody>tr>th { border-style: solid; border-color: #ffffff; } .knowledge-tbl>thead>tr>th { border-bottom-width: 3px; } .knowledge-tbl th, .knowledge-tbl>tbody>tr>td { border-right-width: 3px; } .knowledge-tbl>tbody>tr { border-top-width: 3px; } .knowledge-tbl th, .knowledge-tbl>tbody>tr>td, .knowledge-tbl>tbody>tr:first-of-type { border-top: none; } .knowledge-tbl>tbody>tr>th, .knowledge-tbl>tbody>tr>td, .knowledge-tbl>tbody>tr .strong-cell { color: #000000; } .knowledge-tbl>thead>tr>th, .knowledge-tbl>tbody>tr>th { background-color: #1d5894; color: #ffffff; } .knowledge-tbl>tbody>tr>td { background-color: #e6eff6; } .knowledge-tbl>tbody>tr .strong-cell { background-color: #dde7f1; } /*ナレッジ要約エリア内のリンクテキスト*/ .knowledge-index { margin-top: 5px; } .knowledge-index-text { color: #ffffff; text-decoration: underline; text-underline-position: under; } .knowledge-index-text:hover { opacity: .8; } /*ナレッジ要約エリア内のNEWアイコン*/ .knowledge-index-new { padding-right: 5px; color: #ffff00 !important; font-weight: bold !important; } /*ナレッジ本文内のリストパターン*/ .p-list--01 { margin-bottom: 15px; } .p-list--01>ul { margin: 0; } .p-list--01>ul>li { margin-top: 10px; list-style: none; } .p-list--01>ul>li:first-of-type { margin-top: 0; } /*ナレッジ内バナー用*/ .p-banner__outer { margin: 2rem; } .p-banner__inner { width: auto !important; max-width: 320px !important; max-height: 102px; } @media only screen and (max-width: 767px) { .p-banner__outer { margin: 2rem auto; } } /*中点非表示*/ .list-nodecoration { margin-left: -0.5em; list-style: none; } /*アンケートバナーサイズIE11対応*/ .survey-banner { max-width: 615.98px; width: 100%; } .banner-center-sp { text-align: center; } @media only screen and (max-width: 767px) { .banner-center-sp { display: flex; justify-content: center; align-content: center; align-items: center; } } .u-ol--none { margin-left: 0 !important; list-style: none !important; } .p-online-ol>li>a { text-decoration: underline; text-underline-position: under; } .p-online-ol>li>a:hover { color: rgba(0, 0, 0, 0.8); } .u-list-indent { padding-left: 1em; text-indent: -1em; } .mb0 { margin-bottom: 0 !important; } .u-border-gray { border: 1px solid #ccc; } .u-width-520 { width: 520px; } /*文字サイズ調整クラス*/ .u-fz-smaller { font-size: .8rem; } /*新着方法テキストリンク青文字化*/ .new-arrivals a.link-blue { color: var(--lwc-colorTextLink, #005FB2); } .siteforceContentArea .comm-layout-column .ui-widget:not(:last-child), .siteforceContentArea .cb-section_column .ui-widget:not(:last-child) { margin-bottom: var(--lwc-uiWidgetMarginBottom, 1.5rem) } .siteforceContentArea .comm-layout-column:not(:empty) { padding-top: var(--lwc-layoutVerticalPadding, 0.75rem); padding-bottom: var(--lwc-layoutVerticalPadding, 0.75rem) } :root { --dxp-g-root: var(--lwc-dxpGRoot, #FFFFFF); --dxp-g-root-1: var(--lwc-dxpGRoot1, rgb(235, 235, 235)); --dxp-g-root-2: var(--lwc-dxpGRoot2, rgb(194, 194, 194)); --dxp-g-root-3: var(--lwc-dxpGRoot3, rgb(133, 133, 133)); --dxp-g-root-contrast: var(--lwc-dxpGRootContrast, rgba(0, 0, 0, 0.8)); --dxp-g-root-contrast-1: var(--lwc-dxpGRootContrast1, rgba(0, 0, 0, 0.8)); --dxp-g-root-contrast-2: var(--lwc-dxpGRootContrast2, rgba(0, 0, 0, 0.8)); --dxp-g-root-contrast-3: var(--lwc-dxpGRootContrast3, rgba(0, 0, 0, 0.8)); --dxp-g-neutral: var(--lwc-dxpGNeutral, #ecebea); --dxp-g-neutral-1: var(--lwc-dxpGNeutral1, rgb(217, 215, 213)); --dxp-g-neutral-2: var(--lwc-dxpGNeutral2, rgb(178, 174, 170)); --dxp-g-neutral-3: var(--lwc-dxpGNeutral3, rgb(118, 113, 107)); --dxp-g-neutral-contrast: var(--lwc-dxpGNeutralContrast, #000); --dxp-g-neutral-contrast-1: var(--lwc-dxpGNeutralContrast1, #000); --dxp-g-neutral-contrast-2: var(--lwc-dxpGNeutralContrast2, #000); --dxp-g-neutral-contrast-3: var(--lwc-dxpGNeutralContrast3, #fff); --dxp-g-brand: var(--lwc-dxpGBrand, rgb(146, 177, 229)); --dxp-g-brand-1: var(--lwc-dxpGBrand1, rgb(113, 153, 221)); --dxp-g-brand-2: var(--lwc-dxpGBrand2, rgb(49, 107, 204)); --dxp-g-brand-3: var(--lwc-dxpGBrand3, rgb(25, 55, 105)); --dxp-g-brand-contrast: var(--lwc-dxpGBrandContrast, rgba(0, 0, 0, 0.8)); --dxp-g-brand-contrast-1: var(--lwc-dxpGBrandContrast1, rgba(0, 0, 0, 0.8)); --dxp-g-brand-contrast-2: var(--lwc-dxpGBrandContrast2, rgba(0, 0, 0, 0.8)); --dxp-g-brand-contrast-3: var(--lwc-dxpGBrandContrast3, rgba(0, 0, 0, 0.8)); --dxp-g-success: #4bca81; --dxp-g-success-1: #36b66c; --dxp-g-success-2: #237747; --dxp-g-success-3: #07190f; --dxp-g-success-contrast: #000; --dxp-g-success-contrast-1: #000; --dxp-g-success-contrast-2: #fff; --dxp-g-success-contrast-3: #fff; --dxp-g-destructive: #c23934; --dxp-g-destructive-1: #a2302b; --dxp-g-destructive-2: #611d1a; --dxp-g-destructive-3: #010000; --dxp-g-destructive-contrast: #fff; --dxp-g-destructive-contrast-1: #fff; --dxp-g-destructive-contrast-2: #fff; --dxp-g-destructive-contrast-3: #fff; --dxp-g-warning: #ffb75d; --dxp-g-warning-1: #ffa534; --dxp-g-warning-2: #e27d00; --dxp-g-warning-3: #673900; --dxp-g-warning-contrast: #000; --dxp-g-warning-contrast-1: #000; --dxp-g-warning-contrast-2: #000; --dxp-g-warning-contrast-3: #fff; --dxp-g-info: #16325c; --dxp-g-info-1: #0e203b; --dxp-g-info-2: #000000; --dxp-g-info-3: #000000; --dxp-g-info-contrast: #fff; --dxp-g-info-contrast-1: #fff; --dxp-g-info-contrast-2: #fff; --dxp-g-info-contrast-3: #fff; --dxp-g-offline: #444; --dxp-g-offline-1: #303030; --dxp-g-offline-2: #070707; --dxp-g-offline-3: #000000; --dxp-g-offline-contrast: #fff; --dxp-g-offline-contrast-1: #fff; --dxp-g-offline-contrast-2: #fff; --dxp-g-offline-contrast-3: #fff; --dxp-g-spacing-none: 0 !important; --dxp-g-spacing-xxxsmall: .125rem; --dxp-g-spacing-xxsmall: .25rem; --dxp-g-spacing-xsmall: .5rem; --dxp-g-spacing-small: .75rem; --dxp-g-spacing-medium: 1rem; --dxp-g-spacing-large: 1.5rem; --dxp-g-spacing-xlarge: 2rem; --dxp-g-spacing-xxlarge: 3rem; --dxp-g-root-font-family: var(--lwc-fontFamily, Lato); --dxp-g-heading-font-family: var(--lwc-fontFamilyHeader, Montserrat); --dxp-g-font-size-1: .625rem; --dxp-g-font-size-2: .75rem; --dxp-g-font-size-3: .8125rem; --dxp-g-font-size-4: .875rem; --dxp-g-font-size-5: 1rem; --dxp-g-font-size-6: 1.125rem; --dxp-g-font-size-7: 1.25rem; --dxp-g-font-size-8: 1.5rem; --dxp-g-font-size-9: 1.75rem; --dxp-g-font-size-10: 2rem; --dxp-g-font-size-11: 2.625rem; --dxp-s-html-font-size: 16px; --dxp-s-text-heading-extra-large-font-family: var(--lwc-fontFamilyHeader, Montserrat); --dxp-s-text-heading-extra-large-font-size: 2.5rem; --dxp-s-text-heading-extra-large-font-style: normal; --dxp-s-text-heading-extra-large-font-weight: 300; --dxp-s-text-heading-extra-large-text-decoration: none; --dxp-s-text-heading-extra-large-text-transform: var(--lwc-textTransform, none); --dxp-s-text-heading-extra-large-line-height: 1.25; --dxp-s-text-heading-extra-large-letter-spacing: 0; --dxp-s-text-heading-large-font-family: var(--lwc-fontFamilyHeader, Montserrat); --dxp-s-text-heading-large-font-size: 1.75rem; --dxp-s-text-heading-large-font-style: normal; --dxp-s-text-heading-large-font-weight: 300; --dxp-s-text-heading-large-text-decoration: none; --dxp-s-text-heading-large-text-transform: var(--lwc-textTransform, none); --dxp-s-text-heading-large-line-height: 1.25; --dxp-s-text-heading-large-letter-spacing: 0; --dxp-s-text-heading-medium-font-family: var(--lwc-fontFamilyHeader, Montserrat); --dxp-s-text-heading-medium-font-size: 1.25rem; --dxp-s-text-heading-medium-font-style: normal; --dxp-s-text-heading-medium-font-weight: 300; --dxp-s-text-heading-medium-text-decoration: none; --dxp-s-text-heading-medium-text-transform: var(--lwc-textTransform, none); --dxp-s-text-heading-medium-line-height: 1.25; --dxp-s-text-heading-medium-letter-spacing: 0; --dxp-s-text-heading-small-font-family: var(--lwc-fontFamilyHeader, Montserrat); --dxp-s-text-heading-small-font-size: 1.125rem; --dxp-s-text-heading-small-font-style: normal; --dxp-s-text-heading-small-font-weight: 300; --dxp-s-text-heading-small-text-decoration: none; --dxp-s-text-heading-small-text-transform: var(--lwc-textTransform, none); --dxp-s-text-heading-small-line-height: 1.25; --dxp-s-text-heading-small-letter-spacing: 0; --dxp-s-body-font-family: var(--lwc-fontFamily, Lato); --dxp-s-body-font-size: 1rem; --dxp-s-body-font-style: normal; --dxp-s-body-font-weight: 400; --dxp-s-body-text-decoration: none; --dxp-s-body-text-transform: none; --dxp-s-body-line-height: 1.5; --dxp-s-body-letter-spacing: 0; --dxp-s-body-small-font-family: var(--lwc-fontFamily, Lato); --dxp-s-body-small-font-size: .75rem; --dxp-s-body-small-font-style: normal; --dxp-s-body-small-font-weight: 400; --dxp-s-body-small-text-decoration: none; --dxp-s-body-small-text-transform: none; --dxp-s-body-small-line-height: 1.25; --dxp-s-body-small-letter-spacing: 0; --dxp-s-button-font-family: var(--lwc-fontFamily, Lato); --dxp-s-button-font-size: 1rem; --dxp-s-button-font-style: normal; --dxp-s-button-font-weight: 400; --dxp-s-button-text-transform: var(--lwc-textTransform, none); --dxp-s-button-line-height: 2; --dxp-s-button-letter-spacing: 0; --dxp-s-link-text-decoration: none; --dxp-s-link-text-decoration-focus: underline; --dxp-s-link-text-decoration-hover: underline; --dxp-s-site-logo-path: var(--lwc-brandLogoImage, /racommunity/file-asset/logo?v=1); --dxp-s-site-logo-url: var(--lwc-brandLogoImage, url(/racommunity/file-asset/logo?v=1)); --dxp-s-section-columns-max-width: 1800px; --dxp-s-header-content-max-width: 1rem; --dxp-s-footer-content-max-width: 1rem; --dxp-s-section-content-spacing-block-start: 1rem; --dxp-s-section-content-spacing-block-end: 1rem; --dxp-s-column-spacer-size: 1rem; --dxp-s-component-wrapper-spacer-size: 1.5rem; --dxp-s-section-columns-max-width-mobile: none; --dxp-s-header-content-max-width-mobile: none; --dxp-s-footer-content-max-width-mobile: none; --dxp-s-section-content-spacing-block-start-mobile: .75rem; --dxp-s-section-content-spacing-block-end-mobile: .75rem; --dxp-s-column-spacer-size-mobile: .75rem; --dxp-s-component-wrapper-spacer-size-mobile: 1.5rem } .forceCommunityThemeSearch.stellaInnerHeader .search-input { color: #FFFFFF; background-color: rgba(255, 255, 255, 0); } .forceCommunityThemeSearch.stellaInnerHeader .search-input:focus { color: #FFFFFF; background-color: rgba(255, 255, 255, 0); } .forceCommunityThemeSearch.stellaInnerHeader .search-input::placeholder { color: rgba(255, 255, 255, 0.8); } .forceCommunityThemeSearch.stellaInnerHeader .search-input:-ms-input-placeholder { color: rgba(255, 255, 255, 0.8); } .forceCommunityThemeSearch.stellaInnerHeader .search-input::-ms-input-placeholder { color: rgba(255, 255, 255, 0.8); } .forceCommunityThemeSearch.stellaInnerHeader .search-box .search-inputSearchButton svg { fill: #FFFFFF !important; } .forceCommunityThemeSearch.stellaInnerHeader .search-deflectionItem { background-color: #FFFFFF; } .forceCommunityThemeSearch.stellaInnerHeader.commThemeCmp .search-deflectionItem:hover, .forceCommunityThemeSearch.stellaInnerHeader.commThemeCmp .search-deflectionItem:focus, .forceCommunityThemeSearch.stellaInnerHeader .search-deflectionItem.search-deflectionItem--active { color: rgb(0, 178, 170) } .forceCommunityThemeSearch.stellaInnerHeader.commThemeCmp .search-deflectionItem:hover, .forceCommunityThemeSearch.stellaInnerHeader.commThemeCmp .search-deflectionItem:focus, .forceCommunityThemeSearch.stellaInnerHeader .search-deflectionItem.search-deflectionItem--active { background-color: rgb(243, 242, 242) } .forceCommunityThemeSearch.stellaInnerHeader .search-deflectionContainer>li:not(:last-child) { border-color: #F0F0F0; } .forceCommunityThemeSearch.stellaInnerHeader .search-trigger button svg { fill: rgb(0, 0, 0) !important; } .forceCommunityThemeSearch.stellaInnerHeader .search-trigger:hover button svg { fill: rgb(7, 89, 153) !important; } .forceCommunityThemeSearch.stellaInnerHeader .search-trigger:focus button svg { fill: rgb(7, 89, 153) !important; } .forceCommunityThemeSearch.stellaInnerHeader .search-input { border: none; border-radius: 0; border-bottom: 1px solid #FFFFFF; } .forceCommunityThemeSearch.stellaInnerHeader .search-box .search-inputSearchButton { border: none; border-radius: 0; border-bottom: 1px solid #FFFFFF; } .forceCommunityThemeSearch.stellaInnerHeader .search-box .search-inputSearchButton { background-color: rgba(255, 255, 255, 0) !important; } @media only screen and (max-width: 47.9375em) { .forceCommunityThemeSearch.stellaInnerHeader .search-deflectionContainer { width: 1335px; } } .forceSkipLink { position: absolute; top: 0; left: 0; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); clip: rect(1px, 1px, 1px, 1px); padding: 6px 12px; color: #3c3d3d; background: hsla(0, 0%, 100%, .98) } .forceSkipLink:focus { width: auto; height: auto; clip: auto; z-index: 1000 } .forceCommunityThemeLogo { display: inline-block } .forceCommunityThemeNav.themeNavContainer.navMenuType-expanded { min-height: 32px; /* opacity: 0 */ } /* .forceCommunityThemeNav.themeNavContainer.navMenuType-expanded.doneRendering { opacity: 1 } */ .forceCommunityThemeNav.themeNavContainer .slds-icon_container { padding-left: 7px } .forceCommunityThemeNav .visible-links { display: flex; flex-direction: row; justify-content: flex-end; } .forceCommunityThemeNav .uiMenuList--default .scrollable { max-height: 30rem; overflow-y: auto } .forceCommunityThemeNav .mainNavItem { padding-left: 60px; position: relative; line-height: 30px; white-space: nowrap } .forceCommunityThemeNav .comm-navigation__top-level-item.mainNavItem:first-child { padding-left: 0 } .forceCommunityThemeNav .comm-navigation__top-level-item.noPadding .themeNavMoreLink { padding-left: 0 } .forceCommunityThemeNav .mainNavItem a { display: block } .forceCommunityThemeNav .mainNavItem .linkBtn { border: none; background: none; padding: 0 5px; width: 100%; text-align: left } .forceCommunityThemeNav .uiMenuList { transform: none; top: 0; left: 60px; right: inherit; margin-top: 40px; padding: 0; width: 175px; border: none; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3) } .forceCommunityThemeNav .comm-navigation__top-level-item.noPadding .uiMenuList { left: 0 } .forceCommunityThemeNav .uiMenuList .subMenu, .forceCommunityThemeNav .uiMenuList .subMenu ul { border-radius: 4px } .forceCommunityThemeNav .uiMenuList .uiMenuItem>a { padding: 5px 10px; font-size: inherit } .forceCommunityThemeNav .uiMenuList--default .uiMenuItem:first-child>a { border-top-left-radius: 4px; border-top-right-radius: 4px } .forceCommunityThemeNav .uiMenuList--default .uiMenuItem:last-child>a { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px } .forceCommunityThemeNav .uiMenuList--default .uiMenuItem>a:hover, .forceCommunityThemeNav .uiMenuList--default .uiMenuItem>a:focus, .forceCommunityThemeNav .uiMenuList--default .uiMenuItem>span:hover, .forceCommunityThemeNav .uiMenuList--default .uiMenuItem>span:focus { background-color: unset; text-decoration: none; outline: none } .forceCommunityThemeNav .slds-nubbin_top-left.popupTargetContainer:before { background-color: unset } .forceCommunityThemeNav .slds-nubbin_top-left.popupTargetContainer:after { box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1) } .forceCommunityThemeNav .mainNavItem .uiMenuItem a { border-bottom: 1px solid #ececec } .forceCommunityThemeNav .mainNavItem .nestedSubMenu a, .forceCommunityThemeNav .mainNavItem .uiMenuItem:last-child a, .forceCommunityThemeNav .mainNavItem .nestedSubMenuItem:not(.finalNestedSubMenuItem) a { border: none } .forceCommunityThemeNav .mainNavItem .nestedSubMenuItem a { padding-left: 30px } .forceCommunityThemeNav .mainNavItem.expanded svg { transform: rotate(-180deg); transition: transform 150ms ease } .forceCommunityThemeNav .mainNavItem a { text-decoration: none } .forceCommunityThemeNav ul.themeNav-align-left { justify-content: flex-start } .forceCommunityThemeNav ul.themeNav-align-right { justify-content: flex-end } .forceCommunityThemeNav ul.themeNav-align-center { justify-content: center } /* .forceCommunityThemeNav ul.themeNav-align-distributed { justify-content: space-around } */ .forceCommunityThemeNav ul.themeNav-align-spaceBetween { justify-content: space-between } .forceCommunityThemeNav .hidden-menu { position: absolute; right: 0; top: 0 } @media only screen and (min-width:48em) { .forceCommunityThemeNav.closePanelTrigger { display: flex; align-items: center } .forceCommunityThemeNav.closePanelTrigger.alignTrigger-right { justify-content: flex-end; margin-right: 17px } .forceCommunityThemeNav.closePanelTrigger.alignTrigger-left { justify-content: flex-start; margin-left: 17px } .forceCommunityThemeNav.themeNavContainer.navMenuType-panel .visible-links { flex-direction: column } .forceCommunityThemeNav.themeNavContainer.navMenuType-panel .uiMenuList { position: relative; margin-top: 0; border-radius: 0; border: none; left: 0; width: 100%; box-shadow: none } .forceCommunityThemeNav.themeNavContainer.navMenuType-panel .subMenu { position: static } .forceCommunityThemeNav.themeNavContainer.navMenuType-panel .comm-navigation__top-level-item-link:focus, .forceCommunityThemeNav.themeNavContainer.navMenuType-panel .comm-navigation__top-level-item-link a:focus { outline: none; box-shadow: none } .forceCommunityThemeNav.themeNavContainer.navMenuType-panel .uiMenuList--default .uiMenuItem:first-child>a, .forceCommunityThemeNav.themeNavContainer.navMenuType-panel .uiMenuList--default .uiMenuItem:last-child>a, .forceCommunityThemeNav.themeNavContainer.navMenuType-panel .uiMenuList .subMenu, .forceCommunityThemeNav.themeNavContainer.navMenuType-panel .uiMenuList .subMenu ul { border-radius: 0 } .forceCommunityThemeNav.themeNavContainer.navMenuType-panel .slds-nubbin_top-left:before, .forceCommunityThemeNav.themeNavContainer.navMenuType-panel .slds-nubbin_top-left:after { display: none } .forceCommunityThemeNav.themeNavContainer.navMenuType-panel .mainNavItem .subMenuItem:not(.finalSubMenuItem) a { border: none } .forceCommunityThemeNav.themeNavContainer.navMenuType-panel li.mainNavItem:first-child a { border-top: 1px solid #ececec } .forceCommunityThemeNav.themeNavContainer.navMenuType-panel .mainNavItem:not(.expanded) .linkBtn, .forceCommunityThemeNav.themeNavContainer.navMenuType-panel .mainNavItem .uiMenuItem:last-child a { border-bottom: 1px solid #ececec } .forceCommunityThemeNav.themeNavContainer.navMenuType-panel .mainNavItem { display: block; padding: 0 } .forceCommunityThemeNav.themeNavContainer.navMenuType-panel .mainNavItem a, .forceCommunityThemeNav.themeNavContainer.navMenuType-panel .mainNavItem .linkBtn { padding: 10px 20px } .forceCommunityThemeNav.themeNavContainer.navMenuType-panel .mainNavItem.expanded { display: block } .forceCommunityThemeNav.themeNavContainer.navMenuType-panel .themeNavMoreLink { display: none } .forceCommunityThemeNav.themeNavContainer.navMenuType-panel .mainNavItem .subMenuItem a { padding: 5px 40px } .forceCommunityThemeNav.themeNavContainer.navMenuType-panel.themeNavContainer .slds-icon_container { padding-left: 0; position: absolute; right: 20px; line-height: inherit } .forceCommunityThemeNav.themeNavContainer .slds-nubbin_top-left.reverseDropdown:before, .forceCommunityThemeNav.themeNavContainer .slds-nubbin_top-left.reverseDropdown:after, .forceCommunityThemeNav.themeNavContainer .reverseDropdown .slds-nubbin_top-left:before, .forceCommunityThemeNav.themeNavContainer .reverseDropdown .slds-nubbin_top-left:after { left: 9rem } .forceCommunityThemeNav.themeNavContainer .uiMenuList.reverseDropdown { right: 0; left: initial } } @media only screen and (max-width:47.9375em) { .forceCommunityThemeNav .visible-links { flex-direction: column } .forceCommunityThemeNav .uiMenuList { position: relative; margin-top: 0; border-radius: 0; left: 0; border: none; box-shadow: none } .forceCommunityThemeNav .subMenu { width: 100vw; position: static } .forceCommunityThemeNav .comm-navigation__top-level-item-link:focus, .forceCommunityThemeNav .comm-navigation__top-level-item-link a:focus { outline: none; box-shadow: none } .forceCommunityThemeNav .uiMenuList--default .uiMenuItem:first-child>a, .forceCommunityThemeNav .uiMenuList--default .uiMenuItem:last-child>a, .forceCommunityThemeNav .uiMenuList .subMenu, .forceCommunityThemeNav .uiMenuList .subMenu ul { border-radius: 0 } .forceCommunityThemeNav .slds-nubbin_top-left:before, .forceCommunityThemeNav .slds-nubbin_top-left:after { display: none } .forceCommunityThemeNav .mainNavItem .subMenuItem:not(.finalSubMenuItem) a { border: none } .forceCommunityThemeNav .mainNavItem:not(.expanded) .linkBtn, .forceCommunityThemeNav .mainNavItem .uiMenuItem:last-child a { border-bottom: 1px solid #ececec } .forceCommunityThemeNav .mainNavItem { display: block; padding: 0 } .forceCommunityThemeNav .mainNavItem a, .forceCommunityThemeNav .mainNavItem .linkBtn { font-size: 16px !important; padding: 10px 20px } .forceCommunityThemeNav .mainNavItem.expanded { display: block } .forceCommunityThemeNav .themeNavMoreLink { display: none } .forceCommunityThemeNav .mainNavItem .subMenuItem a { padding: 5px 40px } .forceCommunityThemeNav.themeNavContainer .slds-icon_container { padding-left: 0; position: absolute; right: 20px; line-height: inherit } } .forceCommunityThemeNav .uiMenuList.comm-hide { display: none } .forceCommunityThemeNav .focus-hide { outline: none } @media only screen and (max-width:47.9375em) { .forceCommunityThemeNav .mainNavItem a, .forceCommunityThemeNav .mainNavItem .linkBtn { color: var(--lwc-colorTextDefault, rgba(0, 0, 0, 0.8)) } .forceCommunityThemeNav.commThemeCmp .mainNavItem a:hover, .forceCommunityThemeNav.commThemeCmp .mainNavItem a:focus, .forceCommunityThemeNav.commThemeCmp .mainNavItem .linkBtn:hover, .forceCommunityThemeNav.commThemeCmp .mainNavItem .linkBtn:focus { color: var(--lwc-colorTextDefault, rgba(0, 0, 0, 0.8)); background-color: var(--lwc-colorBackgroundRowHover, rgba(146, 177, 229, 0.05)) } .forceCommunityThemeNav .mainNavItem .linkBtn svg { fill: var(--lwc-colorTextDefault, rgba(0, 0, 0, 0.8)) } .forceCommunityThemeNav.commThemeCmp .mainNavItem .linkBtn:hover svg { fill: var(--lwc-colorTextDefault, rgba(0, 0, 0, 0.8)) } } @media only screen and (min-width:48em) { .forceCommunityThemeNav .mainNavItem .subMenu .uiMenuItem a, .forceCommunityThemeNav.closePanelTrigger .closePanelTriggerIcon, .forceCommunityThemeNav.themeNavContainer.navMenuType-panel .mainNavItem a, .forceCommunityThemeNav.themeNavContainer.navMenuType-panel .mainNavItem .linkBtn { color: var(--lwc-colorTextDefault, rgba(0, 0, 0, 0.8)) } .forceCommunityThemeNav.commThemeCmp .mainNavItem .subMenu .uiMenuItem a:hover, .forceCommunityThemeNav.commThemeCmp .mainNavItem .subMenu .uiMenuItem a:focus, .forceCommunityThemeNav.commThemeCmp.closePanelTrigger .closePanelTriggerIcon:hover, .forceCommunityThemeNav.commThemeCmp.themeNavContainer.navMenuType-panel .mainNavItem a:hover, .forceCommunityThemeNav.commThemeCmp.themeNavContainer.navMenuType-panel .mainNavItem a:focus, .forceCommunityThemeNav.commThemeCmp.themeNavContainer.navMenuType-panel .mainNavItem .linkBtn:hover, .forceCommunityThemeNav.commThemeCmp.themeNavContainer.navMenuType-panel .mainNavItem .linkBtn:focus { color: var(--lwc-colorTextDefault, rgba(0, 0, 0, 0.8)); background-color: var(--lwc-colorBackgroundRowHover, rgba(146, 177, 229, 0.05)) } .forceCommunityThemeNav.themeNavContainer.navMenuType-panel .mainNavItem .linkBtn svg { fill: var(--lwc-colorTextDefault, rgba(0, 0, 0, 0.8)) } .forceCommunityThemeNav.commThemeCmp.themeNavContainer.navMenuType-panel .mainNavItem .linkBtn:hover svg { fill: var(--lwc-colorTextDefault, rgba(0, 0, 0, 0.8)) } .forceCommunityThemeNav.navMenuType-expanded .mainNavItem .linkBtn.comm-navigation__top-level-item-link--active { border-bottom: 2px solid var(--lwc-colorBorderBrand, rgb(146, 177, 229)) } .forceCommunityThemeNav.navMenuType-panel.alignPanel-left .mainNavItem .linkBtn.comm-navigation__top-level-item-link--active { border-left: 3px solid var(--lwc-colorBorderBrand, rgb(146, 177, 229)); padding-left: 17px } .forceCommunityThemeNav.navMenuType-panel.alignPanel-right .mainNavItem .linkBtn.comm-navigation__top-level-item-link--active { border-right: 3px solid var(--lwc-colorBorderBrand, rgb(146, 177, 229)) } .forceCommunityThemeNav.commThemeCmp .mainNavItem .subMenu .uiMenuItem:hover:before, .forceCommunityThemeNav.commThemeCmp .mainNavItem .subMenu .uiMenuItem:focus:before { border-bottom-color: var(--lwc-colorBackgroundRowHover, rgba(146, 177, 229, 0.05)) } } @media only screen and (min-width:48em) { .forceCommunityThemeNav .hideNubbin.uiMenuList { margin-top: 36px; width: auto } } .forceCommunityThemeProfileMenu.profile-loginButton { border-color: transparent; background-color: transparent; height: 30px; padding: 0 16px; display: flex; justify-content: center; align-items: center } .forceCommunityThemeProfileMenu.profile-loginButton:hover { transition: all .1s linear; text-decoration: none } .forceCommunityThemeProfileMenu.profile-loginButton:focus { text-decoration: none } .forceCommunityThemeProfileMenu .profile-menuTrigger { display: flex; align-items: center; justify-content: center; height: 30px; background: none; border: none; padding-left: 0; padding-right: 0 } .forceCommunityThemeProfileMenu .profile-menuTrigger:hover, .forceCommunityThemeProfileMenu .profile-menuTrigger:focus { color: inherit; text-decoration: none } .forceCommunityThemeProfileMenu .profile-menuTrigger:focus { box-shadow: 0 0 1px 1px #1589ee; outline: none } .forceCommunityThemeProfileMenu .profile-icon { min-width: 20px; width: 20px; height: 20px; border-radius: 50%; vertical-align: middle } .forceCommunityThemeProfileMenu .profile-name { max-width: 120px; font-size: 14px; display: block } .forceCommunityThemeProfileMenu .profile-name:not(:first-child) { margin-left: 8px } .forceCommunityThemeProfileMenu .profile-menuList.uiMenuList { transform: none; top: 0; right: 0; left: inherit; margin-top: 40px; padding: 0; border-radius: 4px; max-width: none; border: none; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3) } .forceCommunityThemeProfileMenu .profile-menuList.uiMenuList>div { border-radius: 4px } .forceCommunityThemeProfileMenu.profile-menuListOverlay { display: none } .forceCommunityThemeProfileMenu .uiMenuList--default .uiMenuItem:first-child>a { border-top-left-radius: 4px; border-top-right-radius: 4px } .forceCommunityThemeProfileMenu .uiMenuList--default .uiMenuItem:last-child>a { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px } .forceCommunityThemeProfileMenu .uiMenuList--default .uiMenuItem>a:hover, .forceCommunityThemeProfileMenu .uiMenuList--default .uiMenuItem>a:focus, .forceCommunityThemeProfileMenu .uiMenuList--default .uiMenuItem>span:hover, .forceCommunityThemeProfileMenu .uiMenuList--default .uiMenuItem>span:focus { background-color: unset; text-decoration: none; outline: none } .forceCommunityThemeProfileMenu .slds-nubbin_top-right.popupTargetContainer:before { background-color: unset } .forceCommunityThemeProfileMenu .slds-nubbin_top-right.popupTargetContainer:after { box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1) } .forceCommunityThemeProfileMenu .profile-menuItem.uiMenuItem { text-align: left; max-width: 200px; line-height: 30px } .forceCommunityThemeProfileMenu .profile-menuItem.uiMenuItem>a { padding: 5px 10px; font-size: inherit; white-space: nowrap } .forceCommunityThemeProfileMenu .profile-menuItem.uiMenuItem:not(:last-child) a { border-bottom: 1px solid #ececec } .forceCommunityThemeProfileMenu .profile-menuList--iconAndName.profile-name { display: none } .forceCommunityThemeProfileMenu .profile-menuList.uiMenuList.profile-menuList--iconOnly { right: -15px } .forceCommunityThemeProfileMenu .profile-menuList.uiMenuList.profile-menuList--iconAndName { right: -14px } .forceCommunityThemeProfileMenu .profile-menuList.uiMenuList.profile-menuList--iconAndName.dropdownDirection-right { right: -80px } @media only screen and (min-width:64.0625em) { .forceCommunityThemeProfileMenu .profile-menuList--iconAndName.profile-name { display: block } .forceCommunityThemeProfileMenu .profile-menuList.uiMenuList.profile-menuList--iconAndName.dropdownDirection-left { right: 0 } .forceCommunityThemeProfileMenu .profile-menuList.uiMenuList.profile-menuList--iconAndName.dropdownDirection-right { right: -27px } } @media only screen and (min-width:48em) { .forceCommunityThemeProfileMenu .profile-menuList.uiMenuList.profile-menuList--nameOnly.dropdownDirection-right { right: -60px } .forceCommunityThemeProfileMenu .profile-menuList.uiMenuList.profile-menuList--iconOnly.dropdownDirection-right { right: -80px } } @media only screen and (max-width:47.9375em) { .forceCommunityThemeProfileMenu.profile-loginButton { max-width: 75px; padding: 0 12px; font-size: 12px } .forceCommunityThemeProfileMenu .profile-menuTrigger { padding-bottom: 0 } .forceCommunityThemeProfileMenu .profile-menuList.uiMenuList, .forceCommunityThemeProfileMenu .profile-menuList.uiMenuList.profile-menuList--iconOnly { transform: none; left: inherit; right: -10px; border-radius: 0; box-sizing: inherit; position: fixed; top: 47px; padding: 0; margin: 0; left: 0; width: 100vw } .forceCommunityThemeProfileMenu .profile-menuList .profile-menuList { overflow-y: auto } .forceCommunityThemeProfileMenu .profile-menuList ul { max-height: calc(100% - 47px) } .forceCommunityThemeProfileMenu .profile-menuItem.uiMenuItem { max-width: 100vw } .forceCommunityThemeProfileMenu .profile-menuItem.uiMenuItem a { font-size: 16px; text-align: left; line-height: 50px; padding: 0; padding-left: 10px } .forceCommunityThemeProfileMenu .uiMenuList--default .uiMenuItem:last-child>a, .forceCommunityThemeProfileMenu .uiMenuList--default .uiMenuItem:first-child>a { border-radius: 0 } .forceCommunityThemeProfileMenu .profile-menuItem.uiMenuItem:not(:last-child) a { border-bottom: 1px solid #ececec; border-radius: 0 } .forceCommunityThemeProfileMenu .profile-name, .forceCommunityThemeProfileMenu .profile-icon { display: none } .forceCommunityThemeProfileMenu .profile-icon--mobile { display: block } .forceCommunityThemeProfileMenu.profile-menuListOverlay.comm-hide { display: none } .forceCommunityThemeProfileMenu.profile-menuListOverlay { display: block; height: calc(100% - 47px); position: fixed; top: 47px; left: 0; width: 100%; background-color: rgba(0, 0, 0, 0.4) } } .forceCommunityThemeProfileMenu .comm-hide { display: none } .forceCommunityThemeProfileMenu .profile-menuItem.uiMenuItem a { color: var(--lwc-colorTextDefault, rgba(0, 0, 0, 0.8)) } .forceCommunityThemeProfileMenu.commThemeCmp .profile-menuItem.uiMenuItem a:hover, .forceCommunityThemeProfileMenu.commThemeCmp .profile-menuItem.uiMenuItem a:focus { color: var(--lwc-colorTextDefault, rgba(0, 0, 0, 0.8)); background-color: var(--lwc-colorBackgroundRowHover, rgba(146, 177, 229, 0.05)) } .forceCommunityThemeProfileMenu.profile-loginButton { color: var(--lwc-colorTextBrandPrimary, rgba(0, 0, 0, 0.8)); background-color: var(--lwc-colorBackgroundButtonBrand, rgb(146, 177, 229)); border: 1px solid var(--lwc-buttonColorBorderBrandPrimary, rgb(146, 177, 229)); box-shadow: 0 0 1px 0 var(--lwc-buttonColorBorderBrandPrimary, rgb(146, 177, 229)) inset, 0 0 1px 0 var(--lwc-buttonColorBorderBrandPrimary, rgb(146, 177, 229)) } .forceCommunityThemeProfileMenu.commThemeCmp.profile-loginButton:hover { color: var(--lwc-colorTextBrandPrimary, rgba(0, 0, 0, 0.8)); background-color: var(--lwc-colorBackgroundButtonBrandHover, #6994db) } .forceCommunityThemeHeaderBase { color: var(--lwc-colorTextLink, #005FB2); width: 100%; position: relative; z-index: 5 } .forceCommunityThemeHeaderBase .themeBgImage, .forceCommunityThemeHeaderBase .themeBgOverlay { width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0 } .forceCommunityThemeHeaderBase .themeBgImage { z-index: 1 } .forceCommunityThemeHeaderBase .themeBgOverlay { z-index: 2 } .themeBottomBorder { width: 100%; height: 1px; position: absolute; top: 100%; left: 0; right: 0; bottom: 0; z-index: 3; background-color: #80a5c7 !important; } @media only screen and (max-width:47.9375em) { .forceCommunityThemeHeaderBase { height: 48px } } .forceCommunityThemeHeaderCompact { /* padding-left: 20px; padding-right: 20px; */ padding-left: 10px; padding-right: 10px; max-width: 1080px; margin: 0 auto; } .forceCommunityThemeHeaderCompact .themeHeaderInner { opacity: 1; display: flex; position: relative; z-index: 3; align-items: center; /* height: 100%; */ min-height: 34px; max-width: 100% } .forceCommunityThemeHeaderCompact .themeLogo { display: flex } .forceCommunityThemeHeaderCompact .themeNav { display: block; flex-grow: 1; flex-basis: 0; min-width: 0 } .forceCommunityThemeHeaderCompact .themeNavOverlay { z-index: 5001; position: fixed; top: 0; left: 0; bottom: 0; width: 100%; max-width: 100vw; max-height: 0; background-color: rgba(0, 0, 0, 0.5); transition: opacity .3s, max-height 0s .3s; opacity: 0 } .forceCommunityThemeHeaderCompact .themeNavOverlay.visible { opacity: 1; max-height: 100vh; transition: opacity .3s, max-height 0s } .forceCommunityThemeHeaderCompact .themeUtil .slds-button:focus { box-shadow: 0 0 1px 1px #1589ee; outline: none } .forceCommunityThemeHeaderCompact .themeUtils { flex-grow: 0; text-align: right; padding-left: 60px } .forceCommunityThemeHeaderCompact .themeUtils .themeUtilsContainer { display: flex; justify-content: flex-end; align-items: center } .forceCommunityThemeHeaderCompact .themeUtils .themeUtil { margin-left: 20px; display: flex } .forceCommunityThemeHeaderCompact .themeUtils .themeUtil .slds-icon_container { margin: 0; width: 18px; height: 18px } .forceCommunityThemeHeaderCompact .themeUtils .themeCartIcon svg { margin: 0; max-height: 18px; max-width: 18px } .forceCommunityThemeHeaderCompact .themeUtils .themeUtil .slds-icon-waffle_container { display: flex } .forceCommunityThemeHeaderCompact .themeAppLauncher .forceHeaderButton .tooltipTrigger { vertical-align: baseline } .forceCommunityThemeHeaderCompact .themeNotifications:empty { display: none } .forceCommunityThemeHeaderCompact .themeUtils .themeUtil .uiTooltip .tooltip-invisible { max-width: 100% } .forceCommunityThemeHeaderCompact .themeNotifications .unsNotificationsCounter { margin: 0; padding: 0; width: auto } .forceCommunityThemeHeaderCompact .comm-hide { display: none } .forceCommunityThemeHeaderCompact.search-expanded .themeHeaderInner { justify-content: space-between } .forceCommunityThemeHeaderCompact.search-expanded .themeNotifications, .forceCommunityThemeHeaderCompact.search-expanded .themeProfileMenu, .forceCommunityThemeHeaderCompact.search-expanded .themeAppLauncher, .forceCommunityThemeHeaderCompact.search-expanded .themeCartIcon { display: none } .forceCommunityThemeHeaderCompact.search-expanded .themeHeaderInner.centerAlignLogo-false .themeNav { visibility: hidden } .forceCommunityThemeHeaderCompact.search-expanded .search-triggercloseButton { display: block } .forceCommunityThemeHeaderCompact .themeAppLauncher .forceHeaderButton, .forceCommunityThemeHeaderCompact .themeNotifications .unsNotificationsCounter { box-shadow: none } .forceCommunityThemeHeaderCompact .themeAppLauncher .forceHeaderButton:hover, .forceCommunityThemeHeaderCompact .themeAppLauncher .forceHeaderButton:focus, .forceCommunityThemeHeaderCompact .themeNotifications .unsNotificationsCounter:hover, .forceCommunityThemeHeaderCompact .themeNotifications .unsNotificationsCounter:focus { background-color: transparent; background-image: none } .forceCommunityThemeHeaderCompact .forceCommunitySearchBox .search-container { border: 1px solid rgba(80, 80, 80, 0.5) } .forceCommunityThemeHeaderCompact .forceCommunitySearchBox .search-field-wrapper { display: block } .forceCommunityThemeHeaderCompact .forceCommunitySearchBox .search-field { min-height: initial; border-radius: 0; height: 30px; padding: 0 72px 0 12px } .forceCommunityThemeHeaderCompact .forceCommunitySearchBox .search-field:focus { padding-left: 12px } .forceCommunityThemeHeaderCompact .forceCommunitySearchBox .search-button, .forceCommunityThemeHeaderCompact .forceCommunitySearchBox .has-input .search-button, .forceCommunityThemeHeaderCompact .forceCommunitySearchBox .search-button.focus { width: 60px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 8px } .forceCommunityThemeHeaderCompact .forceCommunitySearchBox .mobile-search-icon svg, .forceCommunityThemeHeaderCompact .forceCommunitySearchBox .zero-state-panel svg, .forceCommunityThemeHeaderCompact .forceCommunitySearchBox .forceCommunityDeflectionOption .search-icon.slds-icon_container svg, .forceCommunityThemeHeaderCompact .forceCommunitySearchBox .forceCommunityDeflectionOption .forceChatterCompactFeedMetric svg { fill: rgba(0, 0, 0, 0.7) !important } .forceCommunityThemeHeaderCompact .forceCommunitySearchBox .mobile-search-icon .slds-icon-utility-search.slds-icon_container { height: 15px; position: relative; right: 10px; top: -1px } .forceCommunityThemeHeaderCompact .forceCommunitySearchBox.show-result .result-container { margin-top: 4px } .forceCommunityThemeHeaderCompact .forceCommunitySearchBox .forceCommunityDeflectionOption .search-icon.slds-icon_container { margin-top: 0; height: 35px } .forceCommunityThemeHeaderCompact .fadein { display: block; animation: fadein .3s } @keyframes fadein { from { opacity: 0 } to { opacity: 1 } } @media only screen and (min-width:48em) { .forceCommunityThemeHeaderCompact .themeHeaderInner.centerAlignLogo-true .themeLogo { margin-right: 40px; margin-left: 40px } .forceCommunityThemeHeaderCompact .themeHeaderInner.centerAlignLogo-true .themeNav { flex-grow: 1; flex-basis: 0 } .forceCommunityThemeHeaderCompact .themeHeaderInner.centerAlignLogo-true .themeUtils { flex-grow: 1; flex-basis: 0; padding-left: 0 } .forceCommunityThemeHeaderCompact .themeHeaderInner.centerAlignLogo-true .themeNavTriggerContainer { flex-grow: 1; flex-basis: 0 } .forceCommunityThemeHeaderCompact .themeHeaderInner.centerAlignLogo-true.showNavMenuOnLeft-false .themeUtils .themeUtil { margin-right: 20px; margin-left: 0 } .forceCommunityThemeHeaderCompact .themeHeaderInner.centerAlignLogo-true.showNavMenuOnLeft-false .themeUtils { justify-content: flex-start } .forceCommunityThemeHeaderCompact .themeHeaderInner.centerAlignLogo-true.showNavMenuOnLeft-false .themeUtils .themeUtilsContainer { justify-content: flex-start } .forceCommunityThemeHeaderCompact .themeHeaderInner.centerAlignLogo-true.showNavMenuOnLeft-false .themeProfileMenu { margin-left: 0 } .forceCommunityThemeHeaderCompact .themeHeaderInner.centerAlignLogo-true.showNavMenuOnLeft-false .themeNavTriggerContainer { flex-grow: 1; flex-basis: 0; display: flex; justify-content: flex-end } .forceCommunityThemeHeaderCompact .themeHeaderInner.centerAlignLogo-true.showNavMenuOnLeft-true .themeNavTriggerContainer { display: flex } .forceCommunityThemeHeaderCompact .themeHeaderInner.centerAlignLogo-true .themeNavTriggerContainer.open { visibility: hidden } .forceCommunityThemeHeaderCompact .themeHeaderInner.centerAlignLogo-true.searchStyle-expanded .themeUtils .themeSearch { width: 100%; max-width: 310px } .forceCommunityThemeHeaderCompact .themeHeaderInner.centerAlignLogo-false.searchStyle-expanded .themeUtils .themeSearch { width: 310px } .forceCommunityThemeHeaderCompact .themeHeaderInner.centerAlignLogo-false.searchStyle-expanded .themeUtils .themeUtilsContainer { max-width: 50vw } .forceCommunityThemeHeaderCompact .themeNav.panel { position: fixed; top: 0; bottom: 0; width: 300px; max-height: 100vh; overflow: auto; z-index: 5002; visibility: hidden } .forceCommunityThemeHeaderCompact .themeNav.panel-left { left: -300px; transform: translate3d(0, 0, 0); transition: transform .3s ease-in-out, visibility 0s linear .3s } .forceCommunityThemeHeaderCompact .themeNav.panel-left.open { visibility: visible; transform: translate3d(300px, 0, 0); transition: transform .3s ease-in-out, visibility 0s linear } .forceCommunityThemeHeaderCompact .themeNav.panel-right { right: -300px; left: initial; transform: translate3d(0, 0, 0); transition: transform .3s ease-in-out, visibility 0s linear .3s } .forceCommunityThemeHeaderCompact .themeNav.panel-right.open { visibility: visible; transform: translate3d(-300px, 0, 0); transition: transform .3s ease-in-out, visibility 0s linear } .forceCommunityThemeHeaderCompact .themeLogo { margin-right: 40px } .forceCommunityThemeHeaderCompact .themeUtils .themeUtil svg { height: 100% } .forceCommunityThemeHeaderCompact.search-expanded .themeUtils { width: 100% } .forceCommunityThemeHeaderCompact.search-expanded .themeHeaderInner.centerAlignLogo-false .themeUtils .themeSearch, .forceCommunityThemeHeaderCompact.search-expanded .themeHeaderInner.centerAlignLogo-true .themeUtils .themeSearch { width: 100%; max-width: 475px } } @media only screen and (max-width:47.9375em) { .forceCommunityThemeHeaderCompact { padding-left: 0; padding-right: 0; /* position: fixed; */ background-color: #fff; } .forceCommunityThemeHeaderCompact .themeLogo { position: absolute; left: 50%; transform: translateX(-50%); padding-top: 1px } .forceCommunityThemeHeaderCompact .themeHeaderInner[style] { padding: 10px 12px !important; min-height: auto } .forceCommunityThemeHeaderCompact .themeNav { display: none; position: absolute; top: 49px; left: 0; right: 0; width: 100%; /* max-height: calc(100% - 48px); */ overflow: auto; z-index: 5002; color: #fff } .forceCommunityThemeHeaderCompact .themeNavOverlay { top: 49px } .forceCommunityThemeHeaderCompact .themeUtils { flex-grow: 1; text-align: right; padding-left: 0 } .forceCommunityThemeHeaderCompact .themeUtils .themeUtil { margin-left: 2px; height: 30px; display: flex; align-items: center } .forceCommunityThemeHeaderCompact .themeUtils .themeUtilsContainer:not(:last-child) { margin-right: 10px } .forceCommunityThemeHeaderCompact .themeUtils .themeUtil.themeAppLauncher { display: none } .forceCommunityThemeHeaderCompact .themeNotifications .unsNotificationsCounter svg { width: 19px; height: 21px } .forceCommunityThemeHeaderCompact .themeUtils .themeNotifications, .forceCommunityThemeHeaderCompact .themeUtils .themeCartIcon { margin-left: 9px } .forceCommunityThemeHeaderCompact .themeUtils .themeUtil.themeNotifications:empty { display: none } .forceCommunityThemeHeaderCompact .themeUtils .themeProfileMenu { margin-left: 11px; position: relative; top: 1px } .forceCommunityThemeHeaderCompact.search-expanded .themeNotifications, .forceCommunityThemeHeaderCompact.search-expanded .themeProfileMenu, .forceCommunityThemeHeaderCompact.search-expanded .themeLogo, .forceCommunityThemeHeaderCompact.search-expanded .themeNavTriggerContainer, .forceCommunityThemeHeaderCompact.search-expanded .themeCartIcon { display: none !important } .forceCommunityThemeHeaderCompact.search-expanded .themeSearch { width: 100% } .forceCommunityThemeHeaderCompact.search-expanded .themeNav { visibility: none } .forceCommunityThemeHeaderCompact.search-expanded .themeUtilsContainer { display: block } .forceCommunityThemeHeaderCompact .themeHeaderInner.centerAlignLogo-true.showNavMenuOnLeft-false .themeNavTriggerContainer { order: 0 } .forceCommunityThemeHeaderCompact .themeHeaderInner.centerAlignLogo-true.showNavMenuOnLeft-false .themeLogo { order: 1 } .forceCommunityThemeHeaderCompact .themeHeaderInner.centerAlignLogo-true.showNavMenuOnLeft-false .themeUtils { order: 2 } .forceCommunityThemeHeaderCompact .themeHeaderInner.centerAlignLogo-true.showNavMenuOnLeft-false .themeUtils .themeSearch { order: 0 } .forceCommunityThemeHeaderCompact .themeHeaderInner.centerAlignLogo-true.showNavMenuOnLeft-false .themeUtils .themeAppLauncher { order: 1 } .forceCommunityThemeHeaderCompact .themeHeaderInner.centerAlignLogo-true.showNavMenuOnLeft-false .themeUtils .themeNotifications { order: 2 } .forceCommunityThemeHeaderCompact .themeHeaderInner.centerAlignLogo-true.showNavMenuOnLeft-false .themeUtils .themeProfileMenu { order: 3 } .forceCommunityThemeHeaderCompact .themeHeaderInner .themeNavTriggerContainer { display: flex } .forceCommunityThemeHeaderCompact .forceCommunitySearchBox .search-input-group { display: initial; border-radius: initial; overflow: initial } .forceCommunityThemeHeaderCompact .forceCommunitySearchBox .search-field-wrapper.smallOnlyDisplay { display: inline-block } .forceCommunityThemeHeaderCompact .forceCommunitySearchBox .search-field { width: 100%; height: 3rem; padding-left: 14px; padding-right: 72px } .forceCommunityThemeHeaderCompact .forceCommunitySearchBox .search-field:focus { padding-left: 14px; outline: 0; border-color: rgb(21, 137, 238); border-width: 0 0 1px 0; border-style: solid; background-color: rgb(255, 255, 255); box-shadow: 0 0 3px #0070d2 } .forceCommunityThemeHeaderCompact .forceCommunitySearchBox .mobile-search-icon { display: none } .forceCommunityThemeHeaderCompact .forceCommunitySearchBox.show-result .result-container { margin-top: 0 } .forceCommunityThemeHeaderCompact .forceCommunitySearchBox .zero-state-panel .zero-state-icon { margin-right: 8px } .forceCommunityThemeHeaderCompact .forceCommunitySearchBox .body-search { opacity: 0 } .forceCommunityThemeHeaderCompact .forceCommunitySearchBox.focused .body-search { opacity: 1 } .forceCommunityThemeHeaderCompact .forceCommunitySearchBox .forceCommunityDeflectionOption .search-icon.slds-icon_container { margin-top: 12px } } .uiOutputRichText em { font-style: italic } .uiOutputRichText strong { font-weight: bold } .forceCommunityRichText { word-wrap: break-word } .forceCommunityRichText img.sfdcCbImage { max-width: 100%; height: auto !important } .forceCommunityRichText .sfdcCbVideoContainer { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100% } .forceCommunityRichText .sfdcCbVideoContainer iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none } .forceCommunityRichText a { color: var(--lwc-colorTextLink, #005FB2) } .forceCommunityRichText a:focus, .forceCommunityRichText a:hover { text-decoration: underline } .forceCommunityRichText a:hover { color: var(--lwc-colorTextLinkHover, #004989) } .forceCommunityRichText a:focus, .forceCommunityRichText a:active { color: var(--lwc-colorTextLinkActive, #004989) } .forceCommunityRichText ol, .forceCommunityRichText ul { padding-left: 1.5em } .forceCommunityRichText ol>li, .forceCommunityRichText ul>li { list-style-type: none } .forceCommunityRichText ul>li:before { content: '\2022' } .forceCommunityRichText ul[data-checked=true], .forceCommunityRichText ul[data-checked=false] { pointer-events: none } .forceCommunityRichText ul[data-checked=true]>li:before, .forceCommunityRichText ul[data-checked=false]>li:before { color: #777; cursor: pointer; pointer-events: all } .forceCommunityRichText ul[data-checked=true]>li:before { content: '\2611' } .forceCommunityRichText ul[data-checked=false]>li:before { content: '\2610' } .forceCommunityRichText li:before { display: inline-block; margin-right: .3em; text-align: right; white-space: nowrap; width: 1.2em } .forceCommunityRichText li:not(.ql-direction-rtl):before { margin-left: -1.5em } .forceCommunityRichText ol li, .forceCommunityRichText ul li { padding-left: 1.5em } .forceCommunityRichText ol li { counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; counter-increment: list-num } .forceCommunityRichText ol li:before { content: counter(list-num, decimal) '. ' } .forceCommunityRichText ol li.ql-indent-1 { counter-increment: list-1 } .forceCommunityRichText ol li.ql-indent-1:before { content: counter(list-1, lower-alpha) '. ' } .forceCommunityRichText ol li.ql-indent-1 { counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9 } .forceCommunityRichText ol li.ql-indent-2 { counter-increment: list-2 } .forceCommunityRichText ol li.ql-indent-2:before { content: counter(list-2, lower-roman) '. ' } .forceCommunityRichText ol li.ql-indent-2 { counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9 } .forceCommunityRichText ol li.ql-indent-3 { counter-increment: list-3 } .forceCommunityRichText ol li.ql-indent-3:before { content: counter(list-3, decimal) '. ' } .forceCommunityRichText ol li.ql-indent-3 { counter-reset: list-4 list-5 list-6 list-7 list-8 list-9 } .forceCommunityRichText ol li.ql-indent-4 { counter-increment: list-4 } .forceCommunityRichText ol li.ql-indent-4:before { content: counter(list-4, lower-alpha) '. ' } .forceCommunityRichText ol li.ql-indent-4 { counter-reset: list-5 list-6 list-7 list-8 list-9 } .forceCommunityRichText ol li.ql-indent-5 { counter-increment: list-5 } .forceCommunityRichText ol li.ql-indent-5:before { content: counter(list-5, lower-roman) '. ' } .forceCommunityRichText ol li.ql-indent-5 { counter-reset: list-6 list-7 list-8 list-9 } .forceCommunityRichText ol li.ql-indent-6 { counter-increment: list-6 } .forceCommunityRichText ol li.ql-indent-6:before { content: counter(list-6, decimal) '. ' } .forceCommunityRichText ol li.ql-indent-6 { counter-reset: list-7 list-8 list-9 } .forceCommunityRichText ol li.ql-indent-7 { counter-increment: list-7 } .forceCommunityRichText ol li.ql-indent-7:before { content: counter(list-7, lower-alpha) '. ' } .forceCommunityRichText ol li.ql-indent-7 { counter-reset: list-8 list-9 } .forceCommunityRichText ol li.ql-indent-8 { counter-increment: list-8 } .forceCommunityRichText ol li.ql-indent-8:before { content: counter(list-8, lower-roman) '. ' } .forceCommunityRichText ol li.ql-indent-8 { counter-reset: list-9 } .forceCommunityRichText ol li.ql-indent-9 { counter-increment: list-9 } .forceCommunityRichText ol li.ql-indent-9:before { content: counter(list-9, decimal) '. ' } .forceCommunityRichText .ql-indent-1:not(.ql-direction-rtl) { padding-left: 3em } .forceCommunityRichText li.ql-indent-1:not(.ql-direction-rtl) { padding-left: 4.5em } .forceCommunityRichText .ql-indent-1.ql-direction-rtl.ql-align-right { padding-right: 3em } .forceCommunityRichText li.ql-indent-1.ql-direction-rtl.ql-align-right { padding-right: 4.5em } .forceCommunityRichText .ql-indent-2:not(.ql-direction-rtl) { padding-left: 6em } .forceCommunityRichText li.ql-indent-2:not(.ql-direction-rtl) { padding-left: 7.5em } .forceCommunityRichText .ql-indent-2.ql-direction-rtl.ql-align-right { padding-right: 6em } .forceCommunityRichText li.ql-indent-2.ql-direction-rtl.ql-align-right { padding-right: 7.5em } .forceCommunityRichText .ql-indent-3:not(.ql-direction-rtl) { padding-left: 9em } .forceCommunityRichText li.ql-indent-3:not(.ql-direction-rtl) { padding-left: 10.5em } .forceCommunityRichText .ql-indent-3.ql-direction-rtl.ql-align-right { padding-right: 9em } .forceCommunityRichText li.ql-indent-3.ql-direction-rtl.ql-align-right { padding-right: 10.5em } .forceCommunityRichText .ql-indent-4:not(.ql-direction-rtl) { padding-left: 12em } .forceCommunityRichText li.ql-indent-4:not(.ql-direction-rtl) { padding-left: 13.5em } .forceCommunityRichText .ql-indent-4.ql-direction-rtl.ql-align-right { padding-right: 12em } .forceCommunityRichText li.ql-indent-4.ql-direction-rtl.ql-align-right { padding-right: 13.5em } .forceCommunityRichText .ql-indent-5:not(.ql-direction-rtl) { padding-left: 15em } .forceCommunityRichText li.ql-indent-5:not(.ql-direction-rtl) { padding-left: 16.5em } .forceCommunityRichText .ql-indent-5.ql-direction-rtl.ql-align-right { padding-right: 15em } .forceCommunityRichText li.ql-indent-5.ql-direction-rtl.ql-align-right { padding-right: 16.5em } .forceCommunityRichText .ql-indent-6:not(.ql-direction-rtl) { padding-left: 18em } .forceCommunityRichText li.ql-indent-6:not(.ql-direction-rtl) { padding-left: 19.5em } .forceCommunityRichText .ql-indent-6.ql-direction-rtl.ql-align-right { padding-right: 18em } .forceCommunityRichText li.ql-indent-6.ql-direction-rtl.ql-align-right { padding-right: 19.5em } .forceCommunityRichText .ql-indent-7:not(.ql-direction-rtl) { padding-left: 21em } .forceCommunityRichText li.ql-indent-7:not(.ql-direction-rtl) { padding-left: 22.5em } .forceCommunityRichText .ql-indent-7.ql-direction-rtl.ql-align-right { padding-right: 21em } .forceCommunityRichText li.ql-indent-7.ql-direction-rtl.ql-align-right { padding-right: 22.5em } .forceCommunityRichText .ql-indent-8:not(.ql-direction-rtl) { padding-left: 24em } .forceCommunityRichText li.ql-indent-8:not(.ql-direction-rtl) { padding-left: 25.5em } .forceCommunityRichText .ql-indent-8.ql-direction-rtl.ql-align-right { padding-right: 24em } .forceCommunityRichText li.ql-indent-8.ql-direction-rtl.ql-align-right { padding-right: 25.5em } .forceCommunityRichText .ql-indent-9:not(.ql-direction-rtl) { padding-left: 27em } .forceCommunityRichText li.ql-indent-9:not(.ql-direction-rtl) { padding-left: 28.5em } .forceCommunityRichText .ql-indent-9.ql-direction-rtl.ql-align-right { padding-right: 27em } .forceCommunityRichText li.ql-indent-9.ql-direction-rtl.ql-align-right { padding-right: 28.5em } .forceCommunityRichText h1 { font-size: var(--lwc-fontSizeHeadingLarge, 1.5rem) } .forceCommunityRichText h2 { font-size: var(--lwc-fontSizeHeadingMedium, 1.125rem); font-weight: var(--lwc-fontWeightBold, 700) } .forceCommunityRichText h3 { font-size: var(--lwc-fontSizeHeadingMedium, 1.125rem) } .forceCommunityRichText h4 { font-size: var(--lwc-fontSizeHeadingSmall, 0.875rem); font-weight: var(--lwc-fontWeightBold, 700) } .forceCommunityRichText h5 { font-size: var(--lwc-fontSizeHeadingSmall, 0.875rem) } .forceCommunityRichText h6 { font-size: var(--lwc-fontSizeHeadingXSmall, 0.75rem); font-weight: var(--lwc-fontWeightBold, 700) } .forceCommunityHtmlBlock ol { counter-reset: list-num list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9 } .forceCommunityHtmlBlock .uiOutputRichText p { max-width: 100% } .siteforceThemeLayoutStarter { position: relative; z-index: 1; font-size: .8125rem; width: 100%; touch-action: manipulation } .siteforceThemeLayoutStarter * { box-sizing: border-box } .siteforceThemeLayoutStarter ::-moz-selection { background: #b4d5fe !important } .siteforceThemeLayoutStarter ::selection { background: #b4d5fe !important } .siteforceThemeLayoutStarter.no-scroll { position: fixed } .siteforceThemeLayoutStarter .header { transition: background .5s ease; position: relative; } .siteforceThemeLayoutStarter .hero { position: relative } .siteforceThemeLayoutStarter.isHeroUnderHeader-true>.header { position: absolute; top: 0; left: 0; right: 0; z-index: 5 } .siteforceThemeLayoutStarter.isHeaderPinned-true>.header { position: fixed; top: 0; left: 0; right: 0; z-index: 5 } .siteforceThemeLayoutStarter>.body.isPageWidthFixed-true { margin: 0 auto; max-width: 100% } .siteforceThemeLayoutStarter>.body:focus { outline: none } .forceCommunityThemeHeaderCompact .search-triggerButton svg { fill: rgb(0, 0, 0); } .forceCommunityThemeHeaderCompact .search-triggerButton:focus svg { fill: rgb(0, 0, 0); } .forceCommunityThemeHeaderCompact .search-triggerButton:hover svg { fill: rgb(7, 89, 153); } .forceCommunityThemeHeaderCompact .search-triggercloseButton svg { fill: rgb(0, 0, 0); } .forceCommunityThemeHeaderCompact .search-triggercloseButton:hover svg { fill: rgb(7, 89, 153); } .forceCommunityThemeHeaderCompact .themeAppLauncher .slds-icon-waffle div { background-color: rgb(0, 0, 0); } .forceCommunityThemeHeaderCompact .themeAppLauncher .slds-icon-waffle:hover div { background-color: rgb(7, 89, 153); } .forceCommunityThemeHeaderCompact .themeUtils .themeUtil.themeNotifications button svg { fill: rgb(0, 0, 0); } .forceCommunityThemeHeaderCompact .themeUtils .themeUtil.themeNotifications:hover button svg { fill: rgb(7, 89, 153); } .uiTooltip .tooltip-invisible { width: 1px; } @media only screen and (max-width: 47.9375em) { .uiPanel--notificationsPanel { width: 1335px; left: 0 !important; } .unsNotificationsPanel .listContainer { width: auto; } } .forceTopicFeaturedTopicItem.topicItem { display: block; padding: 1px; width: 50%; height: 200px; box-sizing: border-box; float: left } .forceTopicFeaturedTopicItem .topicLink { position: relative; display: block; width: 100%; height: 100%; overflow: hidden } .forceTopicFeaturedTopicItem .topicImage { background-position: center; background-size: cover; background-repeat: no-repeat; width: 100%; height: 100%; z-index: -1 } .forceTopicFeaturedTopicItem .topicContent { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: table; table-layout: fixed } .forceTopicFeaturedTopicItem .topicLabel { color: var(--lwc-colorTextInverse, rgba(0, 0, 0, 0.8)); vertical-align: middle; text-align: center; overflow: hidden; text-overflow: ellipsis; padding: var(--lwc-fcSpacingXSmall, 8px) } @media only screen and (min-width:48em) { .forceTopicFeaturedTopicItem.topicItem { height: 360px } .forceTopicFeaturedTopicItem .topicLabel { padding: var(--lwc-fcSpacingMedium, 18px) } } @media only screen and (min-width:48em) and (min-aspect-ratio:4/3), only screen and (min-width:64.0625em) { .forceTopicFeaturedTopicItem.topicItem { width: 33.33333333333333%; height: 250px } } .forceChatterRecommendationCarouselWidget h2 { text-transform: uppercase; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: var(--lwc-fontSizeLarge, 1rem); font-weight: var(--lwc-fontWeightBold, 700) } .forceCommunityRecommendations .rec-cardHeader { font-size: var(--lwc-fcFontSizeLarge, 1rem); font-weight: var(--lwc-fontWeightBold, 700); line-height: var(--lwc-fcLineHeightText, 1.5); margin-bottom: var(--lwc-fcSpacingXSmall, 8px) } .forceTopicFeaturedTopics .stylingOverrideHook_5560 .topicContent { background-color: rgba(255, 255, 255, 0.4) } .forceTopicFeaturedTopics .stylingOverrideHook_5560 .topicContent:hover, .forceTopicFeaturedTopics .stylingOverrideHook_5560 .topicLink:focus .topicContent { background-color: rgb(255, 255, 255) } .forceTopicFeaturedTopics .stylingOverrideHook_5560 .topicItem a { border-radius: 0% } .forceTopicFeaturedTopics .stylingOverrideHook_5560 .topicContent .topicLabel { background-color: rgba(0, 0, 0, 0) } .forceTopicFeaturedTopics .stylingOverrideHook_5560 .topicContent:hover .topicLabel, .forceTopicFeaturedTopics .stylingOverrideHook_5560 .topicLink:focus .topicContent .topicLabel { background-color: rgba(0, 0, 0, 0) } .forceTopicFeaturedTopics .stylingOverrideHook_5560 .topicContent .topicLabel { width: 100% } .forceTopicFeaturedTopics .stylingOverrideHook_5560 .topicContent .topicLabel { align-self: center } .forceTopicFeaturedTopics .stylingOverrideHook_5560 .topicContent { justify-content: center } .forceTopicFeaturedTopics .stylingOverrideHook_5560 .topicContent .topicLabel { text-align: center } .forceCommunityPlaceholder.forcePlaceholder .placeholder .text.text-thicker { height: var(--lwc-fcSpacingMedium, 18px) } .forceCommunityPlaceholder.forcePlaceholder .placeholder .flex-row { padding: var(--lwc-fcSpacingMedium, 18px) } .forceCommunityPlaceholder.forcePlaceholder .placeholder .col--padded { padding-right: var(--lwc-fcSpacingSmall, 14px); padding-left: var(--lwc-fcSpacingSmall, 14px) } .forceCommunityPlaceholder.forcePlaceholder .placeholder .grid--pull-padded { margin-right: calc(-1 * var(--lwc-fcSpacingSmall, 14px)); margin-left: calc(-1 * var(--lwc-fcSpacingSmall, 14px)) } .forceCommunityPlaceholder.forcePlaceholder .placeholder .border-top { border-top: 1px solid var(--lwc-colorBorder, #D4D4D4) } .forceCommunityPlaceholder.forcePlaceholder .placeholder .p-around--medium { padding: var(--lwc-fcSpacingMedium, 18px) } .forceCommunityPlaceholder.forcePlaceholder .placeholder .p-bottom--small { padding-bottom: var(--lwc-fcSpacingSmall, 14px) } .forceCommunityPlaceholder.forcePlaceholder .placeholder .p-top--small { padding-top: var(--lwc-fcSpacingSmall, 14px) } .forceCommunityPlaceholder.forcePlaceholder .placeholder .p-top--medium { padding-top: var(--lwc-fcSpacingMedium, 18px) } .forceCommunityPlaceholder.forcePlaceholder .placeholder .p-bottom--large { padding-bottom: var(--lwc-fcFontSizeXLarge, 1.25rem) } .forceCommunityPlaceholder.forcePlaceholder .placeholder .text.text-headerthick { height: 30px } .forceCommunityPlaceholder.forcePlaceholder .placeholder .text-dot { width: 6px; margin: 0 var(--lwc-fcSpacingXSmall, 8px) } .forceCommunityPlaceholder.forcePlaceholder .placeholder .text-thick.text-dot { width: 6px; height: 6px; margin: 10px var(--lwc-fcSpacingXSmall, 8px) 0 var(--lwc-fcSpacingXSmall, 8px) } .forceCommunityPlaceholder.forcePlaceholder .placeholder .text.text-last { margin-bottom: 0 } .forceCommunityPlaceholder.forcePlaceholder .placeholder .dark { background-color: var(--lwc-colorBackgroundAlt2, rgb(243, 243, 243)) } .forceCommunityPlaceholder.forcePlaceholder .simple_list_with_icon, .forceCommunityPlaceholder.forcePlaceholder .simple_list, .forceCommunityPlaceholder.forcePlaceholder .form_body, .forceCommunityPlaceholder.forcePlaceholder .userProfileStats { overflow: hidden } .forceCommunityPlaceholder.forcePlaceholder .form_body .text { margin-bottom: var(--lwc-fcSpacingMedium, 18px) } .forceCommunityPlaceholder.forcePlaceholder .placeholder.simple_list_with_icon .field { padding: var(--lwc-fcSpacingSmall, 14px) var(--lwc-fcSpacingMedium, 18px) } .forceCommunityPlaceholder.forcePlaceholder .userProfileStats .placeholder.detail .field { display: block; overflow: hidden } .forceCommunityPlaceholder.forcePlaceholder .userProfileStats .placeholder.detail .text { float: left; margin: 0 } .forceCommunityPlaceholder.forcePlaceholder .userProfileStats .placeholder.detail .text:last-child { float: right } .forceCommunityPlaceholder.forcePlaceholder .placeholder.topicCatalog .col--padded .text { margin-top: .5rem; margin-bottom: 1.625rem } .forceCommunityPlaceholder.forcePlaceholder .placeholder.topicCatalog .size--1-of-1 { width: 100% } .forceCommunityPlaceholder.forcePlaceholder .button { background-color: var(--lwc-colorBackgroundStencilAlt, rgb(243, 243, 243)); border-radius: var(--lwc-borderRadiusSmall, 0.125rem); padding: var(--lwc-fcSpacingMedium, 18px); font-size: var(--lwc-fcFontSizeLarge, 1rem) } .forceCommunityPlaceholder.forcePlaceholder .button .text { border-radius: var(--lwc-borderRadiusPill, 15rem); height: var(--lwc-fcSpacingSmall, 14px); width: 45% } .forceCommunityPlaceholder.forcePlaceholder .button .text.text-white { background-color: var(--lwc-colorTextButtonBrand, rgba(0, 0, 0, 0.8)) } .forceCommunityPlaceholder.forcePlaceholder .placeholder.groupHeadline .body { border: 1px solid var(--lwc-colorBackgroundStencil, rgb(243, 243, 243)); border-radius: var(--lwc-borderRadiusMedium, 0.25rem) } .forceCommunityPlaceholder.forcePlaceholder .placeholder.groupHeadline .group-photo { width: 150px; height: 150px; background-color: var(--lwc-colorBackgroundStencilAlt, rgb(243, 243, 243)); border-radius: var(--lwc-borderRadiusMedium, 0.25rem); margin-right: var(--lwc-fcSpacingMedium, 18px) } .forceCommunityPlaceholder.forcePlaceholder .placeholder.groupHeadline .align-right { justify-content: flex-end } .forceCommunityPlaceholder .singleArticleView .text { margin-bottom: 1.125rem } .forceCommunityPlaceholder.forcePlaceholder .placeholder.singleArticleView .flex-grow { margin-top: 1.125rem } .forceCommunityPlaceholder .languagePicker .anchor, .forceCommunityPlaceholder .caseHighlights .anchor { padding: var(--lwc-fcSpacingMedium, 18px) } .forceCommunityPlaceholder.forcePlaceholder .placeholder .profile-photo { width: 80%; max-width: 200px; height: 110px; background-color: var(--lwc-colorBackgroundStencilAlt, rgb(243, 243, 243)); border-radius: var(--lwc-borderRadiusMedium, 0.25rem); display: inline-block } .forceCommunityPlaceholder .placeholder.tabs .body { padding-bottom: .5rem; background-color: var(--lwc-colorPageBackground, #FFFFFF) } .forceCommunityPlaceholder .placeholder.tabs .border-bottom { border-bottom: 4px solid var(--lwc-colorBorder, #D4D4D4) } .forceCommunityPlaceholder .placeholder.blank_box { height: var(--lwc-sizeLarge, 25rem); background-color: var(--lwc-colorPageBackground, #FFFFFF) } .forceCommunityPlaceholder .placeholder.blank_box_small { height: var(--lwc-sizeXSmall, 12rem); background-color: var(--lwc-colorPageBackground, #FFFFFF) } .forceCommunityPlaceholder .placeholder .button.button-custom-carousel { width: 8rem } .forceCommunityPlaceholder .placeholder .title { background-color: var(--lwc-colorBackgroundStencilAlt, rgb(243, 243, 243)); width: 80% } .forceCommunityPlaceholder .placeholder .item { width: 65% } .forceCommunityPlaceholder .placeholder .view-all { width: 30% } .forceCommunityPlaceholder .placeholder .text { margin-bottom: var(--lwc-fcSpacingLarge, 28px) } .forceCommunityPlaceholder .placeholder .text:last-child { margin-bottom: var(--lwc-fcSpacingMedium, 18px) } .forceCommunityPlaceholder .placeholder .banner { background-color: var(--lwc-colorBackgroundStencilAlt, rgb(243, 243, 243)); width: 100%; height: 185px } .forceCommunityPlaceholder .placeholder .userProfileContent { margin: -90px 80px 0; min-height: 500px; background-color: var(--lwc-colorBackgroundAlt2, rgb(243, 243, 243)) } .forceCommunityPlaceholder .userProfileContent.desktopContainer { display: flex; flex: 1 } .forceCommunityPlaceholder .placeholder .leftNav { top: var(--lwc-spacingNone, 0); bottom: var(--lwc-spacingNone, 0); width: var(--lwc-sizeXSmall, 12rem); min-width: var(--lwc-sizeXSmall, 12rem); padding-top: var(--lwc-fcSpacingMedium, 18px) } .forceCommunityPlaceholder .placeholder .leftNav .tab { background-color: var(--lwc-colorBackgroundStencilAlt, rgb(243, 243, 243)); margin: var(--lwc-fcSpacingSmall, 14px); width: 70% } .forceCommunityPlaceholder .placeholder .userProfileContent.desktopContainer .tabContentContainer { width: 100%; padding: var(--lwc-fcSpacingMedium, 18px) var(--lwc-sizeXxSmall, 6rem) var(--lwc-fcSpacingMedium, 18px) var(--lwc-fcSpacingLarge, 28px); border-left: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorderSeparatorAlt, #D4D4D4) } .forceCommunityPlaceholder .placeholder .tabContentContainer .title { margin: var(--lwc-fcSpacingSmall, 14px) 0; width: 45% } .forceCommunityPlaceholder .placeholder .tabContentContainer .subtitle { display: inline-block; margin-right: var(--lwc-fcSpacingMedium, 18px); width: 10% } .forceCommunityPlaceholder .placeholder .detail .col { padding-right: var(--lwc-sizeXxSmall, 6rem) } .forceCommunityPlaceholder .placeholder .detail .section { padding: var(--lwc-fcSpacingXxSmall, 7px); border-bottom: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorderSeparatorAlt, #D4D4D4) } .forceCommunityPlaceholder .placeholder .detail .section .upper { width: 30%; margin: var(--lwc-fcSpacingSmall, 14px) 0 } .forceCommunityPlaceholder .placeholder .detail .section .lower { background-color: var(--lwc-colorBackgroundStencilAlt, rgb(243, 243, 243)); width: 80% } .forceCommunityPlaceholder .placeholder .banner.mobile { height: 70px } .forceCommunityPlaceholder .placeholder .userProfileContent.mobile .tabsContainer { border-bottom: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorderSeparatorAlt, #D4D4D4) } .forceCommunityPlaceholder .placeholder .userProfileContent.mobile .tab { display: inline-block; width: 20%; margin-bottom: var(--lwc-fcSpacingXxxSmall, 2px) } .forceCommunityPlaceholder .placeholder .userProfileContent.mobile { margin: -35px 20px 0; min-height: 400px } .forceCommunityPlaceholder .placeholder .userProfileContent.mobile { padding: var(--lwc-fcSpacingMedium, 18px) } .forceCommunityPlaceholder .placeholder .userProfileContent.mobile .tabContentContainer .title { width: 50% } .forceCommunityPlaceholder .placeholder .userProfileContent.mobile .tabContentContainer .subtitle { width: 28%; margin-bottom: var(--lwc-fcSpacingSmall, 14px) } @media only screen and (min-width:48em) { .forceCommunityPlaceholder.forcePlaceholder .placeholder.topicCatalog .size-medium--1-of-2 { width: 50% } } @media only screen and (min-width:64.0625em) { .forceCommunityPlaceholder.forcePlaceholder .placeholder.topicCatalog .size-large--1-of-3 { width: 33% } } .forceCommunityHeadline .headlineTitle { clear: right; color: var(--lwc-colorTextDefault, rgba(0, 0, 0, 0.8)); display: inline-block; font-family: var(--lwc-fontFamilyStrong, Montserrat); font-size: 28px; font-weight: var(--lwc-fontWeightBold, 700); line-height: var(--lwc-fcLineHeightText, 1.5); padding-top: 1em; text-align: center; text-transform: var(--lwc-textTransform, none); width: 100%; margin: 0; word-wrap: break-word } .forceCommunityHeadline .headlineIcon.forceIcon .slds-icon { width: 30px; height: 30px } .forceCommunityHeadline .headlineIcon { color: var(--lwc-colorTextIconDefault, rgb(116, 116, 116)); padding-right: .5em; display: inline } @media only screen and (min-width:48em) { .forceCommunityHeadline .headlineTitle { padding: 1em 0 0 0 } } @media only screen and (min-width:48em) and (min-aspect-ratio:4/3), only screen and (min-width:64.0625em) { .forceCommunityHeadline .headlineTitle { font-size: var(--lwc-fcFontSizeXLarge, 1.25rem) } } .forceCommunityHeadline .headlineInfo { color: var(--lwc-colorTextWeak, rgba(0, 0, 0, 0.6)); text-align: center; font-weight: var(--lwc-fontWeightLight, 300); margin: .5em 0 } .forceCommunityHeadline .error { text-align: center } .uiAbstractList .listContent { clear: both; position: relative } .uiAbstractList .emptyListContent { display: none } .uiAbstractList.showEmptyContent:not(.loading) .emptyListContent { display: block } .uiAbstractList .loadingIndicator { display: none; height: 100%; min-height: 2.5rem; left: 0; position: absolute; text-align: center; top: 0; width: 100%; z-index: 80 } .uiAbstractList.loading { min-height: 2.5rem } .uiAbstractList.loading .loadingIndicator { display: block } .uiAbstractList .loadingIndicator .background { background-color: #fff; height: 100%; left: 0; opacity: .6; -ms-filter: alpha(opacity=60); filter: alpha(opacity=60); display: inline; position: absolute; top: 0; width: 100%; z-index: 0; zoom: 1 } .uiAbstractList .loadingIndicator .label { background-image: url('/auraFW/resources/aura/images/spinner.gif'); background-position: left top; background-repeat: no-repeat; color: #666; display: inline-block; font-weight: bold; line-height: normal; height: 32px; padding-left: 32px; padding-top: 9px; position: relative; text-shadow: .1em .1em .01em #fff, .1em -.1em .01em #fff, -.1em -.1em .01em #fff, -.1em .1em .01em #fff; z-index: 1; zoom: 1; top: 50%; transform: translateY(-50%) } .selfServiceBaseArticleList .empty { margin: -1em auto 0 auto; color: var(--lwc-colorTextWeak, rgba(0, 0, 0, 0.6)); width: 100%; display: block; text-align: center; text-decoration: none; font-weight: bold; font-size: var(--lwc-ssFontSizeSmall, 0.75rem); line-height: var(--lwc-ssLineHeightHeading, 1.5em); padding: 15px 0; text-align: left; padding-top: 36px; padding-left: 14px } .selfServiceBaseArticleList .article-list { padding: 0; margin: .5em 0 } .selfServiceBaseArticleList .search-term { font-weight: bold } .selfServiceBaseArticleList .article-head { font-size: var(--lwc-ssFontSizeXLarge, 1.25rem) } .selfServiceBaseArticleList .list-header { margin: 14px } @media only screen and (min-width:48em) { .selfServiceBaseArticleList .list-header { margin: 20px 25px } .selfServiceBaseArticleList .empty { padding-left: 25px } } @media only screen and (min-width:48em) and (min-aspect-ratio:4/3), only screen and (min-width:64.0625em) { .selfServiceBaseArticleList .list-header { margin: 0 } .selfServiceBaseArticleList .empty { padding-left: 30px } } .selfServiceTopicArticleList .selfServiceArticleListItem { margin: 0 20px } .selfServiceTopicArticleList.clean .selfServiceArticleListItem { margin: 0 } .selfServiceTopicArticleList .selfServiceArticleListItem { word-wrap: break-word } /* .selfServiceTopicArticleList .selfServiceArticleListItem:first-child { border-top: none } */ .selfServiceTopicArticleList .selfServiceArticleListItem .article-summary { font-size: var(--lwc-ssFontSizeMedium, 0.8125rem); font-weight: 300 } .selfServiceTopicArticleList .forceCommunityResultsList .article-list .footer { font-size: .85em } @media only screen and (min-width:64.0625em) { .selfServiceTopicArticleList .selfServiceArticleListItem { margin: 0 } } .selfServiceTopicRelatedArticle .headerLabel { text-transform: var(--lwc-textTransform, none); font-weight: var(--lwc-bold, 700); color: var(--lwc-colorTextDefault, rgba(0, 0, 0, 0.8)); word-wrap: break-word; font-size: var(--lwc-ssFontSizeLarge, 1rem) } @media only screen and (min-width:48em) { .selfServiceTopicRelatedArticle .headerLabel { font-size: var(--lwc-ssFontSizeXLarge, 1.25rem) } } .forceCommunityRecommendations .forceChatterRecommendationBase .cuf-recommendationDisplayLabel { font-size: var(--lwc-fcFontSizeLarge, 1rem); line-height: var(--lwc-fcLineHeightText, 1.5) } .forceCommunityRecommendations .forceChatterRecommendationBase .notInterestedLink { font-size: var(--lwc-fcFontSizeSmall, 0.75rem); font-weight: var(--lwc-fontWeightRegular, 400) } .forceCommunityRecommendations .rec-cardHeader { text-transform: var(--lwc-textTransform, none) } .forceTopicFeaturedTopics { margin-top: var(--lwc-fcSpacingLarge, 28px) } .forceTopicFeaturedTopics .topicList { margin: 0; padding: 0; list-style-type: none; overflow: hidden } .forceTopicFeaturedTopics .featuredTopicHeader { text-transform: uppercase; font-size: var(--lwc-fcFontSizeMedium, 0.8125rem); font-weight: var(--lwc-fontWeightBold, 700); color: var(--lwc-colorTextDefault, rgba(0, 0, 0, 0.8)); margin-bottom: var(--lwc-fcSpacingSmall, 14px); overflow: hidden; text-overflow: ellipsis } .forceTopicFeaturedTopics .topicContent { /* display: flex; */ justify-content: center; background-color: rgba(0, 0, 0, .4); transition: background .8s ease } .forceTopicFeaturedTopics .topicLabel { align-self: center; color: var(--lwc-colorTextInverse, rgba(0, 0, 0, 0.8)); text-transform: var(--lwc-textTransform, none); font-size: var(--lwc-fcFontSizeMedium, 0.8125rem); font-weight: var(--lwc-fontWeightBold, 700) } @media only screen and (min-width:48em) and (min-aspect-ratio:4/3), only screen and (min-width:64.0625em) { .forceTopicFeaturedTopics .topicContent:hover, .forceTopicFeaturedTopics .topicLink:focus .topicContent { /* background-color: var(--lwc-colorBackgroundFeaturedBrandHover, #6994db); */ outline: 0 } .forceTopicFeaturedTopics .topicLink:focus { outline: 0 } } .forceCommunityReputationLeaderboard42 h2 { text-transform: var(--lwc-textTransform, none); font-weight: var(--lwc-fontWeightBold, 700); color: var(--lwc-colorTextDefault, rgba(0, 0, 0, 0.8)) } .forceCommunityReputationLeaderboard42 li>.comm-leaderboard__item>a { color: var(--lwc-brandTextLink, #005FB2) } .forceCommunityReputationLeaderboard42 .leaderboardRowWrapper { border-bottom: 1px solid var(--lwc-colorBorder, #D4D4D4); color: var(--lwc-colorTextDefault, rgba(0, 0, 0, 0.8)); text-decoration: none; font-weight: var(--lwc-fontWeightLight, 300) } .forceCommunityReputationLeaderboard42 .clear { clear: both } .forceCommunityReputationLeaderboard42 .levelAndPointsCol { display: inline-block } .forceCommunityReputationLeaderboard42 .userLinkText { font-weight: var(--lwc-fontWeightBold, 700) } .forceCommunityReputationLeaderboard42 .contextUser { background-color: var(--lwc-colorBackgroundDropDownBrandHover, rgba(146, 177, 229, 0.05)) } .forceCommunityReputationLeaderboard42 .userTopicsRow { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .forceCommunityReputationLeaderboard42 .topics, .forceCommunityReputationLeaderboard42 .topics li { display: inline } .forceCommunityReputationLeaderboard42 .topics li:last-child:after { content: "" } .forceCommunityReputationLeaderboard42 .topics li:after { content: ", " } .uiTooltip.tooltip-trigger { display: inline; position: relative } .uiTooltip .tooltip-body { z-index: 9100; display: block; position: absolute; max-width: 300px; min-width: 100px; width: intrinsic; width: -moz-max-content; width: -webkit-max-content; pointer-events: none; display: inline-block; word-wrap: break-word; overflow-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto } .uiTooltip .tooltip-invisible { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; overflow: hidden } .uiTooltip .body-basic { bottom: 100%; left: 50%; transform-origin: bottom left; transform: translateX(-50%) translateY(-10px) } .uiTooltip.advanced-wrapper { position: inherit; z-index: 9010 } .uiTooltip .tooltip-advanced { pointer-events: none; position: absolute; top: 0; left: 0 } .uiTooltip.advanced-wrapper .tooltip, .uiTooltip.advanced-wrapper .tooltip-body { opacity: 0 } .uiTooltip.advanced-wrapper.visible .tooltip { opacity: .999 } .uiTooltip.advanced-wrapper.visible .tooltip-body { opacity: .999 } .uiTooltip .pointer-advanced { display: block; position: absolute; top: 0; left: 0; pointer-events: none; opacity: 0 } .uiTooltip.visible .pointer-advanced { opacity: 1 } .uiTooltip .pointer-basic { display: block; position: absolute; width: 0; height: 0; bottom: 12px; left: 50%; pointer-events: none; transform: translateX(-50%) translateY(-5px) } .uiTooltip .pointer { border-bottom: none; border-left: 13px solid transparent; border-right: 13px solid transparent; border-top: 13px solid #16325c; z-index: 9100 } .uiTooltip .east .pointer { border-left: none; border-right: 13px solid #16325c; border-bottom: 13px solid transparent; border-top: 13px solid transparent } .uiTooltip .west .pointer { border-left: 13px solid #16325c; border-right: none; border-bottom: 13px solid transparent; border-top: 13px solid transparent } .uiTooltip .south .pointer { border-top: none; border-right: 13px solid transparent; border-left: 13px solid transparent; border-bottom: 13px solid #16325c } .uiTooltip.tooltip-basic .tooltip { pointer-events: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0 } .uiTooltip .tooltip.fade-out { transition: 500ms opacity } .uiTooltip .tooltip.fade-in { transition: none } .uiTooltip .tooltip.fade-in.fade-out { transition: 500ms opacity } .uiTooltip.tooltip-basic:hover .tooltip, .uiTooltip.tooltip-basic:focus .tooltip, .uiTooltip.tooltip-basic .tooltip.visible { opacity: .999 } .uiTooltip.tooltip-basic:hover .tooltip.disabled, .uiTooltip.tooltip-basic:focus .tooltip.disabled { display: none } .uiTooltip.tooltip-trigger:hover .fade-out.tooltip, .uiTooltip.tooltip-trigger:focus .fade-out.tooltip { transition: none } .uiTooltip.tooltip-trigger:hover .fade-in.tooltip, .uiTooltip.tooltip-trigger:focus .fade-out.tooltip { transition: 500ms opacity } .uiTooltip.tooltip-trigger:hover .fade-in.fade-out.tooltip, .uiTooltip.tooltip-trigger:focus .fade-out.tooltip { transition: 500ms opacity } .uiTooltip .tooltip-body { padding: 12px; border-radius: 5px; background-color: #16325c; color: white; font-size: 12px } .uiTooltip--pop .tooltip { transform: scale3d(1, 1, 1); display: inline } .uiTooltip--pop.transition-start .tooltip.fade-in.fade-out { transform: scale3d(.97, .97, .97) } .uiTooltip--pop.visible.transition-start .tooltip.fade-in.fade-out { transform: scale3d(1, 1, 1); transition: all 200ms cubic-bezier(.64, .36, .54, 1.55) } .forceHeaderButton a { display: inline-block; vertical-align: middle; border-radius: var(--lwc-borderRadiusMedium, 0.25rem); background: transparent none; color: var(--lwc-colorTextInputIcon, rgb(174, 174, 174)); font-size: var(--lwc-fontSizeXLarge, 1.25rem); line-height: var(--lwc-lineHeightButton, 1.875rem); text-decoration: none; padding: var(--lwc-spacingXSmall, 0.5rem) } .forceHeaderButton.activated { color: var(--lwc-colorBackgroundButtonBrandHover, #6994db) } .forceHeaderButton .tooltipTrigger:focus { outline: none } .forceHeaderButton.header-tooltip { z-index: var(--lwc-zIndexDropdown, 7000) !important } .forceHeaderButton.header-tooltip .tooltip-body { white-space: nowrap; width: auto } .forceHeaderButton .tooltipTrigger { display: inline-block; vertical-align: middle } .unsNotificationsCounter .headerButtonBody { position: relative; display: inline-block; vertical-align: middle } .unsNotificationsCounter .countDot { position: absolute; top: calc(-1 * var(--lwc-spacingXSmall, 0.5rem)); right: calc(-1 * var(--lwc-spacingXxSmall, 0.25rem)); border-radius: var(--lwc-borderRadiusLarge, 0.5rem); background-color: var(--lwc-colorBackgroundNotificationBadge, rgb(234, 0, 30)) } .unsNotificationsCounter .counterLabel { line-height: var(--lwc-lineHeightReset, 1); width: var(--lwc-squareIconUtilitySmall, 1rem); height: var(--lwc-squareIconUtilitySmall, 1rem); padding: 0 var(--lwc-spacingXxSmall, 0.25rem); color: var(--lwc-colorTextInverse, rgba(0, 0, 0, 0.8)); font-family: var(--lwc-fontFamily, Lato); font-weight: var(--lwc-fontWeightBold, 700); font-size: var(--lwc-fontSizeXSmall, 0.625rem); vertical-align: middle; display: table-cell } .unsNotificationsCounter .countDotS1 { top: calc(-1 * var(--lwc-spacingMedium, 1rem)); left: calc(-1 * var(--lwc-spacingLarge, 1.5rem)); right: auto } _:-ms-lang(x)[lightning-primitiveIcon_primitiveIcon], svg[lightning-primitiveIcon_primitiveIcon] { pointer-events: none; } @media only screen and (max-width: 47.9375em) { .forceCommunityThemeNav.stellaInnerHeader .mainNavItem a, .forceCommunityThemeNav.stellaInnerHeader .mainNavItem .linkBtn { border-bottom-color: #F0F0F0 !important } .forceCommunityThemeNav.stellaInnerHeader .mainNavItem .subNavItem:last-child>a { border-bottom-color: #F0F0F0 !important } .forceCommunityThemeNav.stellaInnerHeader .mainNavItem, .forceCommunityThemeNav.stellaInnerHeader .mainNavItem .subMenu { background-color: #FFFFFF !important; padding-right: 0 !important; } .forceCommunityThemeNav.stellaInnerHeader.commThemeCmp .mainNavItem a:hover, .forceCommunityThemeNav.stellaInnerHeader.commThemeCmp .mainNavItem .linkBtn:hover { background-color: rgb(243, 242, 242) } .forceCommunityThemeNav.stellaInnerHeader.commThemeCmp .mainNavItem a:focus, .forceCommunityThemeNav.stellaInnerHeader.commThemeCmp .mainNavItem .linkBtn:focus { background-color: rgb(243, 242, 242) } .forceCommunityThemeNav.stellaInnerHeader.commThemeCmp .mainNavItem a:hover, .forceCommunityThemeNav.stellaInnerHeader.commThemeCmp .mainNavItem .linkBtn:hover { color: rgb(0, 178, 170) } .forceCommunityThemeNav.stellaInnerHeader.commThemeCmp .mainNavItem a:focus, .forceCommunityThemeNav.stellaInnerHeader.commThemeCmp .mainNavItem .linkBtn:focus { color: rgb(0, 178, 170) } .forceCommunityThemeNav.stellaInnerHeader.commThemeCmp .mainNavItem .linkBtn:hover svg { fill: rgb(0, 178, 170) } } @media only screen and (min-width: 48em) { .forceCommunityThemeNav.stellaInnerHeader .mainNavItem .linkBtn { color: rgb(0, 0, 0) !important; text-shadow: 0 0 4px rgb(255, 255, 255) !important } .forceCommunityThemeNav.stellaInnerHeader .mainNavItem .linkBtn svg { fill: rgb(0, 0, 0) !important } .forceCommunityThemeNav.stellaInnerHeader .mainNavItem .linkBtn:hover { color: rgb(7, 89, 153) !important } .forceCommunityThemeNav.stellaInnerHeader .mainNavItem .linkBtn:hover svg { fill: rgb(7, 89, 153) !important } .forceCommunityThemeNav.stellaInnerHeader .mainNavItem .linkBtn.comm-navigation__top-level-item-link--active { border-bottom: 2px solid rgb(7, 89, 153) } .forceCommunityThemeNav.stellaInnerHeader .mainNavItem .subMenu a { border-bottom-color: #F0F0F0 !important } .forceCommunityThemeNav.stellaInnerHeader .mainNavItem .subMenu, .forceCommunityThemeNav.stellaInnerHeader .mainNavItem .subMenu .uiMenuItem { background-color: #FFFFFF !important } .forceCommunityThemeNav.stellaInnerHeader .mainNavItem .subMenu::before { border-bottom-color: #FFFFFF !important } .forceCommunityThemeNav.stellaInnerHeader.commThemeCmp .mainNavItem .subMenu .uiMenuItem a:hover, .forceCommunityThemeNav.stellaInnerHeader.commThemeCmp .mainNavItem .subMenu .uiMenuItem a:focus { background-color: rgb(243, 242, 242) } .forceCommunityThemeNav.stellaInnerHeader.commThemeCmp .mainNavItem .subMenu .uiMenuItem:hover::before, .forceCommunityThemeNav.stellaInnerHeader.commThemeCmp .mainNavItem .subMenu .uiMenuItem:focus::before { border-bottom-color: rgb(243, 242, 242) } .forceCommunityThemeNav.stellaInnerHeader.commThemeCmp .mainNavItem .subMenu .uiMenuItem a:hover, .forceCommunityThemeNav.stellaInnerHeader.commThemeCmp .mainNavItem .subMenu .uiMenuItem a:focus { color: rgb(0, 178, 170) } } .forceTopicSubTopicNavigation .topic-subNavContainer { text-transform: var(--lwc-textTransform, none); padding: var(--lwc-fcSpacingXSmall, 8px) 0; font-size: var(--lwc-fcFontSizeSmall, 0.75rem); text-align: center } .forceTopicSubTopicNavigation .topic-subNavList { padding: 0 } .forceTopicSubTopicNavigation .topic-subNavList { margin: 0; padding: 0; font-size: var(--lwc-fcFontSizeSmall, 0.75rem); list-style: none; overflow: hidden } .forceTopicSubTopicNavigation .topic-subNavList.topic-nowrap { white-space: nowrap } .forceTopicSubTopicNavigation .topic-subTopicItem, .forceTopicSubTopicNavigation .topic-showMore { display: inline-flex; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .forceTopicSubTopicNavigation .topic-single .topic-subTopicItem { display: block } .forceTopicSubTopicNavigation .topic-subTopicItem:not(.topic-last):after { content: "|"; padding: 0 var(--lwc-fcSpacingXSmall, 8px) } .forceTopicSubTopicNavigation .topic-subTopicItem:not(.topic-last):nth-last-child(2):after { content: '' } .forceTopicSubTopicNavigation .topic-hide { display: none } .selfServiceArticleTopicList.slds-pill_container--bare { display: inline-block; padding: var(--lwc-spacingXSmall, 0.5rem) var(--lwc-spacingLarge, 1.5rem) } .selfServiceArticleTopicList .slds-pill { padding: var(--lwc-spacingXxSmall, 0.25rem) var(--lwc-spacingLarge, 1.5rem); border-radius: var(--lwc-borderRadiusPill, 15rem); margin-right: var(--lwc-spacingXSmall, 0.5rem); margin-bottom: var(--lwc-spacingXSmall, 0.5rem) } .selfServiceArticleTopicList .slds-pill+.slds-pill { margin-left: 0 } .selfServiceArticleTopicList .slds-pill .forceTopicTopicLink { max-width: 200px } .selfServiceArticleLayout { font-size: var(--lwc-ssFontSizeSmall, 0.75rem); line-height: var(--lwc-ssLineHeightHeading, 1.5em); box-sizing: border-box } .selfServiceArticleLayout .forcePageBlockSectionView.full .slds-section__title { display: none } .selfServiceArticleLayout .forcePageBlockSectionView.full .labelCol { margin-bottom: 10px } .selfServiceArticleLayout .forcePageBlockItem { border: 0 } .selfServiceArticleLayout .forcePageBlockSectionView.full .test-id__field-label, .selfServiceArticleLayout .forcePageBlockSectionView.full .test-id__grouped-field-label-icon { text-transform: var(--lwc-textTransform, none); font-weight: var(--lwc-semibold, 600); font-size: var(--lwc-ssFontSizeLarge, 1rem); color: var(--lwc-colorTextDefault, rgba(0, 0, 0, 0.8)) } .selfServiceArticleLayout .forcePageBlockSectionView.full .test-id__inline-edit-trigger { display: none } .selfServiceArticleLayout .forcePageBlockSectionView.full .test-id__field-value { color: var(--lwc-colorTextDefault, rgba(0, 0, 0, 0.8)); font-weight: normal; font-size: 100% } .selfServiceArticleLayout .forcePageBlockItem.full, .selfServiceArticleLayout .forcePageBlockItem.full:last-child { padding: 0; border-left: 0; border-bottom: 0 } .selfServiceArticleLayout .forcePageBlockSectionRow.full { padding: 5px 0 } .selfServiceArticleLayout .forcePageBlockItem.full .uiOutputRichText img { height: auto; max-width: 100% } .selfServiceArticleLayout .slds-section.slds-is-open .slds-section__content { padding-top: 0 } .selfServiceArticleLayout p.forcePageBlockItem.full { margin: 0; clear: both } .selfServiceArticleLayout .content { padding: 0 } .selfServiceArticleLayout.article-column { width: 100%; padding: 1px 14px 30px } .selfServiceArticleLayout .article-head { margin: 20px 0 20px 0; font-size: var(--lwc-ssFontSizeXLarge, 1.25rem); font-weight: var(--lwc-bold, 700); line-height: var(--lwc-ssLineHeightText, 1.5); word-wrap: break-word } .selfServiceArticleLayout .article-summary { margin: 20px 0 } .selfServiceArticleLayout .meta { color: var(--lwc-colorTextWeak, rgba(0, 0, 0, 0.6)); font-size: var(--lwc-ssFontSizeSmall, 0.75rem) } .selfServiceArticleLayout .meta .dot { color: var(--lwc-colorTextWeak, rgba(0, 0, 0, 0.6)); font-size: var(--lwc-iconSmall, 0.5em) } .selfServiceArticleLayout .breadcrumb { margin-top: 20px } .selfServiceArticleLayout .loadingCon { margin-top: 40px; text-align: center } .selfServiceArticleLayout.zoom.article-column { padding: 0 30px 0 } .selfServiceArticleLayout.zoom .article-head { font-size: 1.4em } .selfServiceArticleLayout.zoom .article-summary, .selfServiceArticleLayout.zoom .forcePageBlockSectionView.full .test-id__field-value { font-size: 1.15em; line-height: 1.4em } .selfServiceArticleLayout.zoom .forcePageBlockSectionView.full .test-id__field-value .osOutputLabel { font-size: 1.3em } @media only screen and (min-width:48em) { .selfServiceArticleLayout .article-head, .selfServiceArticleLayout .breadcrumb { margin-top: 30px } } @media only screen and (min-width:48em) and (min-aspect-ratio:4/3), only screen and (min-width:64.0625em) { .selfServiceArticleLayout.article-column { padding: 1px 30px 30px } } .forceTopicTopicLink .topicName { overflow: hidden; text-overflow: ellipsis; width: 70%; display: inline-block } .forceTopicTopicLink .stat { float: right; padding: var(--lwc-spacingNone, 0) var(--lwc-fcSpacingSmall, 14px); display: inline-block; text-align: right; width: 20% } .forceTopicTopicLink .hideEl { display: none } .forceCommunityFollow.group { display: flex; position: relative; min-width: 135px } .forceCommunityFollow.group.twoButton { min-width: 205px } .forceCommunityFollow .button { text-transform: var(--lwc-textTransform, none); font-size: var(--lwc-fcFontSizeMedium, 0.8125rem); color: var(--lwc-colorTextBrandPrimary, rgba(0, 0, 0, 0.8)); background-color: var(--lwc-colorBackgroundButtonBrand, rgb(146, 177, 229)); border-color: var(--lwc-buttonColorBorderBrandPrimary, rgb(146, 177, 229)); width: 100%; justify-content: center; border-width: 2px; border-style: solid; padding: 5px 24px; min-width: 135px; transition: all .2s } .forceCommunityFollow .menu { border-color: var(--lwc-buttonColorBorderBrandPrimary, rgb(146, 177, 229)); border-width: 2px 2px 2px 0; border-style: solid; transition: all .2s; min-width: 70px } .forceCommunityFollow .menu .triggerLink { color: var(--lwc-colorBackgroundButtonBrand, rgb(146, 177, 229)); background-color: var(--lwc-colorTextBrandPrimary, rgba(0, 0, 0, 0.8)); padding: 10.5px 0 } .forceCommunityFollow .menu .triggerLink .slds-icon_small { max-height: 1rem } .forceCommunityFollow .button:hover, .forceCommunityFollow .button:focus, .forceCommunityFollow .menu a.triggerLink:hover .triggerLink, .forceCommunityFollow .menu a.triggerLink:focus .triggerLink { color: var(--lwc-colorTextBrandPrimary, rgba(0, 0, 0, 0.8)); background-color: var(--lwc-colorBackgroundButtonBrandHover, #6994db) } .forceCommunityFollow .following { background-color: var(--lwc-colorBackgroundButtonInverse, rgba(0, 0, 0, 0)); color: var(--lwc-colorTextBrand, rgb(146, 177, 229)) } .forceCommunityFollow .icon, .forceCommunityFollow .following:hover .icon, .forceCommunityFollow .following:focus .icon { display: none } .forceCommunityFollow .following .icon { display: inline; padding-right: var(--lwc-fcSpacingXxSmall, 7px) } .forceCommunityFollow .button .slds-text-selected { align-items: center } .forceCommunityFollow .slds-button--neutral.slds-is-selected:hover:not([disabled]), .forceCommunityFollow .slds-button--neutral.slds-is-selected:focus:not([disabled]) { background-color: var(--lwc-colorBackgroundButtonBrandHover, #6994db); border: 1px solid var(--lwc-colorBorderButtonBrand, rgb(146, 177, 229)) } .forceCommunityArticleThumbVote .slds-box { overflow: hidden; border-color: var(--lwc-colorBorder, #D4D4D4) var(--lwc-colorBackground, #FFFFFF) var(--lwc-colorBorder, #D4D4D4) var(--lwc-colorBackground, #FFFFFF); border-radius: 0; padding: var(--lwc-fcSpacingMedium, 18px) var(--lwc-fcSpacingXxxSmall, 2px) var(--lwc-fcSpacingSmall, 14px) var(--lwc-fcSpacingXxxSmall, 2px) } .forceCommunityArticleThumbVote .slds-card__body+.slds-card__body { float: right; margin-right: calc(-1 * var(--lwc-fcSpacingSmall, 14px)); margin-bottom: 0; margin-top: calc(-1 * var(--lwc-fcSpacingLarge, 28px)) } .forceCommunityArticleThumbVote #upVoteCount, .forceCommunityArticleThumbVote #downVoteCount { padding-top: var(--lwc-fcSpacingXSmall, 8px) } @media only screen and (max-width:47.9375em) { .forceCommunityArticleThumbVote .slds-box { padding: var(--lwc-fcSpacingSmall, 14px) 0 var(--lwc-fcSpacingXSmall, 8px) 0 } } .selfServiceArticleHeaderDetail .article-head { font-weight: bold; margin: 0 } .selfServiceArticleHeaderDetail .breadcrumb { padding-left: 0 } .selfServiceArticleHeaderDetail.article-link { display: block } .selfServiceArticleHeaderDetail.meta { margin-bottom: 25px } .selfServiceArticleHeaderDetail .article-summary { overflow-wrap: break-word } .selfServiceArticleHeaderDetail .dot { margin: 0 5px } .selfServiceArticleHeaderDetail .timestamp-icon { margin-right: 7px; vertical-align: middle } .selfServiceArticleHeaderDetail .timestamp-icon .slds-icon { float: left } @media only screen and (min-width:48em) { .selfServiceArticleHeaderDetail.meta { margin-bottom: 30px } } .selfServiceArticleListItem { background-color: var(--lwc-colorBackground, #FFFFFF); border-bottom: 1px solid var(--lwc-colorBorder, #D4D4D4); padding: 20px 0; margin: 0 14px; list-style-type: none } /* .selfServiceArticleListItem:first-child { border-top: 1px solid var(--lwc-colorDefaultFiltered, #ccc) } */ .selfServiceArticleListItem .article-link { text-decoration: none } .selfServiceArticleListItem .article-link:focus .article-head, .selfServiceArticleListItem .article-link:hover .article-head, .selfServiceArticleListItem .article-link:focus, .selfServiceArticleListItem .article-link:hover { outline: 0; color: var(--lwc-colorBrand, rgb(146, 177, 229)) } .selfServiceArticleListItem .footer { color: var(--lwc-colorTextWeak, rgba(0, 0, 0, 0.6)); font-size: var(--lwc-ssFontSizeXSmall, .8125em); margin-top: 14px; height: 15px } .selfServiceArticleListItem .article-head { color: var(--lwc-colorTextDefault, rgba(0, 0, 0, 0.8)); font-size: var(--lwc-ssFontSizeLarge, 1rem); line-height: var(--lwc-ssLineHeightHeading, 1.5em); /* margin-bottom: 10px */ } .selfServiceArticleListItem .article-head:hover, .selfServiceArticleListItem .article-head:focus { color: var(--lwc-colorBrand, rgb(146, 177, 229)) } .selfServiceArticleListItem .article-summary { font-size: var(--lwc-ssFontSizeSmall, 0.75rem); line-height: var(--lwc-ssLineHeightHeading, 1.5em) } .selfServiceArticleListItem .article-item { text-decoration: none } .selfServiceArticleListItem .dot { margin: 0 7px; font-size: var(--lwc-ssFontSizeXSmall, .8125em) } @media only screen and (min-width:48em) { .selfServiceArticleListItem { margin: 0 25px; padding: 25px 0 } .selfServiceArticleListItem .article-head { font-size: var(--lwc-ssFontSizeXLarge, 1.25rem); line-height: var(--lwc-ssLineHeightText, 1.5) } .selfServiceArticleListItem .article-summary { line-height: var(--lwc-ssLineHeightHeading, 1.5em); font-size: var(--lwc-ssFontSizeSmall, 0.75rem) } } @media only screen and (min-width:48em) and (min-aspect-ratio:4/3), only screen and (min-width:64.0625em) { .selfServiceArticleListItem { margin: 0 30px } /* .selfServiceArticleListItem .article-head { margin-bottom: 10px } */ } [dir="rtl"] [lightning-formattedNumber_formattedNumber-host] { direction: ltr; unicode-bidi: embed; } .forcePageBlockItem.revised:not(.undo) { background-color: #ffebd2; margin-left: var(--lwc-spacingXxSmall, 0.25rem); margin-right: var(--lwc-spacingXxSmall, 0.25rem); border-left: var(--lwc-borderWidthThick, 2px) solid var(--lwc-colorBackgroundWarningDark, rgb(254, 147, 57)) } .forcePageBlockItem.revised .slds-button__icon { fill: var(--lwc-colorGray7, rgb(176, 173, 171)) } .forcePageBlockItemView.blank-item { min-height: var(--lwc-varSpacingXxLarge, 3rem) } .forcePageBlockItemView .slds-form-element__static { word-wrap: break-word } .forcePageBlockItemView .slds-form-element .slds-button_icon { margin-left: 0 } .forcePageBlockItemView .slds-form-element .slds-button_icon { color: var(--lwc-colorTextButtonInverse, rgb(243, 243, 243)) } .forcePageBlockItemView .slds-form-element.hover .slds-button_icon { color: var(--lwc-colorTextIconDefault, rgb(116, 116, 116)) } .forcePageBlockItemView .slds-form-element .slds-button_icon:hover, .forcePageBlockItemView .slds-form-element .slds-button_icon:focus { color: var(--lwc-brandTextLink, #005FB2) } .forcePageBlockItemView .inlineEditSpinnerContainer { width: 1rem; height: 2rem; margin: 0 4px } .forcePageBlockItemView .slds-spinner { position: relative; width: .75rem } .forcePageBlockItemView .tooltipIcon { height: initial } .forcePageBlockItemView.forcePageBlockItem.slds-col>.slds-form-element.slds-form-element_readonly { padding: var(--lwc-spacingNone, 0) } .forcePageBlockItemView .slds-form-element__static { padding-top: 0; padding-bottom: 0; min-height: calc(var(--lwc-varFontSize7, 1.25rem) + 1px) } .forcePageBlockItemView .slds-form-element__label { margin-bottom: 0 } .forcePageBlockItemView.slds-form-element_separator { border-bottom: 1px solid var(--lwc-colorBorder, #D4D4D4) } .forcePageBlockItemView.slds-form-element_separator .is-read-only { display: block; margin-right: var(--lwc-pageBlockItemIsReadOnlyMarginRight, 1.5rem) } .forcePageBlockItemView.slds-form-element_separator .is-read-only .slds-button_icon { position: relative; left: 1.5rem } .forcePageBlockSectionRow.slds-gutters_small { margin-right: 0; margin-left: 0 } .forcePageBlockSectionRow.cols-3 { margin-top: var(--lwc-spacingXxSmall, 0.25rem) } .forcePageBlockSectionRow.cols-3~.forcePageBlockSectionRow.cols-3 { margin: 0 } .forcePageBlockSectionRow.cols-3 .slds-form-element { margin-top: var(--lwc-spacingXSmall, 0.5rem); margin-bottom: 0 } .uiOutputTextArea:not(.slds-truncate) { white-space: pre-line } .forceOutputLookup.profilePic { float: left; padding-right: var(--lwc-spacingXxSmall, 0.25rem) } .forceOutputLookup.textUnderline.outputLookupLink.slds-truncate { margin: var(--lwc-spacingXxxSmall, 0.125rem) var(--lwc-spacingXxxSmall, 0.125rem) } .forcePageBlockSection .cloned .forcePageBlockItemView { padding: .4rem } .forcePageBlockSection .slds-section__content { transition: all .4s ease-in-out } .forcePageBlockSection .section-icon { width: initial; height: initial; transform-origin: 50% 50%; transform: rotate(-90deg); transition: transform .4s ease-in-out; display: inline-table } .forcePageBlockSection.slds-is-open .section-icon { transform: rotate(0deg) } .forcePageBlockSection .slds-form-element .slds-form-element__control, .forcePageBlockSection .slds-form-element:not([class*="slds-size"]) { width: 100%; flex-basis: 100% } .forceOutputRichText strong { font-weight: bold } .forceOutputRichText em { font-style: italic } .forcePageBlock .slds-section:first-child { margin-top: var(--lwc-spacingNone, 0) } @media (max-width:599px) { .forceRecordLayout .forcePageBlockSectionRow { display: block } .forceRecordLayout .forcePageBlockSection.twoCol .forcePageBlockItem, .forceRecordLayout .forcePageBlockSection.threeCol .forcePageBlockItem { width: 100% } .forceRecordLayout .blank-item.forcePageBlockItem { display: none } } .forceRecordLayout .highlightField { background: var(--lwc-colorBackgroundHighlight, rgb(250, 255, 189)) } .forceRecordLayout.forceHighlightsTemplate .header { padding: 14px; text-align: center; position: relative } .forceRecordLayout.forceHighlightsTemplate .seperator { margin: 0 5px } .forceRecordLayout.forceHighlightsTemplate .highlightsH2 span:empty+.seperator, .forceRecordLayout.forceHighlightsTemplate .highlightsH2 div:empty+.seperator, .forceRecordLayout.forceHighlightsTemplate .highlightsH2 a:empty+.seperator { display: none } .forceRecordLayout.forceHighlightsTemplate .highlightsH1 { font-weight: var(--lwc-fontWeightBold, 700); font-size: var(--lwc-fontSizeLarge, 1rem); margin-bottom: 8px } .forceRecordLayout.forceHighlightsTemplate .highlightsH2 { color: var(--lwc-colorTextPlaceholder, rgba(0, 0, 0, 0.6)); font-weight: var(--lwc-fontWeightRegular, 400); font-size: var(--lwc-fontSizeMedium, 0.8125rem); display: inline } .forceRecordLayout.forceHighlightsTemplate .highlightsH2 div { display: inline; white-space: nowrap } .forceRecordLayout.forceHighlightsTemplate .highlightsH2 div+span { margin-left: 3px; margin-right: 3px } .forceRecordLayout.forceHighlightsTemplate .profilePicWrapper { position: relative; width: 60px; height: 60px; margin: 0 auto; padding-bottom: 14px } .forceRecordLayout.forceHighlightsTemplate .profilePicWrapper .profilePic { z-index: 1 } .forceRecordLayout.forceHighlightsTemplate .profilePicWrapper .motifWrapper { z-index: 0 } .forceRecordLayout.forceHighlightsTemplate .profilePicWrapper .motifWrapper, .forceRecordLayout.forceHighlightsTemplate .profilePicWrapper .profilePic { position: absolute; top: 0; left: 0; width: 60px; height: 60px } .forceRecordLayout.forceHighlightsTemplate .profilePicWrapper .profilePic .uiImage { width: 60px; height: 60px; border-radius: 5px } .forceRecordLayout.forceHighlightsTemplate .truncatedText { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: var(--lwc-colorTextPlaceholder, rgba(0, 0, 0, 0.6)) } .forceRecordLayout.forceHighlightsTemplate .highlightsH1.dark { color: var(--lwc-colorTextInverse, rgba(0, 0, 0, 0.8)) } .forceRecordLayout.forceHighlightsTemplate .highlightsH1.light { color: var(--lwc-colorTextDefault, rgba(0, 0, 0, 0.8)) } .forceRecordLayout.forceHighlightsTemplate .header.dark { background: var(--lwc-colorBackgroundAnchor, rgb(243, 243, 243)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33495f', endColorstr='#23394d', GradientType=0) } .forceRecordLayout.forceHighlightsTemplate .header.light { background: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255)) } .forceCommunityThemeProfileMenu.stellaInnerHeader.profile-loginButton { border-radius: 0px; } .forceCommunityThemeProfileMenu.stellaInnerHeader.profile-loginButton { color: rgb(0, 0, 0) } .forceCommunityThemeProfileMenu.stellaInnerHeader.profile-loginButton { background-color: rgb(255, 255, 255) } .forceCommunityThemeProfileMenu.stellaInnerHeader.profile-loginButton { border: 1px solid rgb(240, 240, 240) } .forceCommunityThemeProfileMenu.stellaInnerHeader.profile-loginButton { box-shadow: 0 0 1px 0px rgb(240, 240, 240) inset, 0 0 1px 0px rgb(240, 240, 240) } .forceCommunityThemeProfileMenu.stellaInnerHeader.commThemeCmp.profile-loginButton:hover { color: rgb(0, 0, 0) } .forceCommunityThemeProfileMenu.stellaInnerHeader .profile-menuList { background-color: #FFFFFF !important } .forceCommunityThemeProfileMenu.stellaInnerHeader .profile-menuItem.uiMenuItem a { border-color: #F0F0F0 !important; } .forceCommunityThemeProfileMenu.stellaInnerHeader.commThemeCmp .profile-menuItem.uiMenuItem a:hover, .forceCommunityThemeProfileMenu.stellaInnerHeader.commThemeCmp .profile-menuItem.uiMenuItem a:focus { color: rgb(0, 178, 170) } .forceCommunityThemeProfileMenu.stellaInnerHeader.commThemeCmp .profile-menuItem.uiMenuItem a:hover, .forceCommunityThemeProfileMenu.stellaInnerHeader.commThemeCmp .profile-menuItem.uiMenuItem a:focus { background-color: rgb(243, 242, 242) } .forceCommunityThemeProfileMenu.stellaInnerHeader .profile-menuTrigger { color: rgb(0, 0, 0) !important; text-shadow: 0 0 4px rgb(255, 255, 255); } .forceCommunityThemeProfileMenu.stellaInnerHeader .profile-menuTrigger:hover { color: rgb(7, 89, 153) !important; } @media only screen and (max-width: 47.9375em) { .forceCommunityThemeProfileMenu.stellaInnerHeader .slds-nubbin_top-right::before { margin-right: 0; left: 0px; background-color: unset; } .forceCommunityThemeProfileMenu.stellaInnerHeader .slds-nubbin_top-right::after { margin-right: 0; left: 0px; } } .forceTopicFeaturedTopics .topicContent { background-color: rgba(255, 255, 255, 0.4) } .forceTopicFeaturedTopics .topicContent:hover, .forceTopicFeaturedTopics .topicLink:focus .topicContent { background-color: rgb(255, 255, 255) } .forceTopicFeaturedTopics .topicItem a { border-radius: 0% } .forceTopicFeaturedTopics .topicContent .topicLabel { background-color: rgba(0, 0, 0, 0) } .forceTopicFeaturedTopics .topicContent:hover .topicLabel, .forceTopicFeaturedTopics .topicLink:focus .topicContent .topicLabel { background-color: rgba(0, 0, 0, 0) } .forceTopicFeaturedTopics .topicContent .topicLabel { width: 100% } .forceTopicFeaturedTopics .topicContent .topicLabel { align-self: center } .forceTopicFeaturedTopics .topicContent { justify-content: center } .forceTopicFeaturedTopics .topicContent .topicLabel { text-align: center } .uiTooltipAdvanced .tooltip-body { z-index: 9100; display: block; position: absolute; max-width: 300px; min-width: 100px; width: intrinsic; width: -moz-max-content; width: -webkit-max-content; pointer-events: none; display: inline-block; word-wrap: break-word; overflow-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto } .uiTooltipAdvanced.advanced-wrapper { position: inherit; opacity: 0; width: 100% } .uiTooltipAdvanced .tooltip-advanced { pointer-events: none; position: absolute; top: 0; left: 0 } .uiTooltipAdvanced.advanced-wrapper.tooltip, .uiTooltipAdvanced.advanced-wrapper .tooltip-body { opacity: 0; z-index: 9002 } .uiTooltipAdvanced.advanced-wrapper.visible.tooltip { opacity: .999 } .uiTooltipAdvanced.advanced-wrapper.visible .tooltip-body { opacity: .999 } .uiTooltipAdvanced .pointer-advanced { display: block; position: absolute; top: 0; left: 0; pointer-events: none; opacity: 0 } .uiTooltipAdvanced.visible .pointer-advanced { opacity: 1 } .uiTooltipAdvanced .pointer-basic { display: block; position: absolute; width: 0; height: 0; bottom: 12px; left: 50%; pointer-events: none; transform: translateX(-50%) translateY(-5px) } .uiTooltipAdvanced .pointer { border-bottom: none; border-left: 13px solid transparent; border-right: 13px solid transparent; border-top: 13px solid #16325c } .uiTooltipAdvanced .east .pointer { border-left: none; border-right: 13px solid #16325c; border-bottom: 13px solid transparent; border-top: 13px solid transparent } .uiTooltipAdvanced .west .pointer { border-left: 13px solid #16325c; border-right: none; border-bottom: 13px solid transparent; border-top: 13px solid transparent } .uiTooltipAdvanced .south .pointer { border-top: none; border-right: 13px solid transparent; border-left: 13px solid transparent; border-bottom: 13px solid #16325c } .uiTooltipAdvanced.tooltip-basic .tooltip { pointer-events: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0 } .uiTooltipAdvanced .tooltip.fade-out { transition: 500ms opacity } .uiTooltipAdvanced .tooltip.fade-in { transition: none } .uiTooltipAdvanced .tooltip.fade-in.fade-out { transition: 500ms opacity } .uiTooltipAdvanced .tooltip-body { padding: 12px; border-radius: 5px; background-color: #16325c; color: white; font-size: 12px } .uiTooltipAdvanced--pop .tooltip { transform: scale3d(1, 1, 1); display: inline } .uiTooltipAdvanced--pop.transition-start .tooltip.fade-in.fade-out { transform: scale3d(.97, .97, .97) } .uiTooltipAdvanced--pop.visible.transition-start .tooltip.fade-in.fade-out { transform: scale3d(1, 1, 1); transition: all 200ms cubic-bezier(.64, .36, .54, 1.55) } /* mighty追記 */ .pfooter .slds-grid{ justify-content: space-around; } .hamburger { display: none; cursor: pointer; } .hamburger span { display: block; width: 25px; height: 3px; background-color: #000; margin-bottom: 5px; } .nav-sitemap{ display: flex; flex-direction: row; justify-content: flex-end; padding-right: 1em; padding-bottom: 1em; } .nav-sitemap a{ color: #000; } .nav-sitemap a:hover { color: #075999; text-decoration: none; } .grd-clr{ display: none !important; } .sp-only { display: none; } .grd-foot-bnr-list{ display: block !important; } @media (max-width: 767px) { .forceCommunityThemeLogo .logoImage{ width: 110px; } .hamburger { display: inline-block; } .hamburger span:nth-child(2) { opacity: 1; } .hamburger.active span:nth-child(1) { transform: translateY(8px) rotate(45deg); } .hamburger.active span:nth-child(2) { opacity: 0; } .hamburger.active span:nth-child(3) { transform: translateY(-8px) rotate(-45deg); } .pc-only{ display: none; } .sp-only { display: block; } #grd-bg-footer .grd-wrap{ display: none; } } .article-item { display: block; } .article-item.is-hidden { display: none; } .loadmore.is-btn-hidden { display: none; } @media screen and (min-width: 769px) { body { min-width: 1180px; } #grd-page-top .grd-btn:hover { background: #ef7e00; } } .cat-link { display: flex; justify-content: space-between; padding: 0 0 40px; list-style-type: none; border-bottom: 1px solid var(--lwc-colorDefaultFiltered, #ccc); } .cat-link li { width: 140px; color: #999999; border: 2px solid #CCCCCC; border-radius: 50px; padding: 10px 0 10px; cursor: pointer; text-align: center; font-size: 14px; } .cat-link li:first-child { margin-left: 0; } .cat-link li.active, .cat-link li:hover{ color: #094E8F; border: 2px solid #094E8F; } .cat-link li.tomonowa.active, .cat-link li.tomonowa:hover{ background-color: #D5E3EE; border: 2px solid #D5E3EE; color: #000000; } .cat-link li.pronowa.active, .cat-link li.pronowa:hover { background-color: #9AB6D4; border: 2px solid #9AB6D4; color: #ffffff; } .cat-link li.doctornowa.active, .cat-link li.doctornowa:hover { background-color: #094E8F; border: 2px solid #094E8F; color: #ffffff; } .cat-content { display: flex; flex-wrap: nowrap; align-items: baseline; margin-bottom: 30px; } .label-tomonowa{ display: inline-block; width: 120px; text-align: center; padding: 4px 0; margin: 0 0 5px 0; border-radius: 50px; background-color: #D5E3EE; border: 2px solid #D5E3EE; color: #000000; font-size: 12px; line-height: calc(18/12); } .label-pronowa { display: inline-block; width: 120px; text-align: center; padding: 4px 0; margin: 0 0 5px 0; border-radius: 50px; background-color: #9AB6D4; border: 2px solid #9AB6D4; color: #ffffff; font-size: 12px; line-height: calc(18/12); } .label-doctor { display: inline-block; width: 120px; text-align: center; padding: 4px 0; margin: 0 0 5px 0; border-radius: 50px; background-color: #094E8F; border: 2px solid #094E8F; color: #ffffff; font-size: 12px; line-height: calc(18/12); } @media (max-width: 767px) { .cat-link { flex-wrap: wrap; justify-content: space-evenly; } .cat-link li { width: 33.816vw; margin: 0 0 20px 0; } .cat-link li:nth-child(3), .cat-link li:nth-child(4) { margin: 0; } } .nav-open{ display: none; } .topic-nav ul{ display: flex; justify-content: space-between; /* margin-bottom: 30px; */ } .topic-nav ul li{ width: 145px; border: 2px solid #ECA82D; border-radius: 15px; position: relative; } .topic-nav ul li a{ padding: 20px 15px 15px 45px; display: block; color: #ECA82D; font-size: 16px; font-weight: bold; } .topic-nav ul li a:hover { text-decoration: none; opacity: .6; } .topic-nav ul li::before{ content: ""; display: block; position: absolute; width: 36px; height: 36px; top: 10px; left: 5px; } .topic-nav ul li:nth-child(1):before { background-image: url(/rheumatoid-arthritis/tomonowa/images/Common/theme01_2.png); } .topic-nav ul li:nth-child(2):before { background-image: url(/rheumatoid-arthritis/tomonowa/images/Common/theme02_2.png); } .topic-nav ul li:nth-child(3):before { background-image: url(/rheumatoid-arthritis/tomonowa/images/Common/theme03_2.png); } .topic-nav ul li:nth-child(4):before { background-image: url(/rheumatoid-arthritis/tomonowa/images/Common/theme04_2.png); } .topic-nav ul li:nth-child(5):before { background-image: url(/rheumatoid-arthritis/tomonowa/images/Common/theme05_2.png); } .topic-nav ul li:nth-child(6):before { background-image: url(/rheumatoid-arthritis/tomonowa/images/Common/theme06_2.png); } .topic-nav ul li.current { background-color: #ECA82D; } .topic-nav ul li.current a{ color: #FFF; } /* .topic-nav ul li.current a:hover { opacity: 1; pointer-events: none; } */ .topic-nav ul li.current:nth-child(1):before { background-image: url(/rheumatoid-arthritis/tomonowa/images/Common/theme01_1.png); } .topic-nav ul li.current:nth-child(2):before { background-image: url(/rheumatoid-arthritis/tomonowa/images/Common/theme02_1.png); } .topic-nav ul li.current:nth-child(3):before { background-image: url(/rheumatoid-arthritis/tomonowa/images/Common/theme03_1.png); } .topic-nav ul li.current:nth-child(4):before { background-image: url(/rheumatoid-arthritis/tomonowa/images/Common/theme04_1.png); } .topic-nav ul li.current:nth-child(5):before { background-image: url(/rheumatoid-arthritis/tomonowa/images/Common/theme05_1.png); } .topic-nav ul li.current:nth-child(6):before { background-image: url(/rheumatoid-arthritis/tomonowa/images/Common/theme06_1.png); } @media (max-width: 767px) { .nav-open { display: block; padding: 10px; color: #000; font-size: 22px; font-weight: bold; background: #fff; position: relative; border: 1px solid #CCCCCC; margin: 0 0 10px 0; } .nav-open::before { content: "＋"; position: absolute; right: 20px; } .nav-open.active::before { content: "－"; } .topic-nav { display: none; } .topic-nav ul { display: block; margin: 0 0 10px 0; } .topic-nav ul li { width: 100%; margin: 0 0 10px 0; } .topic-nav ul li::before { background-image: none !important; } .topic-nav ul li a { padding: 10px; font-size: 22px; text-align: center; } } .fix-header{ position: sticky !important; top: 0; z-index: 9999; background: #fff; } .fix-nav{ position: sticky; top: 163px; z-index: 9998; background: #fff; margin: 1px 0 0 0; } @media (max-width: 767px) { .fix-nav { top: 49px; } }