@charset "UTF-8";

body,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0
}

/* UI5 Web Component官方组件样式调整 */
/* 更新Web Component SDK后需要把版本号修改为最新版本 */
:root {
  --_ui5-v2-18-0_shellbar_root_height: 3.25rem !important;
}

/* ######（一）调整官方组件CSS格式 ###### */

#FLP---app--app-subHeader {
  height: 3.25rem;
}

#FLP---app--idAppShellBar {
  height: 3.25rem;
}

.sapUshellShellShowSearchOverlay .sapTntToolPageHeaderWrapper:first-of-type {
  z-index: 10;
}

.ui5-shellbar-root {
  height: 3.25rem !important;
}

.sapTntToolPage.sapTntToolPageWithSideContent .sapTntToolPageHeader [ui5-shellbar] {
  padding-inline: 3rem 3rem;
}

.sapUiLocalBusyIndicatorShowContainer>div.sapUiLocalBusyIndicatorAnimation {
  background: unset !important;
  box-shadow: unset !important;
}

.sapThemeBrand-asOutlineColor .sapMGTMoreIcon {
  visibility: visible !important;
}

.sapUiExtraTinyMarginTop {
  margin-top: 0.25rem !important;
}

.dialogHeader {
  border-bottom: 1px solid #a8b3bd;
  padding-bottom: 0.5rem;
}

.clsAppContainer {
  height: 100%;
}

.clsAppContainerHost {
  position: relative;
  height: 100%;
  min-height: 0;
  overflow: hidden;
  background: var(--sapBackgroundColor);
}

.clsAppContainerInitialPlaceholderLayer,
.clsAppContainerContentLayer {
  position: absolute !important;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  min-height: 0;
}

.clsAppContainerInitialPlaceholderLayer {
  z-index: 2;
  pointer-events: none;
}

.clsAppContainerContentLayer {
  z-index: 1;
}

.clsAppContainerInitialPlaceholder,
.clsAppContainerContent,
.clsAppContainerContent>.sapMFlexItem {
  height: 100%;
  min-height: 0;
}

.clsAppContainerInitialPlaceholder {
  background: transparent !important;
}

.clsAppContainerInitialPlaceholder,
.clsAppContainerInitialPlaceholder * {
  transition-duration: 0s !important;
  transition-delay: 0s !important;
}

.clsAppContainerInitialPlaceholderColumn {
  position: relative;
  height: 100%;
  width: 100%;
  min-height: 0;
  overflow: hidden;
}

.clsAppContainerInitialPlaceholderBeginClear .sapFFCLColumnBegin,
.clsAppContainerInitialPlaceholderBeginClear [id$="-beginColumn"],
.clsAppContainerInitialPlaceholderMidClear .sapFFCLColumnMid,
.clsAppContainerInitialPlaceholderMidClear [id$="-midColumn"],
.clsAppContainerInitialPlaceholderEndClear .sapFFCLColumnEnd,
.clsAppContainerInitialPlaceholderEndClear [id$="-endColumn"] {
  background: transparent !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.sapUxAPObjectPageSubSectionHeader .sapMTB {
  padding-bottom: 0.75rem;
}

.clsQuickAccessIconTabBar .sapMITBContent {
  padding: 0 !important;
}

.sapUshellQuickAccessListIcon .sapUiIcon {
  height: 2rem;
  width: 2rem;
  line-height: 2rem;
  border: none;
  border-radius: 0.25rem;
  font-size: 1.25rem;
}

.sapMGT.sapMGTTwoByHalf.sapMGTIconMode .sapMGTHdrContent {
  overflow: visible !important;
}

.sapUshellNavigationMenuListItems .sapMLIBContent:before {
  background-color: #758ca4;
}

.sapUshellNavigationMenuListItems .sapMLIBContent:before {
  content: "";
  position: absolute;
  left: 1.563rem;
  top: 0;
  width: 1px;
  height: 0.75rem;
}

.sapUshellNavigationMenuListItems.sapMSLIWithDescription .sapMLIBContent:after,
.sapUshellNavigationMenuListFirstItem.sapMSLIWithDescription .sapMLIBContent:after {
  content: "";
  position: absolute;
  left: 1.563rem;
  bottom: 0;
  width: 1px;
  height: 1.75rem;
}

.sapUshellNavigationMenuListItems .sapMLIBContent:after,
.sapUshellNavigationMenuListFirstItem .sapMLIBContent:after {
  background-color: #758ca4;
}

.sapUshellNavigationMenuListItems .sapMSLIDescription,
.sapUshellNavigationMenuListFirstItem .sapMSLIDescription {
  font-size: 0.75rem;
}

.sapMeWelcomeBannerTitle {
  font-size: 3rem;
  color: #fff;
  font-weight: 900;
  padding-bottom: 1.5rem;
}

.sapMeWelcomeBannerSubTitle {
  color: #fff;
  padding-bottom: 1.5rem;
}


.clFLPSplitterFirstSection>section:first-of-type {
  width: 100% !important;
}

.clFLPSplitterSecondSection>section:last-of-type {
  width: 100% !important;
}

.clFLPSplitterFirstSection .sapUiLoSplitterBar,
.clFLPSplitterSecondSection .sapUiLoSplitterBar {
  display: none !important;
}

.clsFLPPagePanel .sapMPanelContent {
  padding: 0 !important;
}


/* .sapUiIcon::before {
  color: var(--sapField_TextColor);
} */


/* 只在1440分辨率以上才生效 */

/* 主页的IconTabBar的内容展示框样式 */
.clUshellPage {
  padding-top: 1rem;
}

.clUshellShellBG {
  background-color: #eff1f2;
}

.clUshellPage .clUshellPageSection {
  margin-bottom: 1.5rem;
}

.clHeight100Percent {
  height: 100%;
}

.clsFLPPageDetailTemplateconTabBar .sapMITBContent {
  border: none;
  padding: 0;
}

.clMyHomeApplicationGenericTile {
  width: 100% !important;
}

.clHomeSettingDetailPage .sapMPageHeader {
  border-radius: unset !important;
}

.clHomeSettingLayoutDetailTableColumnListItem {
  background-color: transparent;
}

.clsMyhomeWelcomeOverflowToolbar {
  background: linear-gradient(90deg, var(--globarBar-backgroundColor) 0%, var(--header-bgcolor-faded, transparent) 75%, var(--globarBar-backgroundColor) 100%), lightgray url(/img/GlobalActionBar.jpg) 0% 0% repeat;
  padding: 0.5rem 1rem;
  border-radius: 0.625rem;
  border: 1px solid var(--globalBar-borderColor);
  height: 5rem !important;
  margin-bottom: 14px;
}

.clsMyhomeWelcome {
  background-image: url("/img/homejpg/15.jpg");
  background-position: center 42%;
  background-size: cover;
  padding: 3.5rem 1.5rem;
}

.clsMyhomeWelcomeHomeSettingButton {
  padding-right: 0.5rem !important;
}

.clMyhomeWelcomeOverflowToolbarButton .sapMBtnInner {
  background-color: var(--globalBar-welcome-button-background) !important;
}

.clMyhomeWelcomeOverflowToolbarText {
  color: var(--globalBar-textColor);
}

.clsMyhomeWelcomeOverflowToolbarTitle {
  margin-top: 2px;
}

.clsMyHomeNewsAndPagesContainer {
  gap: 1rem;
}

.clsMyHomeView {
  overflow-x: hidden;
}

.clsShellNotificationPopoverRoot {
  height: 100%;
  box-sizing: border-box;
  padding: 0 0.75rem 0.75rem;
  overflow-x: hidden;
}

.clsShellNotificationPopoverRoot .clsShellNotificationPopoverHeader {
  padding: 0;
  border-bottom: 1px solid var(--sapGroup_TitleBorderColor);
}

.clsShellNotificationList {
  display: block;
  width: 100%;
  box-sizing: border-box;
  overflow-x: hidden;
}

.clsShellNotificationList ui5-li-notification-group:not(:last-child) {
  padding-bottom: 0.75rem;
}

.clsShellNotificationList ui5-li-notification:not(:last-child) {
  padding-bottom: 0.5rem;
}

.clsShellNotificationItemDescription {
  display: block;
  line-height: 1.35;
  white-space: normal;
}

.clsShellNotificationEmpty {
  padding: 3rem 1.5rem 0;
}

@media (min-width: 1440px) {

  .sapUiMedia-Std-Tablet .sapMITH,
  .sapUiMedia-Std-Desktop [id$="HomeIconTabBarId--header"] {
    padding: 0 2.75rem;
  }

  .clUshellPage {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  [id$="HomeIconTabBarId-content"] {
    padding: 1rem 2rem 1rem 2rem;
  }

  /* 我的主页自定义样式 */
  .clHomeScrollContainer {
    padding: 8px 0 0 20px
  }

  .clsMyHomeToolHeader {
    padding-left: 2.75rem;
  }

  .clsMyHomeView {
    padding: 2rem 0rem 0rem 0rem;
    box-sizing: border-box;
  }

  .clsHomeSectionsContainer {
    padding: 0rem 3rem;
  }

  .clMyHomeWelcomeMarginBottom,
  .clMyHomeWelComeMarginBottom {
    margin-bottom: 3rem;
  }

}

/* AI浮窗模式允许点击底层页面；Shell 模态弹窗打开时必须保留 UI5 block layer。 */
body.clsAIAssistantFloatingPassThrough:not(.clsAIAssistantShellModalOpen) .sapUiBLy,
body.clsAIAssistantFloatingPassThrough:not(.clsAIAssistantShellModalOpen) #sap-ui-blocklayer-popup,
body.clsAIAssistantFloatingPassThrough:not(.clsAIAssistantShellModalOpen) [id^="sap-ui-blocklayer-popup"],
html.clsAIAssistantFloatingPassThrough:not(.clsAIAssistantShellModalOpen) .sapUiBLy,
html.clsAIAssistantFloatingPassThrough:not(.clsAIAssistantShellModalOpen) #sap-ui-blocklayer-popup,
html.clsAIAssistantFloatingPassThrough:not(.clsAIAssistantShellModalOpen) [id^="sap-ui-blocklayer-popup"] {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  opacity: 0 !important;
  background: transparent !important;
}

.clsAIAssistantDirectHost {
  position: fixed;
  box-sizing: border-box;
  overflow: hidden;
  z-index: 70;
  border: 1px solid rgba(94, 111, 132, 0.58);
  background: #f7f9fc;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.72),
    0 1.25rem 3.25rem rgba(15, 23, 42, 0.18),
    0 0.25rem 0.75rem rgba(15, 23, 42, 0.1);
  pointer-events: auto;
}

.clsAIAssistantDirectHostHidden {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}

.clsAIAssistantDirectHostFloating {
  top: auto;
  right: 1rem;
  bottom: 1rem;
  left: auto;
  width: 416px;
  height: 90vh;
  max-width: calc(100vw - 2rem);
  max-height: 48rem;
  border-radius: 1.75rem;
}

.clsAIAssistantDirectHostFullScreen {
  inset: 0;
  width: 100vw;
  height: 100vh;
  max-width: none;
  max-height: none;
  border-radius: 0;
  border: 0;
  box-shadow: none;
}

.clsAIAssistantDirectHostDragging {
  transition: none !important;
}

.clsAIAssistantDirectHostDragging,
.clsAIAssistantDirectHostMorphing {
  backface-visibility: hidden;
  transform-style: preserve-3d;
}

.clsAIAssistantDirectHostMorphing .clsAssistantFrame {
  pointer-events: none;
}

.clsAIAssistantDirectHostShellModalOpen {
  z-index: 8;
}

html[data-theme*="_dark"] .clsAIAssistantDirectHost,
html[data-theme*="_hcb"] .clsAIAssistantDirectHost {
  background: #141c2d;
  border-color: rgba(143, 160, 184, 0.5);
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.08),
    0 1.25rem 3.25rem rgba(0, 0, 0, 0.38),
    0 0.25rem 0.75rem rgba(0, 0, 0, 0.2);
}

@media (max-width: 640px),
(max-height: 720px) {
  .clsAIAssistantDirectHostFloating {
    inset: 0;
    width: 100vw;
    height: 100vh;
    max-width: none;
    max-height: none;
    border-radius: 0;
  }
}

/* （600px到1440px之间） */

/* 主页的IconTabBar的内容展示框样式*/
@media (min-width: 600px) and (max-width: 1440px) {

  .sapTntToolPage.sapTntToolPageWithSideContent .sapTntToolPageHeader [ui5-shellbar] {
    padding-inline: 2rem 2rem;
  }

  .clsAppSideNavigationFixedItem,
  .clsAppSideNavigation .sapTntSideNavigationSeparator {
    display: none !important;
  }

  .clHomeScrollContainer {
    padding: 8px 0 0 24px;
  }

  .clsMyHomeToolHeader {
    padding-left: 1.75rem;
  }

  .clUshellPage {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .clsMyHomeView {
    padding: 1.5rem 0rem 0rem 0rem;
    box-sizing: border-box;
  }

  .clsHomeSectionsContainer {
    padding: 0rem 2rem;
  }

  .clMyHomeWelcomeMarginBottom,
  .clMyHomeWelComeMarginBottom {
    margin-bottom: 2rem;
  }

}

/* 只在600分辨率以下才生效 */
@media (max-width: 599px) {

  .sapTntToolPage.sapTntToolPageWithSideContent .sapTntToolPageHeader [ui5-shellbar] {
    padding-inline: 1rem 1rem;
  }

  /* 公司logo图标 */
  .sapUiSizeCompact .sapMBtnInner .sapMBtnIcon.sapMImg {
    max-height: 1.8rem;
  }

  .sapUiMedia-Std-Phone [id$="HomeIconTabBarId-content"] {
    padding: 1rem 0.5rem 1rem 0.5rem;
  }

  /* 我的主页自定义样式 */
  .clHomeScrollContainer {
    padding: 8px 0 0 16px
  }

  .clsShellBar .sapMMenuBtnRegular {
    margin: 0 !important;
  }

  .clsMyHomeToolHeader {
    padding-left: 1rem;
  }

  .clUshellPage {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .clsMyHomeView {
    padding: 1rem 0rem 0rem 0rem;
    box-sizing: border-box;
  }

  .clsHomeSectionsContainer {
    padding: 0rem 1rem;
  }

  .clMyHomeWelcomeMarginBottom,
  .clMyHomeWelComeMarginBottom {
    margin-bottom: 1.5rem;
  }

  .sapMColorPaletteSquare {
    width: 2.5rem !important;
    height: 2.5rem !important;
  }

  .clsMyHomeApplicationFolderGridContainer .sapFGridContainerListUl {
    grid-template-columns: repeat(auto-fill, 100%) !important;
  }

  .sapMeWelcomeBannerTitle {
    font-size: 2.5rem;
  }

}

.clMyhomePagesVBox {
  max-width: unset !important;
}

.clLoading {
  z-index: 39;
  background-color: var(--clLoading-background);
  -moz-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
  opacity: .9;
}

.clLoginOutBdiText {
  white-space: normal;
  text-align: center !important;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.5em;
  font-size: 24px;
  font-weight: bold;
  height: 100%;
  align-items: center;
  width: 100%;
  display: grid;
  color: var(--clLoading-clLoginOutBdiText);
}

.clsShellBar {
  height: 3.25rem !important;
}

.clsShellBar .sapMImg {
  height: 2rem !important;
}

.cuxCompositeItem {
  padding: 0.5rem 0rem 0.5rem 1.5rem;
}

/* ######（二）主题样式 ###### */

/* ------------------------------------------  sap_quartz  ------------------------------------------ */

/* -------------------- sap_quartz_light主题 -------------------- */
[data-theme="sap_fiori_3"][data-infoBarColor="orange"] {
  --clsClient-background-color: #d58215;
  --clsClient-border: #d58215;
  --clsSystemDescText: #fff;
  --clsClientText: #fff;
  --clsClientIcon: #fff;
}

[data-theme="sap_fiori_3"][data-infoBarColor="grey"] {
  --clsClient-background-color: #476380;
  --clsClient-border: #476380;
  --clsSystemDescText: #fff;
  --clsClientText: #fff;
  --clsClientIcon: #fff;
}

[data-theme="sap_fiori_3"][data-infoBarColor="violet"] {
  --clsClient-background-color: #5154bd;
  --clsClient-border: #5154bd;
  --clsSystemDescText: #fff;
  --clsClientText: #fff;
  --clsClientIcon: #fff;
}

[data-theme="sap_fiori_3"][data-infoBarColor="green"] {
  --clsClient-background-color: #687a33;
  --clsClient-border: #687a33;
  --clsSystemDescText: #fff;
  --clsClientText: #fff;
  --clsClientIcon: #fff;
}

[data-theme="sap_fiori_3"][data-infoBarColor="pink2"] {
  --clsClient-background-color: #cf5db3;
  --clsClient-border: #cf5db3;
  --clsSystemDescText: #fff;
  --clsClientText: #fff;
  --clsClientIcon: #fff;
}

[data-theme="sap_fiori_3"][data-infoBarColor="gray2"] {
  --clsClient-background-color: #647987;
  --clsClient-border: #647987;
  --clsSystemDescText: #fff;
  --clsClientText: #fff;
  --clsClientIcon: #fff;
}

[data-theme="sap_fiori_3"][data-infoBarColor="violet2"] {
  --clsClient-background-color: #892971 --clsClient-border: #892971 --clsSystemDescText: #fff;
  --clsClientText: #fff;
  --clsClientIcon: #fff;
}

[data-theme="sap_fiori_3"][data-infoBarColor="pink"] {
  --clsClient-background-color: #bc1b66;
  --clsClient-border: #bc1b66;
  --clsSystemDescText: #fff;
  --clsClientText: #fff;
  --clsClientIcon: #fff;
}

[data-theme="sap_fiori_3"][data-infoBarColor="blue"] {
  --clsClient-background-color: #597da1;
  --clsClient-border: #597da1;
  --clsSystemDescText: #fff;
  --clsClientText: #fff;
  --clsClientIcon: #fff;
}

[data-theme="sap_fiori_3"][data-infoBarColor="red"] {
  --clsClient-background-color: #dc5b5b;
  --clsClient-border: #dc5b5b;
  --clsSystemDescText: #fff;
  --clsClientText: #fff;
  --clsClientIcon: #fff;
}

[data-theme="sap_fiori_3"][data-infoBarColor="green2"] {
  --clsClient-background-color: #8b9668;
  --clsClient-border: #8b9668;
  --clsSystemDescText: #fff;
  --clsClientText: #fff;
  --clsClientIcon: #fff;
}

[data-theme="sap_fiori_3"][data-infoBarColor="blue2"] {
  --clsClient-background-color: #286eb4;
  --clsClient-border: #286eb4;
  --clsSystemDescText: #fff;
  --clsClientText: #fff;
  --clsClientIcon: #fff;
}

/* -------------------- sap_quartz_dark主题 -------------------- */
[data-theme="sap_fiori_3_dark"][data-infoBarColor="orange"] {
  --clsClient-background-color: #f0525f;
  --clsClient-border: #f0525f;
  --clsSystemDescText: #29313a;
  --clsClientText: #29313a;
  --clsClientIcon: #29313a;
}

[data-theme="sap_fiori_3_dark"][data-infoBarColor="grey"] {
  --clsClient-background-color: #e9e9f0;
  --clsClient-border: #e9e9f0;
  --clsSystemDescText: #29313a;
  --clsClientText: #29313a;
  --clsClientIcon: #29313a;
}

[data-theme="sap_fiori_3_dark"][data-infoBarColor="violet"] {
  --clsClient-background-color: #c3c5fd;
  --clsClient-border: #c3c5fd;
  --clsSystemDescText: #29313a;
  --clsClientText: #29313a;
  --clsClientIcon: #29313a;
}

[data-theme="sap_fiori_3_dark"][data-infoBarColor="green"] {
  --clsClient-background-color: #aabc78;
  --clsClient-border: #aabc78;
  --clsSystemDescText: #29313a;
  --clsClientText: #29313a;
  --clsClientIcon: #29313a;
}

[data-theme="sap_fiori_3_dark"][data-infoBarColor="pink2"] {
  --clsClient-background-color: #de54c1;
  --clsClient-border: #de54c1;
  --clsSystemDescText: #29313a;
  --clsClientText: #29313a;
  --clsClientIcon: #29313a;
}

[data-theme="sap_fiori_3_dark"][data-infoBarColor="gray2"] {
  --clsClient-background-color: #b0bcc5;
  --clsClient-border: #b0bcc5;
  --clsSystemDescText: #29313a;
  --clsClientText: #29313a;
  --clsClientIcon: #29313a;
}

[data-theme="sap_fiori_3_dark"][data-infoBarColor="violet2"] {
  --clsClient-background-color: #bb8aaf;
  --clsClient-border: #bb8aaf;
  --clsSystemDescText: #29313a;
  --clsClientText: #29313a;
  --clsClientIcon: #29313a;
}

[data-theme="sap_fiori_3_dark"][data-infoBarColor="pink"] {
  --clsClient-background-color: #ffa1a1;
  --clsClient-border: #ffa1a1;
  --clsSystemDescText: #29313a;
  --clsClientText: #29313a;
  --clsClientIcon: #29313a;
}

[data-theme="sap_fiori_3_dark"][data-infoBarColor="blue"] {
  --clsClient-background-color: #bbbcd2;
  --clsClient-border: #bbbcd2;
  --clsSystemDescText: #29313a;
  --clsClientText: #29313a;
  --clsClientIcon: #29313a;
}

[data-theme="sap_fiori_3_dark"][data-infoBarColor="red"] {
  --clsClient-background-color: #f58c4b;
  --clsClient-border: #f58c4b;
  --clsSystemDescText: #29313a;
  --clsClientText: #29313a;
  --clsClientIcon: #29313a;
}

[data-theme="sap_fiori_3_dark"][data-infoBarColor="green2"] {
  --clsClient-background-color: #afd645;
  --clsClient-border: #afd645;
  --clsSystemDescText: #29313a;
  --clsClientText: #29313a;
  --clsClientIcon: #29313a;
}

[data-theme="sap_fiori_3_dark"][data-infoBarColor="blue2"] {
  --clsClient-background-color: #6bd3ff;
  --clsClient-border: #6bd3ff;
  --clsSystemDescText: #29313a;
  --clsClientText: #29313a;
  --clsClientIcon: #29313a;
}

/* -------------------- sap_quartz_hcw主题 -------------------- */
[data-theme="sap_fiori_3_hcw"][data-infoBarColor="orange"] {
  --clsClient-background-color: #fff;
  --clsClient-border: .125rem solid #5f5800;
  --clsSystemDescText: #000;
  --clsClientText: #000;
  --clsClientIcon: #000;
}

[data-theme="sap_fiori_3_hcw"][data-infoBarColor="grey"] {
  --clsClient-background-color: #fff;
  --clsClient-border: .125rem solid #223548;
  --clsSystemDescText: #000;
  --clsClientText: #000;
  --clsClientIcon: #000;
}

[data-theme="sap_fiori_3_hcw"][data-infoBarColor="violet"] {
  --clsClient-background-color: #fff;
  --clsClient-border: .125rem solid #7000e0;
  --clsSystemDescText: #000;
  --clsClientText: #000;
  --clsClientIcon: #000;
}

[data-theme="sap_fiori_3_hcw"][data-infoBarColor="green"] {
  --clsClient-background-color: #fff;
  --clsClient-border: .125rem solid #1e592f;
  --clsSystemDescText: #000;
  --clsClientText: #000;
  --clsClientIcon: #000;
}

[data-theme="sap_fiori_3_hcw"][data-infoBarColor="pink2"] {
  --clsClient-background-color: #fff;
  --clsClient-border: .125rem solid #961d7c;
  --clsSystemDescText: #000;
  --clsClientText: #000;
  --clsClientIcon: #000;
}

[data-theme="sap_fiori_3_hcw"][data-infoBarColor="gray2"] {
  --clsClient-background-color: #fff;
  --clsClient-border: .125rem solid #47596c;
  --clsSystemDescText: #000;
  --clsClientText: #000;
  --clsClientIcon: #000;
}

[data-theme="sap_fiori_3_hcw"][data-infoBarColor="violet2"] {
  --clsClient-background-color: #fff;
  --clsClient-border: .125rem solid #6c3d62;
  --clsSystemDescText: #000;
  --clsClientText: #000;
  --clsClientIcon: #000;
}

[data-theme="sap_fiori_3_hcw"][data-infoBarColor="pink"] {
  --clsClient-background-color: #fff;
  --clsClient-border: .125rem solid #580400;
  --clsSystemDescText: #000;
  --clsClientText: #000;
  --clsClientIcon: #000;
}

[data-theme="sap_fiori_3_hcw"][data-infoBarColor="blue"] {
  --clsClient-background-color: #fff;
  --clsClient-border: .125rem solid #002a86;
  --clsSystemDescText: #000;
  --clsClientText: #000;
  --clsClientIcon: #000;
}

[data-theme="sap_fiori_3_hcw"][data-infoBarColor="red"] {
  --clsClient-background-color: #fff;
  --clsClient-border: .125rem solid #af080b;
  --clsSystemDescText: #000;
  --clsClientText: #000;
  --clsClientIcon: #000;
}

[data-theme="sap_fiori_3_hcw"][data-infoBarColor="green2"] {
  --clsClient-background-color: #fff;
  --clsClient-border: .125rem solid #26340b;
  --clsSystemDescText: #000;
  --clsClientText: #000;
  --clsClientIcon: #000;
}

[data-theme="sap_fiori_3_hcw"][data-infoBarColor="blue2"] {
  --clsClient-background-color: #fff;
  --clsClient-border: .125rem solid #004ccb;
  --clsSystemDescText: #000;
  --clsClientText: #000;
  --clsClientIcon: #000;
}

/* -------------------- sap_quartz_hcb主题 -------------------- */
[data-theme="sap_fiori_3_hcb"][data-infoBarColor="orange"] {
  --clsClient-background-color: #000;
  --clsClient-border: .125rem solid #ffc847;
  --clsSystemDescText: #fff;
  --clsClientText: #fff;
  --clsClientIcon: #fff;
}

[data-theme="sap_fiori_3_hcb"][data-infoBarColor="grey"] {
  --clsClient-background-color: #000;
  --clsClient-border: .125rem solid #eaecee;
  --clsSystemDescText: #fff;
  --clsClientText: #fff;
  --clsClientIcon: #fff;
}

[data-theme="sap_fiori_3_hcb"][data-infoBarColor="violet"] {
  --clsClient-background-color: #000;
  --clsClient-border: .125rem solid #d3b6ff;
  --clsSystemDescText: #fff;
  --clsClientText: #fff;
  --clsClientIcon: #fff;
}

[data-theme="sap_fiori_3_hcb"][data-infoBarColor="green"] {
  --clsClient-background-color: #000;
  --clsClient-border: .125rem solid #b2e484;
  --clsSystemDescText: #fff;
  --clsClientText: #fff;
  --clsClientIcon: #fff;
}

[data-theme="sap_fiori_3_hcb"][data-infoBarColor="pink2"] {
  --clsClient-background-color: #000;
  --clsClient-border: .125rem solid #e269c9;
  --clsSystemDescText: #fff;
  --clsClientText: #fff;
  --clsClientIcon: #fff;
}

[data-theme="sap_fiori_3_hcb"][data-infoBarColor="gray2"] {
  --clsClient-background-color: #000;
  --clsClient-border: .125rem solid #b0bcc5;
  --clsSystemDescText: #fff;
  --clsClientText: #fff;
  --clsClientIcon: #fff;
}

[data-theme="sap_fiori_3_hcb"][data-infoBarColor="violet2"] {
  --clsClient-background-color: #000;
  --clsClient-border: .125rem solid #bb86b0;
  --clsSystemDescText: #fff;
  --clsClientText: #fff;
  --clsClientIcon: #fff;
}

[data-theme="sap_fiori_3_hcb"][data-infoBarColor="pink"] {
  --clsClient-background-color: #000;
  --clsClient-border: .125rem solid #fdcef0;
  --clsSystemDescText: #fff;
  --clsClientText: #fff;
  --clsClientIcon: #fff;
}

[data-theme="sap_fiori_3_hcb"][data-infoBarColor="blue"] {
  --clsClient-background-color: #000;
  --clsClient-border: .125rem solid #4db1ff;
  --clsSystemDescText: #fff;
  --clsClientText: #fff;
  --clsClientIcon: #fff;
}

[data-theme="sap_fiori_3_hcb"][data-infoBarColor="red"] {
  --clsClient-background-color: #000;
  --clsClient-border: .125rem solid #ff8787;
  --clsSystemDescText: #fff;
  --clsClientText: #fff;
  --clsClientIcon: #fff;
}

[data-theme="sap_fiori_3_hcb"][data-infoBarColor="green2"] {
  --clsClient-background-color: #000;
  --clsClient-border: .125rem solid #b2e484;
  --clsSystemDescText: #fff;
  --clsClientText: #fff;
  --clsClientIcon: #fff;
}

[data-theme="sap_fiori_3_hcb"][data-infoBarColor="blue2"] {
  --clsClient-background-color: #000;
  --clsClient-border: .125rem solid #6bd3ff;
  --clsSystemDescText: #fff;
  --clsClientText: #fff;
  --clsClientIcon: #fff;
}

/* ------------------------------------------ sap_horizon  ------------------------------------------ */

/* -------------------- sap_horizon主题 -------------------- */
[data-theme="sap_horizon"][data-infoBarColor="orange"] {
  --clsClient-background-color: #e76500;
  --clsClient-border: e76500;
  --clsSystemDescText: #fff;
  --clsClientText: #fff;
  --clsClientIcon: #fff;
}

[data-theme="sap_horizon"][data-infoBarColor="grey"] {
  --clsClient-background-color: #223548;
  --clsClient-border: #223548;
  --clsSystemDescText: #fff;
  --clsClientText: #fff;
  --clsClientIcon: #fff;
}

[data-theme="sap_horizon"][data-infoBarColor="violet"] {
  --clsClient-background-color: #7858ff;
  --clsClient-border: #7858ff;
  --clsSystemDescText: #fff;
  --clsClientText: #fff;
  --clsClientIcon: #fff;
}

[data-theme="sap_horizon"][data-infoBarColor="green"] {
  --clsClient-background-color: #1e592f;
  --clsClient-border: #1e592f;
  --clsSystemDescText: #fff;
  --clsClientText: #fff;
  --clsClientIcon: #fff;
}

[data-theme="sap_horizon"][data-infoBarColor="pink2"] {
  --clsClient-background-color: #f31ded;
  --clsClient-border: #f31ded;
  --clsSystemDescText: #fff;
  --clsClientText: #fff;
  --clsClientIcon: #fff;
}

[data-theme="sap_horizon"][data-infoBarColor="gray2"] {
  --clsClient-background-color: #5b738b;
  --clsClient-border: #5b738b;
  --clsSystemDescText: #fff;
  --clsClientText: #fff;
  --clsClientIcon: #fff;
}

[data-theme="sap_horizon"][data-infoBarColor="violet2"] {
  --clsClient-background-color: #7800a4;
  --clsClient-border: #7800a4;
  --clsSystemDescText: #fff;
  --clsClientText: #fff;
  --clsClientIcon: #fff;
}

[data-theme="sap_horizon"][data-infoBarColor="pink"] {
  --clsClient-background-color: #a00875;
  --clsClient-border: #a00875;
  --clsSystemDescText: #fff;
  --clsClientText: #fff;
  --clsClientIcon: #fff;
}

[data-theme="sap_horizon"][data-infoBarColor="blue"] {
  --clsClient-background-color: #002a86;
  --clsClient-border: #002a86;
  --clsSystemDescText: #fff;
  --clsClientText: #fff;
  --clsClientIcon: #fff;
}

[data-theme="sap_horizon"][data-infoBarColor="red"] {
  --clsClient-background-color: #d20a0a;
  --clsClient-border: #d20a0a;
  --clsSystemDescText: #fff;
  --clsClientText: #fff;
  --clsClientIcon: #fff;
}

[data-theme="sap_horizon"][data-infoBarColor="green2"] {
  --clsClient-background-color: #188918;
  --clsClient-border: #188918;
  --clsSystemDescText: #fff;
  --clsClientText: #fff;
  --clsClientIcon: #fff;
}

[data-theme="sap_horizon"][data-infoBarColor="blue2"] {
  --clsClient-background-color: #0057d2;
  --clsClient-border: #0057d2;
  --clsSystemDescText: #fff;
  --clsClientText: #fff;
  --clsClientIcon: #fff;
}

/* -------------------- sap_horizon_dark主题 -------------------- */
[data-theme="sap_horizon_dark"][data-infoBarColor="orange"] {
  --clsClient-background-color: #ffb300;
  --clsClient-border: #ffb300;
  --clsSystemDescText: #1d232a;
  --clsClientText: #1d232a;
  --clsClientIcon: #1d232a;
}

[data-theme="sap_horizon_dark"][data-infoBarColor="grey"] {
  --clsClient-background-color: #d5dadd;
  --clsClient-border: #d5dadd;
  --clsSystemDescText: #1d232a;
  --clsClientText: #1d232a;
  --clsClientIcon: #1d232a;
}

[data-theme="sap_horizon_dark"][data-infoBarColor="violet"] {
  --clsClient-background-color: #9b99ff;
  --clsClient-border: #9b99ff;
  --clsSystemDescText: #1d232a;
  --clsClientText: #1d232a;
  --clsClientIcon: #1d232a;
}

[data-theme="sap_horizon_dark"][data-infoBarColor="green"] {
  --clsClient-background-color: #39ad1f;
  --clsClient-border: #39ad1f;
  --clsSystemDescText: #1d232a;
  --clsClientText: #1d232a;
  --clsClientIcon: #1d232a;
}

[data-theme="sap_horizon_dark"][data-infoBarColor="pink2"] {
  --clsClient-background-color: #ff8af0;
  --clsClient-border: #ff8af0;
  --clsSystemDescText: #1d232a;
  --clsClientText: #1d232a;
  --clsClientIcon: #1d232a;
}

[data-theme="sap_horizon_dark"][data-infoBarColor="gray2"] {
  --clsClient-background-color: #8396a8;
  --clsClient-border: #8396a8;
  --clsSystemDescText: #1d232a;
  --clsClientText: #1d232a;
  --clsClientIcon: #1d232a;
}

[data-theme="sap_horizon_dark"][data-infoBarColor="violet2"] {
  --clsClient-background-color: #aa7dd9;
  --clsClient-border: #aa7dd9;
  --clsSystemDescText: #1d232a;
  --clsClientText: #1d232a;
  --clsClientIcon: #1d232a;
}

[data-theme="sap_horizon_dark"][data-infoBarColor="pink"] {
  --clsClient-background-color: #ffa1a1;
  --clsClient-border: #ffa1a1;
  --clsSystemDescText: #1d232a;
  --clsClientText: #1d232a;
  --clsClientIcon: #1d232a;
}

[data-theme="sap_horizon_dark"][data-infoBarColor="blue"] {
  --clsClient-background-color: #1b90ff;
  --clsClient-border: #1b90ff;
  --clsSystemDescText: #1d232a;
  --clsClientText: #1d232a;
  --clsClientIcon: #1d232a;
}

[data-theme="sap_horizon_dark"][data-infoBarColor="red"] {
  --clsClient-background-color: #d20a0a;
  --clsClient-border: #d20a0a;
  --clsSystemDescText: #1d232a;
  --clsClientText: #1d232a;
  --clsClientIcon: #1d232a;
}

[data-theme="sap_horizon_dark"][data-infoBarColor="green2"] {
  --clsClient-background-color: #97dd40;
  --clsClient-border: #97dd40;
  --clsSystemDescText: #1d232a;
  --clsClientText: #1d232a;
  --clsClientIcon: #1d232a;
}

[data-theme="sap_horizon_dark"][data-infoBarColor="blue2"] {
  --clsClient-background-color: #89d1ff;
  --clsClient-border: #89d1ff;
  --clsSystemDescText: #1d232a;
  --clsClientText: #1d232a;
  --clsClientIcon: #1d232a;
}

/* -------------------- sap_horizon_hcw主题 -------------------- */
[data-theme="sap_horizon_hcw"][data-infoBarColor="orange"] {
  --clsClient-background-color: #fff;
  --clsClient-border: .125rem solid #5f5800;
  --clsSystemDescText: #000;
  --clsClientText: #000;
  --clsClientIcon: #000;
}

[data-theme="sap_horizon_hcw"][data-infoBarColor="grey"] {
  --clsClient-background-color: #fff;
  --clsClient-border: .125rem solid #223548;
  --clsSystemDescText: #000;
  --clsClientText: #000;
  --clsClientIcon: #000;
}

[data-theme="sap_horizon_hcw"][data-infoBarColor="violet"] {
  --clsClient-background-color: #fff;
  --clsClient-border: .125rem solid #7000e0;
  --clsSystemDescText: #000;
  --clsClientText: #000;
  --clsClientIcon: #000;
}

[data-theme="sap_horizon_hcw"][data-infoBarColor="green"] {
  --clsClient-background-color: #fff;
  --clsClient-border: .125rem solid #1e592f;
  --clsSystemDescText: #000;
  --clsClientText: #000;
  --clsClientIcon: #000;
}

[data-theme="sap_horizon_hcw"][data-infoBarColor="pink2"] {
  --clsClient-background-color: #fff;
  --clsClient-border: .125rem solid #961d7c;
  --clsSystemDescText: #000;
  --clsClientText: #000;
  --clsClientIcon: #000;
}

[data-theme="sap_horizon_hcw"][data-infoBarColor="gray2"] {
  --clsClient-background-color: #fff;
  --clsClient-border: .125rem solid #47596c;
  --clsSystemDescText: #000;
  --clsClientText: #000;
  --clsClientIcon: #000;
}

[data-theme="sap_horizon_hcw"][data-infoBarColor="violet2"] {
  --clsClient-background-color: #fff;
  --clsClient-border: .125rem solid #6c3d62;
  --clsSystemDescText: #000;
  --clsClientText: #000;
  --clsClientIcon: #000;
}

[data-theme="sap_horizon_hcw"][data-infoBarColor="pink"] {
  --clsClient-background-color: #fff;
  --clsClient-border: .125rem solid #580400;
  --clsSystemDescText: #000;
  --clsClientText: #000;
  --clsClientIcon: #000;
}

[data-theme="sap_horizon_hcw"][data-infoBarColor="blue"] {
  --clsClient-background-color: #fff;
  --clsClient-border: .125rem solid #002a86;
  --clsSystemDescText: #000;
  --clsClientText: #000;
  --clsClientIcon: #000;
}

[data-theme="sap_horizon_hcw"][data-infoBarColor="red"] {
  --clsClient-background-color: #fff;
  --clsClient-border: .125rem solid #af080b;
  --clsSystemDescText: #000;
  --clsClientText: #000;
  --clsClientIcon: #000;
}

[data-theme="sap_horizon_hcw"][data-infoBarColor="green2"] {
  --clsClient-background-color: #fff;
  --clsClient-border: .125rem solid #26340b;
  --clsSystemDescText: #000;
  --clsClientText: #000;
  --clsClientIcon: #000;
}

[data-theme="sap_horizon_hcw"][data-infoBarColor="blue2"] {
  --clsClient-background-color: #fff;
  --clsClient-border: .125rem solid #004ccb;
  --clsSystemDescText: #000;
  --clsClientText: #000;
  --clsClientIcon: #000;
}

/* -------------------- sap_horizon_hcb主题 -------------------- */
[data-theme="sap_horizon_hcb"][data-infoBarColor="orange"] {
  --clsClient-background-color: #000;
  --clsClient-border: .125rem solid #ffc847;
  --clsSystemDescText: #fff;
  --clsClientText: #fff;
  --clsClientIcon: #fff;
}

[data-theme="sap_horizon_hcb"][data-infoBarColor="grey"] {
  --clsClient-background-color: #000;
  --clsClient-border: .125rem solid #eaecee;
  --clsSystemDescText: #fff;
  --clsClientText: #fff;
  --clsClientIcon: #fff;
}

[data-theme="sap_horizon_hcb"][data-infoBarColor="violet"] {
  --clsClient-background-color: #000;
  --clsClient-border: .125rem solid #d3b6ff;
  --clsSystemDescText: #fff;
  --clsClientText: #fff;
  --clsClientIcon: #fff;
}

[data-theme="sap_horizon_hcb"][data-infoBarColor="green"] {
  --clsClient-background-color: #000;
  --clsClient-border: .125rem solid #b2e484;
  --clsSystemDescText: #fff;
  --clsClientText: #fff;
  --clsClientIcon: #fff;
}

[data-theme="sap_horizon_hcb"][data-infoBarColor="pink2"] {
  --clsClient-background-color: #000;
  --clsClient-border: .125rem solid #961d7c;
  --clsSystemDescText: #fff;
  --clsClientText: #fff;
  --clsClientIcon: #fff;
}

[data-theme="sap_horizon_hcb"][data-infoBarColor="gray2"] {
  --clsClient-background-color: #000;
  --clsClient-border: .125rem solid #b0bcc5;
  --clsSystemDescText: #fff;
  --clsClientText: #fff;
  --clsClientIcon: #fff;
}

[data-theme="sap_horizon_hcb"][data-infoBarColor="violet2"] {
  --clsClient-background-color: #000;
  --clsClient-border: .125rem solid #b0bcc5;
  --clsSystemDescText: #fff;
  --clsClientText: #fff;
  --clsClientIcon: #fff;
}

[data-theme="sap_horizon_hcb"][data-infoBarColor="pink"] {
  --clsClient-background-color: #000;
  --clsClient-border: .125rem solid #bb86b0;
  --clsSystemDescText: #fff;
  --clsClientText: #fff;
  --clsClientIcon: #fff;
}

[data-theme="sap_horizon_hcb"][data-infoBarColor="blue"] {
  --clsClient-background-color: #000;
  --clsClient-border: .125rem solid #4db1ff;
  --clsSystemDescText: #fff;
  --clsClientText: #fff;
  --clsClientIcon: #fff;
}

[data-theme="sap_horizon_hcb"][data-infoBarColor="red"] {
  --clsClient-background-color: #000;
  --clsClient-border: .125rem solid #ff8787;
  --clsSystemDescText: #fff;
  --clsClientText: #fff;
  --clsClientIcon: #fff;
}

[data-theme="sap_horizon_hcb"][data-infoBarColor="green2"] {
  --clsClient-background-color: #000;
  --clsClient-border: .125rem solid #26340b;
  --clsSystemDescText: #fff;
  --clsClientText: #fff;
  --clsClientIcon: #fff;
}

[data-theme="sap_horizon_hcb"][data-infoBarColor="blue2"] {
  --clsClient-background-color: #000;
  --clsClient-border: .125rem solid #6bd3ff;
  --clsSystemDescText: #fff;
  --clsClientText: #fff;
  --clsClientIcon: #fff;
}

/* sap_quartz_light主题 */
[data-theme="sap_fiori_3"] {
  --clLoading-background: #fff --clsShellBarIconTabBar-sapMITH-background: #354a5f;
  --clsShellBarIconTabBar-sapMITBSelected-sapMITBContentArrow-after-background: #d1e8ff;
  --clsShellBarIconTabBar-sapMITBFilterExpandBtn-sapUiIcon-before: #fff;
  --clsShellBarIconTabBar-sapMITBSelected-sapMITBText-sapMITHTextContent: #d1e8ff !important;
  --clsShellBarIconTabBar-sapMITBFilterExpandBtn-sapMITBFilterExpandIcon-hover: #283848;
  --tilesTitleInGroup-font-weight: unset;
  --div-sapMITH-box-shadow: 0 .125rem .125rem 0 rgba(0, 0, 0, 0.08), inset 0 -0.0625rem 0 0 rgba(0, 0, 0, 0.18);
  --clSettingPage-background: #fff;
  --clMyHomeNewsFooterTileContent-background-color: rgba(6, 64, 121, 0.85);
  --clMyHomeNewsFooterTileContent-sapMTileCntFooterTextColorNeutral-color: #fff;
  --pageBoxContainer--pageBoxTile--sapMGT--iconcolor: #fff;
  --myhome-news-tile-color-1: #286EB4;
  --myhome-news-tile-color-2: #892971;
  --myhome-news-tile-color-3: #8B9668;
  --myhome-news-tile-color-4: #BB2F2F;
  --myhome-news-tile-color-5: #D58215;
  --myhome-news-tile-color-6: #CF5DB3;
  --myhome-news-tile-color-7: #DB1F77;
  --myhome-news-tile-color-8: #1193A2;
  --myhome-application-color-1: #295989;
  --myhome-application-background-color-1: var(--myhome-application-color-1);
  --myhome-application-color-2: #BC1C66;
  --myhome-application-background-color-2: var(--myhome-application-color-2);
  --myhome-application-color-3: #725A3A;
  --myhome-application-background-color-3: var(--myhome-application-color-3);
  --myhome-application-color-4: #5154BD;
  --myhome-application-background-color-4: var(--myhome-application-color-4);
  --myhome-application-color-5: #DC5B5B;
  --myhome-application-background-color-5: var(--myhome-application-color-5);
  --myhome-application-color-6: #49797E;
  --myhome-application-background-color-6: var(--myhome-application-color-6);
  --myhome-application-color-7: #606190;
  --myhome-application-background-color-7: var(--myhome-application-color-7);
  --myhome-application-color-8: #8B714F;
  --myhome-application-background-color-8: var(--myhome-application-color-8);
  --myhome-application-color-9: #597DA1;
  --myhome-application-background-color-9: var(--myhome-application-color-9);
  --myhome-application-color-10: #9B3B3B;
  --myhome-application-background-color-10: var(--myhome-application-color-10);
  --myhome-application-color-app-default: #647987;
  --myhome-application-background-color-app-default: var(--myhome-application-color-app-default);
  --sapIllus--BrandColorSecondary: #56bdff;
  --clLoading-background: #232a31;
  --clLoading-clLoginOutBdiText: #d3d7d9;
  --clCuxHighlightApp-background-color: #e5f0fa;

  /* 下面是首页欢迎的样式 */
  --globarBar-backgroundColor: #286eb4;
  --header-bgcolor-faded: rgba(40, 110, 180, 0.5);
  --globalBar-borderColor: #286eb4;
  --globalBar-textColor: #fff;
  --globalBar-welcome-button-background: var(--sapButton_Background);
}

/* sap_quartz_dark主题 */
[data-theme="sap_fiori_3_dark"] {
  --clLoading-background: #354a5f;
  --clsShellBarIconTabBar-sapMITH-background: #354a5f;
  --clsShellBarIconTabBar-sapMITBSelected-sapMITBContentArrow-after-background: #d1e8ff;
  --clsShellBarIconTabBar-sapMITBFilterExpandBtn-sapUiIcon-before: #fff;
  --clsShellBarIconTabBar-sapMITBSelected-sapMITBText-sapMITHTextContent: #d1e8ff !important;
  --clsShellBarIconTabBar-sapMITBFilterExpandBtn-sapMITBFilterExpandIcon-hover: #283848;
  --tilesTitleInGroup-font-weight: unset;
  --div-sapMITH-box-shadow: 0 .125rem .125rem 0 rgba(0, 0, 0, 0.8), inset 0 -0.0625rem 0 0 rgba(255, 255, 255, 0.2);
  --clSettingPage-background: #29313a;
  --clSettingDetailPageIcon-color: #d1e8ff;
  --clsSystemDescText: #000;
  --clsClientText: #000;
  --clsClientIcon: #000;
  --clMyHomeNewsFooterTileContent-background-color: rgba(0, 0, 0, 0.8);
  --clMyHomeNewsFooterTileContent-sapMTileCntFooterTextColorNeutral-color: #fff;
  --pageBoxContainer--pageBoxTile--sapMGT--iconcolor: #000;
  --myhome-news-tile-color-1: #6BD3FF;
  --myhome-news-tile-color-2: #BB8AAF;
  --myhome-news-tile-color-3: #AFD645;
  --myhome-news-tile-color-4: #FFB98D;
  --myhome-news-tile-color-5: #F0B25F;
  --myhome-news-tile-color-6: #D154C1;
  --myhome-news-tile-color-7: #D88B8B;
  --myhome-news-tile-color-8: #21C4C4;
  --myhome-application-color-1: #A9D4FF;
  --myhome-application-background-color-1: var(--myhome-application-color-1);
  --myhome-application-color-2: #FFA1A1;
  --myhome-application-background-color-2: var(--myhome-application-color-2);
  --myhome-application-color-3: #D1B575;
  --myhome-application-background-color-3: var(--myhome-application-color-3);
  --myhome-application-color-4: #C3C5FD;
  --myhome-application-background-color-4: var(--myhome-application-color-4);
  --myhome-application-color-5: #F58C4B;
  --myhome-application-background-color-5: var(--myhome-application-color-5);
  --myhome-application-color-6: #A2C2C2;
  --myhome-application-background-color-6: var(--myhome-application-color-6);
  --myhome-application-color-7: #B7A8B3;
  --myhome-application-background-color-7: var(--myhome-application-color-7);
  --myhome-application-color-8: #D5839E;
  --myhome-application-background-color-8: var(--myhome-application-color-8);
  --myhome-application-color-9: #BBBCD2;
  --myhome-application-background-color-9: var(--myhome-application-color-9);
  --myhome-application-color-10: #BD8969;
  --myhome-application-background-color-10: var(--myhome-application-color-10);
  --myhome-application-color-app-default: #B0BCC5;
  --myhome-application-background-color-app-default: var(--myhome-application-color-app-default);
  --sapIllus--BrandColorSecondary: #4d82b8;
  --clLoading-background: #edeff0;
  --clLoading-clLoginOutBdiText: #6A6D70;
  --clCuxHighlightApp-background-color: #334b5f;

  /* 下面是首页欢迎的样式 */
  --globarBar-backgroundColor: #6bd3ff;
  --header-bgcolor-faded: rgba(107, 211, 255, 0.5);
  --globalBar-borderColor: #6bd3ff;
  --globalBar-textColor: #29313a;
  --globalBar-welcome-button-background: var(--sapButton_Background);
}

/* sap_quartz_hcw主题 */
[data-theme="sap_fiori_3_hcw"] {
  --clLoading-background: #fff;
  --clsShellBarIconTabBar-sapMITH-background: #fff;
  --div-sapMITH-box-shadow: 0 .125rem .125rem 0 rgba(34, 53, 72, 0.15), inset 0 -0.0625rem 0 0 rgba(34, 53, 72, 0.2);
  --clsShellBarIconTabBar-sapMITBSelected-sapMITBContentArrow-after-background: #000;
  --clsSystemDescText: #000;
  --clsClientText: #000;
  --clsClientIcon: #000;
  --clMyHomeNewsFooterTileContent-background-color: #fff;
  --clMyHomeNewsFooterTileContent-sapMTileCntFooterTextColorNeutral-color: #000;
  --pageBoxContainer--pageBoxTile--sapMGT--border: .175rem solid;
  --pageBoxContainer--pageBoxTile--sapMGT--iconcolor: #000;
  --myhome-news-tile-color-1: #fff;
  --myhome-news-tile-color-2: #fff;
  --myhome-news-tile-color-3: #fff;
  --myhome-news-tile-color-4: #fff;
  --myhome-news-tile-color-5: #fff;
  --myhome-news-tile-color-6: #fff;
  --myhome-news-tile-color-7: #fff;
  --myhome-news-tile-color-8: #fff;
  --myhome-application-color-1: #A9D4FF;
  --myhome-application-box-shadow-1: var(--myhome-application-color-1) 0px 0px 0px 1px;
  --myhome-application-color-2: #FFA1A1;
  --myhome-application-box-shadow-2: var(--myhome-application-color-2) 0px 0px 0px 1px;
  --myhome-application-color-3: #D1B575;
  --myhome-application-box-shadow-3: var(--myhome-application-color-3) 0px 0px 0px 1px;
  --myhome-application-color-4: #C3C5FD;
  --myhome-application-box-shadow-4: var(--myhome-application-color-4) 0px 0px 0px 1px;
  --myhome-application-color-5: #F58C4B;
  --myhome-application-box-shadow-5: var(--myhome-application-color-5) 0px 0px 0px 1px;
  --myhome-application-color-6: #A2C2C2;
  --myhome-application-box-shadow-6: var(--myhome-application-color-6) 0px 0px 0px 1px;
  --myhome-application-color-7: #B7A8B3;
  --myhome-application-box-shadow-7: var(--myhome-application-color-7) 0px 0px 0px 1px;
  --myhome-application-color-8: #D5839E;
  --myhome-application-box-shadow-8: var(--myhome-application-color-8) 0px 0px 0px 1px;
  --myhome-application-color-9: #BBBCD2;
  --myhome-application-box-shadow-9: var(--myhome-application-color-9) 0px 0px 0px 1px;
  --myhome-application-color-10: #BD8969;
  --myhome-application-box-shadow-10: var(--myhome-application-color-10) 0px 0px 0px 1px;
  --myhome-application-box-shadow-10: #BD8969 0px 0px 0px 1px;
  --myhome-application-color-app-default: rgb(74, 89, 100);
  --myhome-application-box-shadow-app-default: var(--myhome-application-color-app-default) 0px 0px 0px 1px;
  --myhome-application-color: 0.125rem solid;
  --myhome-news-tile-border-color-1: #004ccb;
  --myhome-news-tile-border-color-2: #6c3d62;
  --myhome-news-tile-border-color-3: #26340B;
  --myhome-news-tile-border-color-4: #734F00;
  --myhome-news-tile-border-color-5: #5F5800;
  --myhome-news-tile-border-color-6: #961D7C;
  --myhome-news-tile-border-color-7: #973333;
  --myhome-news-tile-border-color-8: #105B5B;
  --sapIllus--BrandColorSecondary: #56bdff;
  --globalBar-welcome-button-background: var(--sapButton_Background);
  --clLoading-background: #fff;
  --clLoading-clLoginOutBdiText: #000;

  /* 下面是首页欢迎的样式 */
  --globarBar-backgroundColor: #fff;
  --header-bgcolor-faded: rgba(255, 255, 255, 0.5);
  --globalBar-borderColor: #004ccb;
  --globalBar-textColor: #000;
  --globalBar-welcome-button-background: var(--sapButton_Background);
}

/* sap_quartz_hcb主题 */
[data-theme="sap_fiori_3_hcb"] {
  --clLoading-background: #fff;
  --clSettingDetailPageIcon-color: #fff;
  --div-sapMITH-box-shadow: 0 .125rem 0 0 #fff;
  --clsShellBarIconTabBar-sapMITBSelected-sapMITBContentArrow-after-background: #fff;
  --clsSystemDescText: #fff;
  --clsClientText: #fff;
  --clsClientIcon: #fff;
  --clMyHomeNewsFooterTileContent-background-color: #000;
  --clMyHomeNewsFooterTileContent-sapMTileCntFooterTextColorNeutral-color: #fff;
  --pageBoxContainer--pageBoxTile--sapMGT--border: .175rem solid;
  --pageBoxContainer--pageBoxTile--sapMGT--iconcolor: #fff;
  --myhome-news-tile-color-1: #000;
  --myhome-news-tile-color-2: #000;
  --myhome-news-tile-color-3: #000;
  --myhome-news-tile-color-4: #000;
  --myhome-news-tile-color-5: #000;
  --myhome-news-tile-color-6: #000;
  --myhome-news-tile-color-7: #000;
  --myhome-news-tile-color-8: #000;
  --myhome-application-color-1: #A9D4FF;
  --myhome-application-box-shadow-1: var(--myhome-application-color-1) 0px 0px 0px 1px;
  --myhome-application-color-2: #FFA1A1;
  --myhome-application-box-shadow-2: var(--myhome-application-color-2) 0px 0px 0px 1px;
  --myhome-application-color-3: #D1B575;
  --myhome-application-box-shadow-3: var(--myhome-application-color-3) 0px 0px 0px 1px;
  --myhome-application-color-4: #C3C5FD;
  --myhome-application-box-shadow-4: var(--myhome-application-color-4) 0px 0px 0px 1px;
  --myhome-application-color-5: #F58C4B;
  --myhome-application-box-shadow-5: var(--myhome-application-color-5) 0px 0px 0px 1px;
  --myhome-application-color-6: #A2C2C2;
  --myhome-application-box-shadow-6: var(--myhome-application-color-6) 0px 0px 0px 1px;
  --myhome-application-color-7: #B7A8B3;
  --myhome-application-box-shadow-7: var(--myhome-application-color-7) 0px 0px 0px 1px;
  --myhome-application-color-8: #D5839E;
  --myhome-application-box-shadow-8: var(--myhome-application-color-8) 0px 0px 0px 1px;
  --myhome-application-color-9: #BBBCD2;
  --myhome-application-box-shadow-9: var(--myhome-application-color-9) 0px 0px 0px 1px;
  --myhome-application-color-10: #BD8969;
  --myhome-application-box-shadow-10: var(--myhome-application-color-10) 0px 0px 0px 1px;
  --myhome-application-color-app-default: rgb(176, 188, 197);
  --myhome-application-box-shadow-app-default: var(--myhome-application-color-app-default) 0px 0px 0px 1px;
  --myhome-application-color: 0.125rem solid;
  --myhome-news-tile-border-color-1: #6BD3FF;
  --myhome-news-tile-border-color-2: #BB86B0;
  --myhome-news-tile-border-color-3: #B2E484;
  --myhome-news-tile-border-color-4: #CDAF9D;
  --myhome-news-tile-border-color-5: #FFC847;
  --myhome-news-tile-border-color-6: #E269C9;
  --myhome-news-tile-border-color-7: #DB9292;
  --myhome-news-tile-border-color-8: #7FC6C6;
  --sapIllus--BrandColorSecondary: #4d82b8;
  --clLoading-background: #000;
  --clLoading-clLoginOutBdiText: #fff;

  /* 下面是首页欢迎的样式 */
  --globarBar-backgroundColor: #000;
  --header-bgcolor-faded: rgba(0, 0, 0, 0.5);
  --globalBar-borderColor: #6bd3ff;
  --globalBar-textColor: #fff;
  --globalBar-welcome-button-background: var(--sapButton_Background);
}


/* sap_hoizon主题 */
[data-theme="sap_horizon"] {
  --clsShellBarIconTabBar-sapMITH-background: #fff;
  --div-sapMITH-box-shadow: 0 .125rem .125rem 0 rgba(34, 53, 72, 0.15), inset 0 -0.0625rem 0 0 rgba(34, 53, 72, 0.2);
  --clsShellBarIconTabBar-sapMITBSelected-sapMITBContentArrow-after-background: #0064d9;
  --clSettingPage-background: #fff;
  --clsSystemDescText: #fff;
  --clsClientText: #fff;
  --clsClientIcon: #fff;
  --clMyHomeNewsFooterTileContent-background-color: #fff;
  --clMyHomeNewsFooterTileContent-sapMTileCntFooterTextColorNeutral-color: #000;
  --pageBoxContainer--pageBoxTile--sapMGT--iconcolor: #fff;
  --myhome-news-tile-color-1: #0057D2;
  --myhome-news-tile-color-2: #7800A4;
  --myhome-news-tile-color-3: #188918;
  --myhome-news-tile-color-4: #AA2608;
  --myhome-news-tile-color-5: #C35500;
  --myhome-news-tile-color-6: #CC00DC;
  --myhome-news-tile-color-7: #DF1278;
  --myhome-news-tile-color-8: #07838F;
  --myhome-application-color-1: #1a4796;
  --myhome-application-background-color-1: var(--myhome-application-color-1);
  --myhome-application-color-2: #BA066C;
  --myhome-application-background-color-2: var(--myhome-application-color-2);
  --myhome-application-color-3: #A93E00;
  --myhome-application-background-color-3: var(--myhome-application-color-3);
  --myhome-application-color-4: #470CED;
  --myhome-application-background-color-4: var(--myhome-application-color-4);
  --myhome-application-color-5: #D23A0A;
  --myhome-application-background-color-5: var(--myhome-application-color-5);
  --myhome-application-color-6: #035663;
  --myhome-application-background-color-6: var(--myhome-application-color-6);
  --myhome-application-color-7: #4E247A;
  --myhome-application-background-color-7: var(--myhome-application-color-7);
  --myhome-application-color-8: #8D2A00;
  --myhome-application-background-color-8: var(--myhome-application-color-8);
  --myhome-application-color-9: #002A86;
  --myhome-application-background-color-9: var(--myhome-application-color-9);
  --myhome-application-color-10: #840606;
  --myhome-application-background-color-10: var(--myhome-application-color-10);
  --myhome-application-color-app-default: #5B738B;
  --myhome-application-background-color-app-default: var(--myhome-application-color-app-default);
  --sapIllus--BrandColorSecondary: #0070f2;
  --clLoading-background: #eff1f2;
  --clLoading-clLoginOutBdiText: #556b82;
  --clCuxHighlightApp-background-color: #ebf8ff;

  /* 下面是首页欢迎的样式 */
  --globarBar-backgroundColor: #0057d2;
  --header-bgcolor-faded: rgba(0, 87, 210, 0.5);
  --globalBar-borderColor: #0057d2;
  --globalBar-textColor: #fff;
  --globalBar-welcome-button-background: #fff;

}

/* sap_hoizon_dark主题 */
[data-theme="sap_horizon_dark"] {
  --clSettingDetailPageIcon-color: #fff;
  --clsShellBarIconTabBar-sapMITH-background: #1d232a;
  --div-sapMITH-box-shadow: 0 .125rem .125rem 0 rgba(0, 0, 0, 0.8), inset 0 -0.0625rem 0 0 rgba(255, 255, 255, 0.2);
  --clsShellBarIconTabBar-sapMITBSelected-sapMITBContentArrow-after-background: #4db1ff;
  --clSettingPage-background: #1d232a;
  --clsSystemDescText: #000;
  --clsClientText: #000;
  --clsClientIcon: #000;
  --clMyHomeNewsFooterTileContent-background-color: #1d232a;
  --clMyHomeNewsFooterTileContent-sapMTileCntFooterTextColorNeutral-color: #fff;
  --pageBoxContainer--pageBoxTile--sapMGT--iconcolor: #000;
  --myhome-news-tile-color-1: #89D1FF;
  --myhome-news-tile-color-2: #AA7DD9;
  --myhome-news-tile-color-3: #97DD40;
  --myhome-news-tile-color-4: #FBBFAC;
  --myhome-news-tile-color-5: #FFB300;
  --myhome-news-tile-color-6: #FF8AF0;
  --myhome-news-tile-color-7: #FEABC8;
  --myhome-news-tile-color-8: #2CE0BF;
  --myhome-application-color-1: #D1EFFF;
  --myhome-application-background-color-1: var(--myhome-application-color-1);
  --myhome-application-color-2: #FFA1A1;
  --myhome-application-background-color-2: var(--myhome-application-color-2);
  --myhome-application-color-3: #F58B00;
  --myhome-application-background-color-3: var(--myhome-application-color-3);
  --myhome-application-color-4: #E2D8FF;
  --myhome-application-background-color-4: var(--myhome-application-color-4);
  --myhome-application-color-5: #F5734B;
  --myhome-application-background-color-5: var(--myhome-application-color-5);
  --myhome-application-color-6: #DAFDF5;
  --myhome-application-background-color-6: var(--myhome-application-color-6);
  --myhome-application-color-7: #AF9CC3;
  --myhome-application-background-color-7: var(--myhome-application-color-7);
  --myhome-application-color-8: #FF9E74;
  --myhome-application-background-color-8: var(--myhome-application-color-8);
  --myhome-application-color-9: #AA8CE3;
  --myhome-application-background-color-9: var(--myhome-application-color-9);
  --myhome-application-color-10: #D87070;
  --myhome-application-background-color-10: var(--myhome-application-color-10);
  --myhome-application-color-app-default: #A9B4BE;
  --myhome-application-background-color-app-default: var(--myhome-application-color-app-default);
  --sapIllus--BrandColorSecondary: #4d82b8;
  --clLoading-background: #12171c;
  --clLoading-clLoginOutBdiText: #8396a8;
  --clCuxHighlightApp-background-color: #1d2d3e;

  /* 下面是首页欢迎的样式 */
  --globarBar-backgroundColor: #89d1ff;
  --header-bgcolor-faded: rgba(137, 209, 255, 0.5);
  --globalBar-borderColor: #89d1ff;
  --globalBar-textColor: #1d232a;
  --globalBar-welcome-button-background: var(--sapButton_Background);
}

/* sap_hoizon_hcw主题 */
[data-theme="sap_horizon_hcw"] {
  --clsShellBarIconTabBar-sapMITH-background: #fff;
  --div-sapMITH-box-shadow: 0 .125rem .125rem 0 rgba(34, 53, 72, 0.15), inset 0 -0.0625rem 0 0 rgba(34, 53, 72, 0.2);
  --clsShellBarIconTabBar-sapMITBSelected-sapMITBContentArrow-after-background: #000;
  --clsSystemDescText: #000;
  --clsClientText: #000;
  --clsClientIcon: #000;
  --clMyHomeNewsFooterTileContent-background-color: #fff;
  --clMyHomeNewsFooterTileContent-sapMTileCntFooterTextColorNeutral-color: #000;
  --pageBoxContainer--pageBoxTile--sapMGT--iconcolor: #000;
  --pageBoxContainer--pageBoxTile--sapMGT--border: .175rem solid;
  --myhome-news-tile-color-1: #fff;
  --myhome-news-tile-color-2: #fff;
  --myhome-news-tile-color-3: #fff;
  --myhome-news-tile-color-4: #fff;
  --myhome-news-tile-color-5: #fff;
  --myhome-news-tile-color-6: #fff;
  --myhome-news-tile-color-7: #fff;
  --myhome-news-tile-color-8: #fff;
  --myhome-application-color-1: #D1EFFF;
  --myhome-application-box-shadow-1: var(--myhome-application-color-1) 0px 0px 0px 1px;
  --myhome-application-color-2: #FFA1A1;
  --myhome-application-box-shadow-2: var(--myhome-application-color-2) 0px 0px 0px 1px;
  --myhome-application-color-3: #F58B00;
  --myhome-application-box-shadow-3: var(--myhome-application-color-3) 0px 0px 0px 1px;
  --myhome-application-color-4: #E2D8FF;
  --myhome-application-box-shadow-4: var(--myhome-application-color-4) 0px 0px 0px 1px;
  --myhome-application-color-5: #F5734B;
  --myhome-application-box-shadow-5: var(--myhome-application-color-5) 0px 0px 0px 1px;
  --myhome-application-color-6: #DAFDF5;
  --myhome-application-box-shadow-6: var(--myhome-application-color-6) 0px 0px 0px 1px;
  --myhome-application-color-7: #AF9CC3;
  --myhome-application-box-shadow-7: var(--myhome-application-color-7) 0px 0px 0px 1px;
  --myhome-application-color-8: #FF9E74;
  --myhome-application-box-shadow-8: var(--myhome-application-color-8) 0px 0px 0px 1px;
  --myhome-application-color-9: #AA8CE3;
  --myhome-application-box-shadow-9: var(--myhome-application-color-9) 0px 0px 0px 1px;
  --myhome-application-color-10: #FF74EF;
  --myhome-application-box-shadow-10: var(--myhome-application-color-10) 0px 0px 0px 1px;
  --myhome-application-color-app-default: rgb(74, 89, 100);
  --myhome-application-box-shadow-app-default: var(--myhome-application-color-app-default) 0px 0px 0px 1px;
  --myhome-application-color: 0.125rem solid;
  --myhome-news-tile-border-color-1: #004CCB;
  --myhome-news-tile-border-color-2: #6C3D62;
  --myhome-news-tile-border-color-3: #26340B;
  --myhome-news-tile-border-color-4: #734F00;
  --myhome-news-tile-border-color-5: #5F5800;
  --myhome-news-tile-border-color-6: #961D7C;
  --myhome-news-tile-border-color-7: #973333;
  --myhome-news-tile-border-color-8: #105B5B;
  --sapIllus--BrandColorSecondary: #56bdff;
  --clLoading-background: #fff;
  --clLoading-clLoginOutBdiText: #000;

  /* 下面是首页欢迎的样式 */
  --globarBar-backgroundColor: #fff;
  --header-bgcolor-faded: rgba(255, 255, 255, 0.5);
  --globalBar-borderColor: #004ccb;
  --globalBar-textColor: #000;
  --globalBar-welcome-button-background: var(--sapButton_Background);
}

/* sap_hoizon_hcb主题 */
[data-theme="sap_horizon_hcb"] {
  --clSettingDetailPageIcon-color: #fff;
  --div-sapMITH-box-shadow: 0 .125rem 0 0 #fff;
  --clsShellBarIconTabBar-sapMITBSelected-sapMITBContentArrow-after-background: #fff;
  --clSettingPage-background: #1d232a;
  --clsSystemDescText: #fff;
  --clsClientText: #fff;
  --clsClientIcon: #fff;
  --clMyHomeNewsFooterTileContent-background-color: #000;
  --clMyHomeNewsFooterTileContent-sapMTileCntFooterTextColorNeutral-color: #fff;
  --pageBoxTile--border-border-radius: .25rem;
  --pageBoxContainer--pageBoxTile--sapMGT--iconcolor: #000;
  --pageBoxContainer--pageBoxTile--sapMGT--border: .175rem solid;
  --myhome-news-tile-color-1: #000;
  --myhome-news-tile-color-2: #000;
  --myhome-news-tile-color-3: #000;
  --myhome-news-tile-color-4: #000;
  --myhome-news-tile-color-5: #000;
  --myhome-news-tile-color-6: #000;
  --myhome-news-tile-color-7: #000;
  --myhome-news-tile-color-8: #000;
  --myhome-application-color-1: #ADDCF0;
  --myhome-application-box-shadow-1: var(--myhome-application-color-1) 0px 0px 0px 1px;
  --myhome-application-color-2: #FFA1A1;
  --myhome-application-box-shadow-2: var(--myhome-application-color-2) 0px 0px 0px 1px;
  --myhome-application-color-3: #F58B00;
  --myhome-application-box-shadow-3: var(--myhome-application-color-3) 0px 0px 0px 1px;
  --myhome-application-color-4: #629CFF;
  --myhome-application-box-shadow-4: var(--myhome-application-color-4) 0px 0px 0px 1px;
  --myhome-application-color-5: #F5734B;
  --myhome-application-box-shadow-5: var(--myhome-application-color-5) 0px 0px 0px 1px;
  --myhome-application-color-6: #A4EEEE;
  --myhome-application-box-shadow-6: var(--myhome-application-color-6) 0px 0px 0px 1px;
  --myhome-application-color-7: #AF9CC3;
  --myhome-application-box-shadow-7: var(--myhome-application-color-7) 0px 0px 0px 1px;
  --myhome-application-color-8: #FF9E74;
  --myhome-application-box-shadow-8: var(--myhome-application-color-8) 0px 0px 0px 1px;
  --myhome-application-color-9: #AA8CE3;
  --myhome-application-box-shadow-9: var(--myhome-application-color-9) 0px 0px 0px 1px;
  --myhome-application-color-10: #FF74EF;
  --myhome-application-box-shadow-10: var(--myhome-application-color-10) 0px 0px 0px 1px;
  --myhome-application-color-app-default: rgb(176, 188, 197);
  --myhome-application-box-shadow-app-default: var(--myhome-application-color-app-default) 0px 0px 0px 1px;
  --myhome-application-color: 0.125rem solid;
  --myhome-news-tile-border-color-1: #6BD3FF;
  --myhome-news-tile-border-color-2: #BB86B0;
  --myhome-news-tile-border-color-3: #B2E484;
  --myhome-news-tile-border-color-4: #CDAF9D;
  --myhome-news-tile-border-color-5: #FFC847;
  --myhome-news-tile-border-color-6: #E269C9;
  --myhome-news-tile-border-color-7: #DB9292;
  --myhome-news-tile-border-color-8: #7FC6C6;
  --sapIllus--BrandColorSecondary: #4d82b8;
  --clLoading-background: #000;
  --clLoading-clLoginOutBdiText: #fff;

  /* 下面是首页欢迎的样式 */
  --globarBar-backgroundColor: #000;
  --header-bgcolor-faded: rgba(0, 0, 0, 0.5);
  --globalBar-borderColor: #6bd3ff;
  --globalBar-textColor: #fff;
  --globalBar-welcome-button-background: var(--sapButton_Background);
}

/* 收藏夹颜色class */
.clMyhomeApplicationCommonBorder {
  border: var(--myhome-application-color);
}

.clMyhomeApplicationColor1 {
  color: var(--myhome-application-color-1);
}

.clMyhomeApplicationBoxShadow1 {
  background-color: var(--myhome-application-background-color-1);
  box-shadow: var(--myhome-application-box-shadow-1);
}

.clMyhomeApplicationColor2 {
  color: var(--myhome-application-color-2);
}

.clMyhomeApplicationBoxShadow2 {
  background-color: var(--myhome-application-background-color-2);
  box-shadow: var(--myhome-application-box-shadow-2);
}

.clMyhomeApplicationColor3 {
  color: var(--myhome-application-color-3);
}

.clMyhomeApplicationBoxShadow3 {
  background-color: var(--myhome-application-background-color-3);
  box-shadow: var(--myhome-application-box-shadow-3);
}

.clMyhomeApplicationColor4 {
  color: var(--myhome-application-color-4);
}

.clMyhomeApplicationBoxShadow4 {
  background-color: var(--myhome-application-background-color-4);
  box-shadow: var(--myhome-application-box-shadow-4);
}

.clMyhomeApplicationColor5 {
  color: var(--myhome-application-color-5);
}

.clMyhomeApplicationBoxShadow5 {
  background-color: var(--myhome-application-background-color-5);
  box-shadow: var(--myhome-application-box-shadow-5);
}

.clMyhomeApplicationColor6 {
  color: var(--myhome-application-color-6);
}

.clMyhomeApplicationBoxShadow6 {
  background-color: var(--myhome-application-background-color-6);
  box-shadow: var(--myhome-application-box-shadow-6);
}

.clMyhomeApplicationColor7 {
  color: var(--myhome-application-color-7);
}

.clMyhomeApplicationBoxShadow7 {
  background-color: var(--myhome-application-background-color-7);
  box-shadow: var(--myhome-application-box-shadow-7);
}

.clMyhomeApplicationColor8 {
  color: var(--myhome-application-color-8);
}

.clMyhomeApplicationBoxShadow8 {
  background-color: var(--myhome-application-background-color-8);
  box-shadow: var(--myhome-application-box-shadow-8);
}

.clMyhomeApplicationColor9 {
  color: var(--myhome-application-color-9);
}

.clMyhomeApplicationBoxShadow9 {
  background-color: var(--myhome-application-background-color-9);
  box-shadow: var(--myhome-application-box-shadow-9);
}

.clMyhomeApplicationColor10 {
  color: var(--myhome-application-color-10);
}

.clMyhomeApplicationBoxShadow10 {
  background-color: var(--myhome-application-background-color-10);
  box-shadow: var(--myhome-application-box-shadow-10);
}

.clMyhomeApplicationColorAppDefault {
  color: var(--myhome-application-color-app-default);
}

.clMyhomeApplicationBoxShadowAppDefault {
  background-color: var(--myhome-application-background-color-app-default);
  box-shadow: var(--myhome-application-box-shadow-app-dafault);
}


/* 全部主题样式的ShellBar */
div.sapTntToolPageHeaderWrapper {
  box-shadow: unset;
}

.clsShellBar .sapFShellBarPrimaryTitle {
  font-size: 1rem;
}

/* ###### ShellBar和其IconTabBar的设置 -- 开始 ######*/
[id$="HomeIconTabBarId--header"] {
  box-shadow: var(--div-sapMITH-box-shadow);
  background: var(--clsShellBarIconTabBar-sapMITH-background);
  align-items: center;
}

[id$="HomeIconTabBarId-head"] .sapMITBItem.sapMITBSelected .sapMITBFilterWrapper .sapMITBText {
  color: var(--sapShell_Navigation_Selected_TextColor);
}

[id$="HomeIconTabBarId-head"] .sapMITBItem .sapMITBFilterExpandBtn .sapMITBFilterExpandIcon:hover .sapMITBFilterExpandIcon {
  background: var(--sapShell_Hover_Background);
  border-color: transparent;
}

[id$="HomeIconTabBarId-head"] .sapMITBSelected .sapMITBContentArrow::after {
  background: var(--sapShell_Navigation_SelectedColor);
  height: var(--sapTab_Selected_Indicator_Dimension);
}

[id$="HomeIconTabBarId-head"] .sapMITBItem .sapMITBFilterWrapper .sapMITBText {
  color: var(--sapShell_Navigation_TextColor);
  font-family: var(--sapFontHeaderFamily);
}

[id$="HomeIconTabBarId-head"] .sapMITBItem .sapMITBFilterWrapper .sapMITBText:hover {
  color: var(--sapShell_Navigation_Selected_TextColor)
}

[id$="HomeIconTabBarId"] .sapMITH .sapMBtnDefault {
  border: none;
}

/* ###### ShellBar和其IconTabBar的设置 -- 结束 ######*/

.clsMyHomeToolHeader .clsShellBarIconTabBar .sapMITBContentArrow:after {
  height: .2rem !important;
}


/* DetailPage页面图标 */
.clSettingDetailPageIcon {
  color: var(--clSettingDetailPageIcon-color);
}

.clMyHomeMegaPopoverStandardListItem {
  height: auto !important;
}

.clMyHomeMegaPopoverStandardListItem .sapMSLIDiv {
  min-width: 0;
  padding: 16px 0;
}

.clMyHomeMegaPopoverStandardListItem .sapMSLITitle,
.clMyHomeMegaPopoverStandardListItem .sapMSLIDescription {
  overflow-wrap: anywhere;
  white-space: normal !important;
  word-break: break-word;
}

.clsMyHomeMegaPopover .sapMPopoverWrapper .sapMPopoverCont,
.clsMyHomeMegaPopover .sapMPopoverScroll,
.clsMyHomeMegaPopover .sapMScrollCont,
.clsMyHomeMegaPopover .sapMScrollContScroll {
  overflow-x: hidden !important;
}

.clsMyHomeMegaPopover .sapMBar,
.clsMyHomeMegaPopover .sapMBarLeft,
.clsMyHomeMegaPopover .sapMBarMiddle,
.clsMyHomeMegaPopover .sapMBarRight {
  height: 2.5rem !important;
}


.clsMyHomeMegaPopover .sapMBarMiddle {
  padding: 0 1rem;
}

.clsMyHomeMegaPopoverDetailTitle {
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  max-width: calc(100% - 1.5rem);
  display: block;
}

.clsMyHomeMegaPopoverDetailList>ul {
  display: flex;
  flex-wrap: wrap;
  /* 超出换行 */
}

.clsMyHomeMegaPopoverDetailList>ul>li {
  width: 50%;
  background: none;
  border: none;
}

.clsMyHomePagesGridContainer {
  width: 100%
}

.clsMyHomePagesGridContainer .sapFGridContainerListUl {
  gap: 1rem !important;
  grid-template-columns: unset !important;
  grid-auto-rows: unset !important;
}

.clsMyHomePagesGridContainer .sapFGridContainerListUl .sapFGridContainerItemWrapper {
  max-width: 18.75rem;
  min-width: 7rem;
}


[id$="HomeIconTabBarId--header-head"] .sapMITBSelected .sapMITBContentArrow::after {
  background: var(--clsShellBarIconTabBar-sapMITBSelected-sapMITBContentArrow-after-background);
}

[id$="HomeIconTabBarId--header-head"] .sapMITBSelected .sapMITBFilterExpandBtn .sapUiIcon::before,
[id$="HomeIconTabBarId--header-head"] .sapMITBFilter .sapMITBText .sapMITHTextContent:hover {
  color: var(--clsShellBarIconTabBar-sapMITBSelected-sapMITBContentArrow-after-background);
}

[id$="HomeIconTabBarId--header-head"] .sapMITBFilterExpandBtn .sapUiIcon::before,
[id$="HomeIconTabBarId--header-head"] .sapMITBFilter .sapMITBText .sapMITHTextContent {
  color: var(--clsShellBarIconTabBar-sapMITBFilterExpandBtn-sapUiIcon-before);
}

[id$="HomeIconTabBarId--header-head"] .sapMITBSelected .sapMITBText .sapMITHTextContent {
  color: var(--clsShellBarIconTabBar-sapMITBSelected-sapMITBText-sapMITHTextContent);
}

[id$="HomeIconTabBarId--header-head"] .sapMITBFilterExpandBtn .sapMITBFilterExpandIcon:hover {
  background: var(--clsShellBarIconTabBar-sapMITBFilterExpandBtn-sapMITBFilterExpandIcon-hover);
  border-color: var(--clsShellBarIconTabBar-sapMITBFilterExpandBtn-sapMITBFilterExpandIcon-hover);
}

/* 客户端指示Bar样式 */
.clsClientToolHeader {
  height: 26px !important;
  background-color: var(--clsClient-background-color) !important;
  padding: 0 !important;
  border: var(--clsClient-border) !important;
}

.clsClientBar {
  height: 26px !important;
  background-color: var(--clsClient-background-color) !important;
  padding: 0 !important;
  box-shadow: none;
}

.clsClientBar .sapMBarPH {
  height: 26px !important;
}

.clsSystemDescText {
  color: var(--clsSystemDescText) !important;
  margin: 0 0.5rem !important;
  font-weight: bold;
  margin-top: 0 !important;
}

.clsClientText {
  color: var(--clsClientText) !important;
  margin-top: 0 !important;
  margin-left: 3px !important;
}

.clsClientIcon {
  color: var(--clsClientIcon) !important;
}

.clPaddingLeftHalfrem {
  padding-left: 0.5rem;
}

/* ######（三）组件自定义class样式 ###### */


.clMarginTop0point5ObjectPageLayout {
  margin-top: 0.5rem;
}

/*用户设置对话框*/

.clsSettingSplitApp .sapMSplitContainerDetail {
  overflow-y: auto;
}

.clHomeSettingVisibleSwitch {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/* .clsUserSettingSimpleForm .sapUiForm .sapUiFormCL .sapUiFormCLContainer .sapUiFormCLContainerCont,
.clsLanguageSimpleForm .sapUiForm .sapUiFormCL .sapUiFormCLContainer .sapUiFormCLContainerCont {
  margin-right: 16rem;
} */
/* .clsAppBusyLoading {
  background: var(--clLoading-background);
} */


/* 设置对话框的DetailPage样式调整*/
.clsUserAccountDetailPage section,
.clsAppearanceDetailPage section,
.clsLanguageDetailPage section,
.clsUserActivityDetailPage section,
.clsNoticeDetailPage section {
  top: 0 !important;
}

.clsUserActivityStandardListItem,
.clsNoticeStandardListItem,
.clsAboutStandardListItem {
  height: 3rem !important;
}


/*用户设置对话框，detailpage标题 */
.clSettingFlexBox {
  padding: 1.5rem 2rem;
}

/*用户设置对话框, SplitApp DetailPage标题自定义样式*/
.clSettingTitle {
  font-size: 24px;
  margin-left: 2rem;
  margin-top: 0.25rem;
  font-family: "72Black", "72Blackfull", "72", "72full", Arial, Helvetica, sans-serif;
  font-weight: bold;
}

/*设置对话框的DetalPage  */
.clSettingPage {
  background: var(--clSettingPage-background);
}

/* 用户设置对话框语言下拉框 */
.clsLanguageSettingSelect {
  margin-top: 0.5rem !important;
}

.clSettingPage header {
  margin-top: -2.5rem;
}

/*外观主题DetailPage中List的间隔和Panel的间隔 */
.clSettingList,
.clSettingPanel {
  margin-top: 1rem;
}

/*外观主题中深色模式定时开启文本样式 */
.clAppearanceDeepColorSettingTextTimingOnText {
  margin-top: 0.35rem;
}

/*外观主题中深色模式提示文本样式 */
.clSettingDescriptionLabel {
  margin-top: 0.75rem;
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-size: .75rem;
  line-height: 1rem;
  /* font-style: italic; */
  margin-bottom: 0.5rem;
}

/*外观主题中深色模式类型RadioButton的控件栏样式 */
.clsAppearanceRadioButtonGroup {
  margin-top: 0.75rem;
}

.clasTimingOnMessageStrip {
  background: unset;
  border: unset;
  padding: 0.5rem 0.5rem 0.5rem 0;
}

/* 主页的IconBar样式和菜单Menu样式 */
[id$="HomeIconTabBarId--header-head"] {
  margin: 0 0 0 6px;
  padding: 0 32px;
}

.boldText {
  font-weight: bold;
}

/* Menu Popover相关的样式设置 */
.clMenuPopoverStandardListItem {
  padding: 0 12px 0 8px;
  height: 2.5rem !important;
  border: none;
}

.clMenuPopoverStandardListItem .sapMSLITitleOnly {
  font-size: 1rem !important;
}

.clMenuPopoverVbox {
  padding: 0 8px 8px 8px;
}

.clsUserMenuPopover .sapMBarTitleAlignCenter {
  box-shadow: none !important;
}

.clsShellBarMenuAllSpacePopover {
  box-shadow: none !important;
}

.clsShellBarMenuAllSpacePopover .sapMBarLeft {
  padding-left: 0.5rem !important;
}

.clsAppSettingDialogMenuButton {
  display: none;
}

.clsSettingSplitApp .sapMPageHeader .sapMSplitContainerMasterBtn {
  display: none;
}

@media (max-width: 1174px) {
  .clsAppSettingDialogMenuButton {
    display: block;
  }
}


@media (max-width: 979px) {
  .clsSettingSplitMaster {
    transform: unset !important;
    -webkit-transform: unset !important;
    visibility: visible !important;
  }
}

/* 我的主页设置 */

.clMyHomeSectionMarginBottom {
  margin-bottom: 1.5rem;
}

.clPadding1rem {
  padding: 1rem !important;
}

.clPadding01rem {
  padding: 0 1rem !important;
}

.clMarginBottom2rem {
  margin-bottom: 2rem !important;
}

.clsShellBarIconTabBar .sapMITBContent {
  overflow-y: auto;
}

.clsShellBarIconTabBar {
  padding: 0 .4rem !important;
}

.clsShellNavigationMenuTitleVBox {
  max-width: calc(100% - 3rem);
  min-width: 0;
  padding-top: 1rem;
  padding-right: 1rem;
  padding-bottom: 1rem;
}

.clsShellNavigationMenuTitleVBox .sapMTitle {
  overflow-wrap: anywhere;
  white-space: normal;
  word-break: break-word;
}

.clPaddingBottom1rem {
  padding-bottom: 1rem;
}

/* 我的主页代办事项设置 */
.clMyHomeTodoListText {
  font-size: 20px;
  line-height: normal;
  padding: 5px 5px 5px 0px;
}

.clMyHomeTodoListButton {
  padding: 5px;
  margin-top: 5px;
}

.clMyHomePopover .sapMPopoverHeader {
  display: none;
}

.clsMyHomeToDoListIconTabBar .sapMITH,
.clsMyHomeToDoListIconTabBar .sapMITBHead {
  padding: 0 0.1875rem;
  background: none;
}

.clsMyHomeToDoListIconTabBar .sapMITH {
  box-shadow: 0 .2rem .2rem -0.25rem rgba(0, 0, 0, 0.15), inset 0 -0.0625rem 0 0 var(--sapObjectHeader_BorderColor);
}

[id$="idMyHomeToDoListIconTabBar-content"],
[id$="idMyHomeApplicationIconTabBar-content"] {
  padding: 0px;
}

.clsMyHomeToDoListPanel {
  margin: 1rem 1px 1rem 1px !important;
  box-shadow: var(--sapContent_Shadow0);
}

.clsMyHomeToDoListPanel .sapMPanelHeadingDiv {
  display: none;
}

.clsMyHomeToDoListPanel .sapMPanelContent {
  padding: 0px;
}

.clsMyHomeNews {
  width: 100%
}

.clsNewsContainerVBox {
  max-width: 114rem;
}


.clsMyHomePages {
  display: grid;
}


.clsMyHomeNoPagesFlexBox {
  box-shadow: var(--_sap_f_Card_BoxShadow);
  border-radius: 1rem;
  border: .125rem solid var(--sapUiTileBorderColor);
  box-sizing: content-box;
  background-color: var(--sapGroup_ContentBackground);
}

.clsMyHomePages .sapFGridContainerListUl {
  grid-auto-rows: unset !important;
}

.clsMyHomePagesGlobal {
  height: 100%;
  max-width: 78rem;
  width: 100%;
}

@media (max-width: 1120px) {
  .clsMyHomeNewsAndPagesContainer {
    flex-direction: column;
    /* 垂直排列 */
  }
}

@media (max-width: 600px) {

  .clsMyHomePages .sapFGridContainerListUl {
    gap: 0.5rem;
  }

  .clsMyHomeNews {
    /* width: 100% */
  }

  .clsMyhomeWelcomeOverflowToolbar {
    display: none;
  }

}

.clMyHomeNewsGenericTile {
  height: 100% !important;
}

.clMyHomeNewsGenericTile .sapMGTHdrContent {
  height: 37% !important;
}

.clMyHomeNewsGenericTile .sapMGTContent {
  height: 63% !important;
}

.clMyHomeNewsGenericTile .sapMGTContent .sapMTileCnt {
  height: 100% !important;
}

.clMyHomeNewsAndPagesSectionWrapper {
  width: 100%;
  gap: 1.5rem;
  /* 控制两个 VBox 之间的间距 */
}

.clMyHomeBoxNews {
  width: 636px;
  flex-shrink: 0;
  /* flex: 1 1 auto; */
  /* 可以伸缩 */
}

.clMyHomePagesIconColor {
  color: var(--sapContent_ContrastTextColor)
}

/* 当屏幕宽度在 1024px 到 1495px 之间时，使用百分比宽度 */
@media (max-width: 1495px) and (min-width: 1024px) {
  .clMyHomeBoxNews {
    width: 45%;
  }
}

@media (max-width: 1024px) {
  .clMyHomeBoxNews {
    width: 100%;
  }
}

.clsFLPSpaceMasterTable .sapMLIBTypeNavigation,
.clsFLPSpaceMasterTable .sapMListTblCell {
  height: 3.5rem !important;
}

.clMyHomeNewsFooterTileContent .sapMTileCntFooterTextColorNeutral {
  margin-left: 1.25rem !important;
  margin-right: 1.25rem !important;
  margin-bottom: 1rem !important;
  color: var(--clMyHomeNewsFooterTileContent-sapMTileCntFooterTextColorNeutral-color) !important;
}

.clMyHomeNewsFooterTileContent {
  background-color: var(--clMyHomeNewsFooterTileContent-background-color) !important;
}

.pageBoxContainer .sapUiIcon {
  color: var(--pageBoxContainer--pageBoxTile--sapMGT--iconcolor);
}

.pageBoxTile {
  border-radius: var(--pageBoxTile--border-border-radius);
  height: 100%;
  display: flex;
  min-width: 2rem;
}

/* 我的主页 应用设置 */
.clMyHomeApplicationFolderGridContainer {
  padding: 0.5rem 1rem 0.5rem 1rem;
}

.clsMyHomeApplicationFolderGridContainer .sapFGridContainerListUl .sapFGridContainerItemWrapper {
  height: 4.375rem;
}

.clVisibleMyHomeFolderMoreButton {
  visibility: visible !important;
}

.clOutlineMyHomeFolderTile {
  outline: auto;
}


.clMyHomeApplicationFolderListDialogFlexBox {
  padding: 1rem;
  gap: 0.5rem;
}


.sapUiTableHScr .sapUiTableRowWithAction {
  left: unset !important;
  right: 0 !important;
}


/* 自定义IllustratedMessag
调整 */
.sapMIllustratedMessage.sapMIllustratedMessage-Scene .sapMTitle {
  font-size: 2rem !important;
}

.sapMIllustratedMessage.sapMIllustratedMessage-Dialog .sapMTitle {
  font-size: 1.5rem !important;
}

.sapMIllustratedMessage.sapMIllustratedMessage-Spot .sapMTitle {
  font-size: 1.25rem !important;
}

.sapMIllustratedMessage.sapMIllustratedMessage-Dot .sapMTitle {
  font-size: 1rem !important;
}

.sapIllus_BrandColorSecondary {
  fill: var(--sapIllus--BrandColorSecondary) !important;
}

.siMyHomeView {
  display: flex;
  flex-direction: column;

}

.siMyHomeView .siMyHomeScrollContainer {
  flex: 1;
}

/* 维护业务用户 */
.clMDCTableTitleSize20px .sapMTitle {
  font-size: 20px !important;
}

/* 快速启动板页面 */

/* 小屏幕：0 - 600px */
.clUiResponsiveContentPadding {
  padding: 0 1rem !important;
}


/* .clsFLPPageDetailTemplatePageSplitter .sapUiLoSplitterContent {
  overflow: hidden;
} */
.clsFLPSpaceDetailTemplatePageObjectPageLayout .sapUxAPObjectPageWrapper {
  overflow: hidden !important;
}

.clIconSize1Point5rem {
  font-size: 24px !important;
}

/* 中屏幕：601px - 1440px */
@media (min-width: 601px) and (max-width: 1440px) {

  .clUiResponsiveContentPadding {
    padding: 1rem 2rem !important;
  }

}

/* 大屏幕：1440px 及以上 */
@media (min-width: 1440px) {

  .clUiResponsiveContentPadding {
    padding: 1rem 2rem !important;
  }

}

.clsFLPPageCreateSpacePageSimpleForm .sapUiFormResGridCont {
  padding-top: 0rem !important;
}

.clsMyhomeAISearchInputHBox .sapMFlexItem {
  width: 100%;
}


.clsGoalCard {
  background-color: var(--sapGroup_ContentBackground);
  border-radius: var(--sapTile_BorderCornerRadius);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  padding: 1.25rem;
  margin-bottom: 0.25rem;
  cursor: pointer;
  transition: all 0.2s;
  border: 1px solid var(--sapTile_BorderColor);
}

.clsGoalCard:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.clsHomeCreateApplicationFolderApplicationGridContainer {
  padding: 0.25rem 0 0.25rem 0.25rem;
}

.clCuxHighlightApp {
  background-color: var(--clCuxHighlightApp-background-color) !important;
  border: .093rem solid #788fa6 !important;
}

.sapThemeBrand-asOutlineColor {
  outline-color: #0070f2 !important;
  outline: 0.125rem solid;
}

/* 默认 80px */
.clMyHomeInsightCardGridContainer .sapFGridContainerListUl {
  grid-auto-rows: 80px !important;
}

/* 0~599px */
@media (max-width: 599px) {
  .clMyHomeInsightCardGridContainer .sapFGridContainerListUl {
    grid-auto-rows: 70px !important;
  }
}

.clTileContainerSection {
  margin-bottom: 1.5rem;
}

.clsMyHomeTileContainerPage.sapMPageWithFooter>section::after {
  margin-bottom: 0rem !important;
}

.clsOpenFLPPageTileSettingPopoverActionSheet {
  display: flex;
  flex-direction: column;
}

/* AI assistant iframe host */
.clsAssistantFrameControl,
.clsAssistantFrame {
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
}

.clsAssistantFrameControl {
  display: flex !important;
  flex: 1 1 auto !important;
  position: relative;
  overflow: hidden;
  background: var(--sapBaseColor, #ffffff) !important;
}

.clsAssistantFrame {
  display: block;
  border: 0;
  background: var(--sapBaseColor, #ffffff);
}

html[data-theme*="_dark"] .clsAssistantFrame,
html[data-theme*="_hcb"] .clsAssistantFrame,
html[data-theme*="_dark"] .clsAssistantFrameControl,
html[data-theme*="_hcb"] .clsAssistantFrameControl {
  background: #141c2d !important;
}

.clsAssistantFrameStartup {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  background:
    radial-gradient(circle at 50% 52%, rgba(123, 97, 255, 0.12), transparent 34%),
    linear-gradient(180deg, rgba(248, 250, 255, 0.98), rgba(245, 248, 255, 0.95));
  opacity: 1;
  transition: opacity 0.28s ease, visibility 0.28s ease;
}

.clsAssistantFrameStartupHidden {
  visibility: hidden;
  opacity: 0;
}

.clsAssistantFrameStartupGlow {
  position: absolute;
  width: 9rem;
  height: 9rem;
  border-radius: 999rem;
  background: radial-gradient(circle, rgba(91, 140, 255, 0.22), rgba(123, 97, 255, 0.08) 52%, transparent 72%);
  animation: assistantFrameStartupGlow 1.1s ease-out both;
}

.clsAssistantFrameStartupLogo {
  position: relative;
  z-index: 1;
  width: 4rem;
  height: 4rem;
  object-fit: contain;
  border-radius: 1rem;
  background: rgba(255, 255, 255, 0.72);
  box-shadow: 0 1rem 2.5rem rgba(91, 140, 255, 0.2);
  animation: assistantFrameStartupLogo 0.9s cubic-bezier(0.22, 1, 0.36, 1) both;
}

html[data-theme*="_dark"] .clsAssistantFrameStartup,
html[data-theme*="_hcb"] .clsAssistantFrameStartup {
  background:
    radial-gradient(circle at 50% 52%, rgba(123, 97, 255, 0.2), transparent 34%),
    linear-gradient(180deg, rgba(13, 20, 33, 0.98), rgba(20, 28, 45, 0.95));
}

html[data-theme*="_dark"] .clsAssistantFrameStartupLogo,
html[data-theme*="_hcb"] .clsAssistantFrameStartupLogo {
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0 1rem 2.5rem rgba(91, 140, 255, 0.28);
}

@keyframes assistantFrameStartupGlow {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }

  65% {
    opacity: 1;
  }

  100% {
    transform: scale(1.18);
    opacity: 0.72;
  }
}

@keyframes assistantFrameStartupLogo {
  0% {
    transform: translateY(0.5rem) scale(0.88);
    opacity: 0;
  }

  56% {
    transform: translateY(-0.125rem) scale(1.02);
    opacity: 1;
  }

  100% {
    transform: translateY(0) scale(1);
    opacity: 1;
  }
}

:root {
  --clsGuidedHelpPanelWidth: 360px;
}

body.clsGuidedHelpOpen [id$="--app"].sapTntToolPage {
  width: calc(100% - var(--clsGuidedHelpPanelWidth)) !important;
  max-width: calc(100vw - var(--clsGuidedHelpPanelWidth)) !important;
  transition: width 0.16s ease-out, max-width 0.16s ease-out;
}


.clsGuidedHelpOverlayHost {
  position: fixed;
  inset: 0;
  z-index: 100;
  pointer-events: none;
  color: var(--sapTextColor, #1d2d3e);
}

.clsGuidedHelpConnectionLayer {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  pointer-events: none;
  overflow: visible;
}

.clsGuidedHelpConnectionPath {
  fill: none;
  stroke: var(--sapBrandColor, #0a6ed1);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.clsGuidedHelpPanel {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: var(--clsGuidedHelpPanelWidth);
  pointer-events: auto;
  background: var(--sapGroup_ContentBackground, #fff);
  border-left: 0.0625rem solid var(--sapList_BorderColor, #d9d9d9);
  box-shadow: var(--sapContent_Shadow2, 0 0 0.125rem rgba(0, 0, 0, 0.16), 0 0.5rem 1rem rgba(0, 0, 0, 0.16));
  display: flex;
  flex-direction: column;
}

.clsGuidedHelpPanelHeader {
  min-height: 3.25rem;
  padding: 0 0.75rem 0 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 0.0625rem solid var(--sapList_BorderColor, #d9d9d9);
}

.clsGuidedHelpPanelTitle {
  font-size: 1rem;
  font-weight: 700;
  color: var(--sapTitleColor, #1d2d3e);
}

.clsGuidedHelpPanelClose {
  width: 2rem;
  height: 2rem;
  border: 0;
  border-radius: 0.25rem;
  background: transparent;
  color: var(--sapContent_IconColor, #5b738b);
  cursor: pointer;
  font-size: 1.25rem;
  line-height: 2rem;
}

.clsGuidedHelpPanelClose:hover,
.clsGuidedHelpPanelClose:focus-visible {
  background: var(--sapButton_Lite_Hover_Background, #f5f6f7);
  outline: 0.125rem solid var(--sapContent_FocusColor, #0a6ed1);
  outline-offset: 0.0625rem;
}

.clsGuidedHelpTopicList {
  padding: 0.5rem 0 0.75rem;
  overflow-y: auto;
}

.clsGuidedHelpTopicGroup {
  padding: 0.5rem 0 0.25rem;
}

.clsGuidedHelpTopicGroup+.clsGuidedHelpTopicGroup {
  border-top: 0.0625rem solid var(--sapList_BorderColor, #d9d9d9);
}

.clsGuidedHelpTopicGroupTitle {
  margin: 0;
  padding: 0.5rem 1rem 0.375rem;
  color: var(--sapContent_LabelColor, #556b82);
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1rem;
  text-transform: uppercase;
}

.clsGuidedHelpTopicItem {
  width: 100%;
  min-height: 2.5rem;
  padding: 0.625rem 1rem;
  border: 0;
  background: transparent;
  color: var(--sapTextColor, #1d2d3e);
  display: flex;
  align-items: center;
  gap: 0.625rem;
  text-align: left;
  cursor: pointer;
  font: inherit;
}

.clsGuidedHelpTopicItem:hover,
.clsGuidedHelpTopicItem:focus-visible {
  background: var(--sapList_Hover_Background, #f5f6f7);
  outline: none;
}

.clsGuidedHelpTopicItemActive {
  background: var(--sapSelectedColor, #0a6ed1);
  color: var(--sapContent_ContrastTextColor, #fff);
}

.clsGuidedHelpTopicItemActive:hover,
.clsGuidedHelpTopicItemActive:focus-visible {
  background: var(--sapHighlightColor, #085caf);
}

.clsGuidedHelpTopicMarker {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 999rem;
  border: 0.125rem solid currentColor;
  flex: 0 0 auto;
}

.clsGuidedHelpTopicText {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
}

.clsGuidedHelpTopicItemDocument .clsGuidedHelpTopicText {
  flex: 1 1 auto;
}

.clsGuidedHelpTopicActionIcon {
  margin-left: auto;
  color: var(--sapContent_IconColor, #5b738b);
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.clsGuidedHelpTopicItemDocument:hover .clsGuidedHelpTopicActionIcon,
.clsGuidedHelpTopicItemDocument:focus-visible .clsGuidedHelpTopicActionIcon {
  color: var(--sapBrandColor, #0a6ed1);
}

.clsGuidedHelpDocumentViewer {
  min-height: calc(100vh - 3.25rem);
  display: flex;
  flex-direction: column;
  background: var(--sapGroup_ContentBackground, #fff);
}

.clsGuidedHelpDocumentToolbar {
  flex: 0 0 auto;
  padding: 0.75rem 1rem;
  border-bottom: 0.0625rem solid var(--sapList_BorderColor, #d9d9d9);
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background: var(--sapGroup_ContentBackground, #fff);
}

.clsGuidedHelpDocumentBack {
  border: 0;
  border-radius: 0.25rem;
  padding: 0.375rem 0.625rem;
  background: var(--sapButton_Lite_Background, transparent);
  color: var(--sapButton_TextColor, #0a6ed1);
  cursor: pointer;
  font: inherit;
  font-weight: 600;
}

.clsGuidedHelpDocumentBack:hover,
.clsGuidedHelpDocumentBack:focus-visible {
  background: var(--sapButton_Lite_Hover_Background, #f5f6f7);
  outline: 0.125rem solid var(--sapContent_FocusColor, #0a6ed1);
  outline-offset: 0.0625rem;
}

.clsGuidedHelpDocumentTitle {
  min-width: 0;
  color: var(--sapTitleColor, #1d2d3e);
  font-size: 0.9375rem;
  line-height: 1.25rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.clsGuidedHelpDocumentFrame {
  flex: 1 1 auto;
  width: 100%;
  min-height: calc(100vh - 6.5rem);
  border: 0;
  background: #fff;
}

.clsGuidedHelpEmptyRoute {
  margin: 0.75rem 1rem;
  padding: 0.75rem;
  border-radius: 0.375rem;
  background: var(--sapInfobar_NonInteractive_Background, #f5f6f7);
  color: var(--sapContent_LabelColor, #556b82);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-size: 0.8125rem;
  line-height: 1.25rem;
}

.clsGuidedHelpEmptyRoute strong {
  color: var(--sapTitleColor, #1d2d3e);
}

.clsGuidedHelpMarkerLayer {
  position: fixed;
  inset: 0;
  pointer-events: none;
}

.clsGuidedHelpMarker {
  position: fixed;
  width: 1.625rem;
  height: 1.625rem;
  pointer-events: auto;
  border: 0.125rem solid var(--sapContent_ContrastTextColor, #fff);
  border-radius: 999rem;
  background: var(--sapBrandColor, #0a6ed1);
  color: var(--sapContent_ContrastTextColor, #fff);
  box-shadow: 0 0.125rem 0.5rem rgba(10, 110, 209, 0.38);
  cursor: pointer;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.25rem;
  text-align: center;
}

.clsGuidedHelpMarker::after {
  content: "";
  position: absolute;
  inset: -0.25rem;
  border: 0.125rem solid rgba(10, 110, 209, 0.28);
  border-radius: inherit;
}

.clsGuidedHelpMarkerActive {
  background: #008a90;
  box-shadow: 0 0.125rem 0.625rem rgba(0, 138, 144, 0.45);
}

.clsGuidedHelpBubble {
  position: fixed;
  display: none;
  width: 22rem;
  pointer-events: auto;
  padding: 1.125rem 1.5rem 1.25rem;
  background: var(--sapGroup_ContentBackground, #fff);
  border: 0.0625rem solid var(--sapList_BorderColor, #d9d9d9);
  border-radius: 0.5rem;
  box-shadow: var(--sapContent_Shadow2, 0 0.25rem 1.5rem rgba(0, 0, 0, 0.2));
  box-sizing: border-box;
  overflow: visible;
}

.clsGuidedHelpBubble::before,
.clsGuidedHelpBubble::after {
  content: "";
  position: absolute;
  width: 1rem;
  height: 1rem;
  transform: rotate(45deg);
}

.clsGuidedHelpBubble::before {
  background: var(--sapGroup_ContentBackground, #fff);
  box-sizing: border-box;
  z-index: 0;
}

.clsGuidedHelpBubble::after {
  display: none;
}

.clsGuidedHelpBubblePlacementBottom::before,
.clsGuidedHelpBubblePlacementBottom::after {
  top: -0.5rem;
  left: var(--clsGuidedHelpBubbleArrowLeft, 50%);
  transform: translateX(-50%) rotate(45deg);
}

.clsGuidedHelpBubblePlacementBottom::before {
  border-left: 0.0625rem solid var(--sapList_BorderColor, #d9d9d9);
  border-top: 0.0625rem solid var(--sapList_BorderColor, #d9d9d9);
}

.clsGuidedHelpBubblePlacementTop::before,
.clsGuidedHelpBubblePlacementTop::after {
  bottom: -0.5rem;
  left: var(--clsGuidedHelpBubbleArrowLeft, 50%);
  transform: translateX(-50%) rotate(45deg);
}

.clsGuidedHelpBubblePlacementTop::before {
  border-right: 0.0625rem solid var(--sapList_BorderColor, #d9d9d9);
  border-bottom: 0.0625rem solid var(--sapList_BorderColor, #d9d9d9);
}

.clsGuidedHelpBubblePlacementRight::before,
.clsGuidedHelpBubblePlacementRight::after {
  left: -0.5rem;
  top: var(--clsGuidedHelpBubbleArrowTop, 50%);
  transform: translateY(-50%) rotate(45deg);
}

.clsGuidedHelpBubblePlacementRight::before {
  border-left: 0.0625rem solid var(--sapList_BorderColor, #d9d9d9);
  border-bottom: 0.0625rem solid var(--sapList_BorderColor, #d9d9d9);
}

.clsGuidedHelpBubblePlacementLeft::before,
.clsGuidedHelpBubblePlacementLeft::after {
  right: -0.5rem;
  top: var(--clsGuidedHelpBubbleArrowTop, 50%);
  transform: translateY(-50%) rotate(45deg);
}

.clsGuidedHelpBubblePlacementLeft::before {
  border-top: 0.0625rem solid var(--sapList_BorderColor, #d9d9d9);
  border-right: 0.0625rem solid var(--sapList_BorderColor, #d9d9d9);
}

.clsGuidedHelpBubbleTitle,
.clsGuidedHelpBubbleDescription,
.clsGuidedHelpBubbleClose {
  position: relative;
  z-index: 1;
}

.clsGuidedHelpBubbleTitle {
  padding-right: 1.5rem;
  font-size: 1rem;
  font-weight: 700;
  color: var(--sapTitleColor, #1d2d3e);
  line-height: 1.375rem;
}

.clsGuidedHelpBubbleDescription {
  padding-top: 0.875rem;
  color: var(--sapTextColor, #1d2d3e);
  font-size: 0.875rem;
  line-height: 1.45rem;
}

.clsGuidedHelpBubbleClose {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  width: 1.75rem;
  height: 1.75rem;
  border: 0;
  border-radius: 0.25rem;
  background: transparent;
  color: var(--sapContent_IconColor, #5b738b);
  cursor: pointer;
  font-size: 1.25rem;
  line-height: 1.5rem;
}

.clsGuidedHelpBubbleClose:hover,
.clsGuidedHelpBubbleClose:focus-visible {
  background: var(--sapButton_Lite_Hover_Background, #f5f6f7);
  outline: 0.125rem solid var(--sapContent_FocusColor, #0a6ed1);
  outline-offset: 0.0625rem;
}

@media (max-width: 800px) {
  .clsGuidedHelpPanel {
    width: min(18rem, 82vw);
  }

  .clsGuidedHelpBubble {
    width: min(17rem, calc(100vw - 2rem));
  }
}

@media (prefers-reduced-motion: no-preference) {

  .clsGuidedHelpPanel,
  .clsGuidedHelpBubble,
  .clsGuidedHelpMarker {
    animation: clsGuidedHelpFadeIn 0.16s ease-out;
  }
}

@keyframes clsGuidedHelpFadeIn {
  from {
    opacity: 0;
    transform: translateY(0.25rem);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}