/* NOTE: This file was generated as an optimized version of "library.source.less" for the Theme Designer. */

/*!
 * ${copyright}
 */
@import "../base/library.less";

@import "../../../../../Base/baseLib/sap_belize_hcw/base.less"; /* ORIGINAL IMPORT PATH: "../../../../sap/ui/core/themes/sap_belize_hcw/base.less" */

@import "../../../../sap/ui/core/themes/sap_belize_hcw/global.less";

/* START "AboutDialog.less" */
.sapUshellAboutDialogHeader {
	color: @sapUiHcStandardForeground
}
/* END "AboutDialog.less" */

/* START "AnchorItem.less" */
/* ============================================= */
/* CSS for control sap.ushell/AnchorItem.control */
/* ============================================= */
@sapUshellAnchorItemNotRenderedColor: rgba(255,255,255, 0.5);
@sapUshellAnchorItemSelectedBorderWidth: @sapUshellOnePixel;

/* AnchorItem Dashboard */
//[Tags "Color"]
//[Description "Anchor bar text color"]
@sapUshellAnchorItemTextColor: @sapUiHcStandardForeground;

.sap-desktop .sapUshellAnchorItem,.sap-tablet .sapUshellAnchorItem {
  border: 1px solid @sapUiTileBorderColor;
}

.sapUshellAnchorItem:not(.sapUshellShellHidden) + .sapUshellAnchorItem {
  border-left: 0;
}

.sapUshellAnchorItem {
  font-family: @sapUiFontHeaderFamily;
  font-size: @sapMFontHeader6Size;
  font-weight: @sapUiFontHeaderWeight;
}

.sap-desktop,.sap-tablet {
  .sapUshellAnchorNavigationBar .sapUshellAnchorItemSelected {
    background-color: @sapUiHcHighlightAltBackground;

    .sapUshellAnchorItemInner {
      border-bottom: 0.2rem transparent;
    }
  }
}

.sapUshellAnchorItemOverFlow {
  font-family: "SAP-icons";
  font-size: 1rem;
  color: @sapUiTileIconColor;
  background-color: transparent;

  button {
    background-color: transparent;
    border-style: none;
  }

  .sapUiIcon {
    font-family: "SAP-icons";
    font-size: 1rem;
    color: @sapUiTileIconColor;
    background-color: transparent;
  }

  .sapMBtnInner {
    background-color: transparent;
    background: transparent;
  }
}

.sapUshellAnchorItemsPopover {
  .sapUshellGroupLI.sapUshellAnchorPopoverItemSelected,
  .sapUshellGroupLI.sapUshellAnchorPopoverItemHidden {
    background-color: @sapUiHcStandardBackground;
  }
}

.sapUshellAnchorItemNotRendered {
  background: -moz-linear-gradient(left, @sapUshellAnchorItemNotRenderedColor, 0, @sapHC_StandardBackground, 1);
  background: -webkit-gradient(linear, left top, right top, color-stop(0, @sapUshellAnchorItemNotRenderedColor), color-stop(1, @sapHC_StandardBackground));
  -moz-background-clip: text;
  -webkit-background-clip: text;
  -moz-text-fill-color: transparent;
  -webkit-text-fill-color: transparent;
  -webkit-animation: slidetounlock 1s infinite;
}

.sapUshellAnchorItem:focus {
  outline: @sapUshellTwoPixels dotted @sapUshellAnchorItemTextColor;
  outline-offset: -0.2625rem;
}

.sap-desktop[data-sap-ui-browser^="ie"] .sapUshellAnchorItem:focus {
  outline: 0;
  border: @sapUshellTwoPixels dotted @sapUshellAnchorItemTextColor;
}
/* END "AnchorItem.less" */

/* START "AnchorNavigationBar.less" */
/* ============================================= */
/* CSS for control sap.ushell/AnchorNavigationBar.control */
/* ============================================= */
@sapUshellOverflowArrowsLowerGradient:              rgba(0, 0, 0, 1);
@sapUshellOverflowArrowsUpperGradient:              rgba(0, 0, 0, 0);
@sapUshellAnchorItemSelectedBorderWidth:            @sapUshellTwoPixels;

#anchorNavigationBar {
  .sapMBtn:hover>.sapMBtnHoverable {
    background-color: transparent;
  }
}

.sapUshellAnchorRightOverFlowButton, .sapUshellAnchorLeftOverFlowButton {
  .sapUiIcon {
    color: @sapUiHcStandardForeground;
  }
}

/* END "AnchorNavigationBar.less" */

/* START "ApplicationContainer.less" */
/* ============================================= */
/* CSS for control sap.ushell/ApplicationContainer.control theme base */
/* ============================================= */
@media (min-width: 80rem) {
  .sapUiMedia-Std-Desktop .sapUShellApplicationContainer.sapUShellApplicationContainerLimitedWidth {
    box-shadow: 0 0 2.5rem 0.125rem fade(@sapUiHcStandardBackground, 80%);;
  }
}

.sapUshellDefaultBackground {
  background-color: @sapUiGlobalBackgroundColor;
}

/* END "ApplicationContainer.less" */

/* START "Catalog.less" */
/* SAP_HCB */

/* ============================================= */
/* CSS for control sap.ushell/Catalog */
/* ============================================= */

/* LESS Variables */
/* ============================================= */

/* Menu bar*/
@sapUshellCatalogMenuBarBackground: 					transparent;
@sapUshellCatalogMenuBarBoxShadow: 					none;

/* Search Field */
@sapUshellCatalogMenuBarSearchFieldBorderColor:		@sapUiDarkBorder; /*when not focused*/
@sapUiSelectBorderColorPressed:						@sapUiHighlight;

/* Styles */
/* ============================================= */

.sapUshellPanel {
  & > .sapUshellCatalogHeader {

    .sapUshellCatalogHeaderBar {
      background: @sapUshellCatalogMenuBarBackground;
      box-shadow: @sapUshellCatalogMenuBarBoxShadow;
      border-bottom: none;
      }
    #catalogHeader-BarLeft {

      #catalogSearch {
        .sapMSF {
          border-color: @sapUshellCatalogMenuBarSearchFieldBorderColor;
          border-style: solid;
          }
        .sapMSFB {
          border-left-color: @sapUshellCatalogMenuBarSearchFieldBorderColor;
          border-left-style: solid;
          }

        .sapMSFF {
          border-color: @sapUshellCatalogMenuBarSearchFieldBorderColor;
          border-style: solid;
          }
        }

      #catalogSearch:focus, #catalogSearch:hover {
        .sapMSFB {
          border-left-color: @sapUiSelectBorderColorPressed;
          border-left-style: solid;
          }

        .sapMSFF {
          border-color: @sapUiSelectBorderColorPressed;
          border-style: solid;
          }
        }
      }

    }

  &.sapMPanel {
    border: 0;
  }
  }

.sapUshellCatalogNewGroupBackButton{
	background-color: transparent;
}

.sapUshellAppBox {
  border: @sapUshellOnePixel solid @sapUiTileBorderColor;
}

.sapUshellAppBox {
  background: @sapUiHcStandardBackground;
  color: @sapUiHcStandardForeground;
  box-shadow: 0 0 0 @sapUshellOnePixel @sapUiHcStandardForeground;
  &:hover {
    box-shadow: 0 0 0 @sapUshellTwoPixels @sapUiHcStandardForeground;
  }

  &:focus {
    outline: 0.2rem dotted @sapUiHcStandardForeground;
    outline-offset: 0.125rem;
  }
}

.sapUshellPinSelected {
  background-color: @sapUiHcHighlightAltBackground;
}

.sapUshellHierarchyFolders .sapUshellEasyAccessMasterPageHeader {
  background-color: transparent;
  box-shadow: none;
}
/* END "Catalog.less" */

/* START "ContactSupport.less" */
/* ================================================================*/
/* CSS for control sap.ushell/ContactSupportButton.control  sap_hcb theme */
/* =============================================================== */

.sapUshellTechnicalInfoBox{
	border: @sapUshellOnePixel solid @sapUiHcStandardForeground;
}

.sapUshellContactSupportHeaderInfoText{
	color: @sapUiLightText;
	font-size: 0.895rem;
	font-family: Arial,Helvetica,sans-serif;
	font-weight: bold;
}

/* For #technicalInfoBox */
.sapUshellContactSupportFixWidth{
 @media screen and (orientation:portrait) {
      max-width:13.82rem;
 }
}

/* END "ContactSupport.less" */

/* START "DynamicTile.less" */
/* ============================================================= */
/* CSS for control sap.ushell/DynamicTile.control sap_hcb theme */
/* ============================================================= */


.sapUshellDynamicTile {
    /* Colors for displaying dynamic tile contents (esp. large numbers, arrows, text)
    note: these values are different than the ones specified in TileBase */
    .sapUshellDynamicTileData {
        &.sapUshellDynamicTileDataNegative {
             color: @sapUiHcNegativeColor;
        .sapUshellDynamicTileDataUp {border-bottom-color: @sapUiHcNegativeColor; }
        .sapUshellDynamicTileDataDown {border-top-color: @sapUiHcNegativeColor; }
        }

        &.sapUshellDynamicTileDataNeutral {
             color: @sapUiHcNeutralColor;
        .sapUshellDynamicTileDataUp {border-bottom-color: @sapUiHcNeutralColor; }
        .sapUshellDynamicTileDataDown {border-top-color: @sapUiHcNeutralColor; }
        }

        &.sapUshellDynamicTileDataPositive {
             color: @sapUiHcPositiveColor;
        .sapUshellDynamicTileDataUp { border-bottom-color: @sapUiHcPositiveColor; }
        .sapUshellDynamicTileDataDown { border-top-color: @sapUiHcPositiveColor; }
        }

        &.sapUshellDynamicTileDataCritical {
             color: @sapUiHcCriticalColor;
        .sapUshellDynamicTileDataUp { border-bottom-color: @sapUiHcCriticalColor; }
        .sapUshellDynamicTileDataDown { border-top-color: @sapUiHcCriticalColor; }
        }
    }
}

.sapUiMedia-Std-Desktop, .sapUiMedia-Std-Tablet {
  .sapUshellDynamicTile{

    /* the number */
    .sapUshellDynamicTileNumber {
      font-size: @sapUshellDynamicTileNumberFontSizeDesktop;
      font-weight: normal;
    }
    /* the scaling factor for the number */
    .sapUshellDynamicTileNumberFactor {
      font-weight: normal;
      font-size: @sapUshellDynamicTileNumberFactorFontSizeDesktop;
    }
  }

  .sapUshellDynamicTileStateArrow {
    /* Desktop */
    &.sapUshellDynamicTileDataUp, &.sapUshellDynamicTileDataDown {
      font-size: @sapUshellDynamicTileNumberFontSizeDesktop;
    }
  }
}

.sapUiMedia-Std-Phone {
  .sapUshellDynamicTile {
    /* Phone */
    /* the number */
    .sapUshellDynamicTileNumber {
      font-size:   @sapUshellDynamicTileNumberFontSizePhone;
      font-weight: normal;
    }
    /* the scaling factor for the number */
    .sapUshellDynamicTileNumberFactor {
      font-weight: normal;
      font-size:   @sapUshellDynamicTileNumberFactorFontSizePhone;
    }
  }
}
/* END "DynamicTile.less" */

/* START "EndUserFeedback.less" */
/* ================================================================*/
/* CSS for control sap.ushell/EndUserFeedback.control  sap_hcb theme */
/* =============================================================== */

.sapUshellEndUserFeedbackDialog {
  #PopoverTitle{
    font-size:1rem;
    }

  #ratingSelectionText {
    font-size: 1rem;
    }


  #ratingLabel{
    font-size: 1rem;
    }

  #technicalDataLink{
    font-size: 0.875rem;
    }
  }
/* END "EndUserFeedback.less" */

/* START "flower-standalone.less" */

//[Tags "Color"]
// [Description "Background color for the loading animation"]
@sapUshellLoadingFlowerLeafBackgroundColor:			@sapUiHcStandardBackground;
@sapUshellBaseColorOfLeavesForSandbox:			        @sapUiHcStandardBackground;

#fiori2-startup-flower.demo .fiori2-leaf {
  /* base color of leaves, for demo adapter: red */

  background-color: @sapUshellLoadingFlowerLeafBackgroundColor;
}
#fiori2-startup-flower.abap .fiori2-leaf {
  /* base color of leaves, for real launchpad : blue*/

  background-color: @sapUshellLoadingFlowerLeafBackgroundColor;
}
#fiori2-startup-flower.sandbox .fiori2-leaf {
  /* base color of leaves, for sandbox: pink */

  background-color: @sapUshellBaseColorOfLeavesForSandbox;
}
.fiori2-leaf {
  background-color: @sapUshellLoadingFlowerLeafBackgroundColor;
}

#fiori2-loader {

    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    -webkit-opacity: 0.9;
    opacity: 0.9;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    filter: alpha(opacity=90);
}
/* END "flower-standalone.less" */

/* START "GroupList.less" */
/* ============================================= */
/* CSS for controller sap.ushell/GroupList.controller */
/* ============================================= */
/* LESS Variables */
/* ============================================= */

    //[Tags "Color"]
    // [Description "Background color on hover for item in left panel"]
    @sapUshellListItemHoverBackgroundColor: @sapUiHighlight;
    //[Tags "Color"]
    // [Description "Background color on selected item in left panel"]
    @sapUshellListItemSelectedBackgroundColor: @sapUiHcHighlightAltBackground;
	//[Tags "Color"]
	// [Description "Background color for item in left panel"]
	@sapUshellGroupListItemBackgroundColor: @sapUiHcStandardBackground;
/* List Item*/
	@sapUshellListItemBackgroundColor: @sapUiHcStandardBackground;
	@sapUshellListItemBorderBottom: @sapUshellOnePixel solid @sapHC_ReducedAltForeground;

/* Group list*/
	@sapUshellGroupListBackgroundColor: @sapUiHcStandardBackground;
	@sapUshellGroupListFontFamily: @sapUiHcStandardForeground;

    @sapMFontHeader6Size: 0.875em;  //TODO: remove when constant parameter will be available
    @sapUiFontHeaderWeight: normal; //TODO: remove when constant parameter will be available

	@sapUshellGroupListFontSize: @sapMFontHeader6Size;
	@sapUshellGroupListFontWeight: @sapUiFontHeaderWeight;
	@sapUshellGroupListColor: @sapUiHcStandardForeground;

/* Styles */
/* ============================================= */


.sapUshellGroupList{
	background-color: @sapUshellGroupListBackgroundColor;
}
.sapUshellGroupItemList{
	background-color: @sapUiExtraLightBG;
}

.sapUshellGroupListItem.sapMLIB {
	background-color: @sapUshellListItemBackgroundColor;
	border-bottom: @sapUshellListItemBorderBottom;
}
.sapUshellGroupListItem .sapMSLITitleOnly {
	color: @sapUshellGroupListColor;
	font-size: @sapUshellGroupListFontSize;
	font-family: @sapUshellGroupListFontFamily;
	font-weight: @sapUshellGroupListFontWeight;
}
.sapUshellDefaultGroupItem.sapMLIB {
	background-color: @sapUshellGroupListItemBackgroundColor;
}
.sapUshellDefaultGroupItem .sapMSLITitleOnly {
	color: @sapUshellGroupListColor;
	font-size: @sapUshellGroupListFontSize;
	font-family: @sapUshellGroupListFontFamily;
	font-weight: @sapUshellGroupListFontWeight;
}
.sapUshellGroupListItem.sapUshellOver {
    background-color: @sapUshellListItemHoverBackgroundColor;
}
.sapUshellGroupListItem.sapUshellSelected {
    background-color: @sapUshellListItemSelectedBackgroundColor;
}
.sapUshellDefaultGroupItem.sapUshellOver {
  background-color: @sapUshellListItemHoverBackgroundColor;
}
.sapUshellDefaultGroupItem.sapUshellSelected {
  background-color: @sapUshellListItemSelectedBackgroundColor;
}
.sapUshellDefaultGroupItem:active,
.sapUshellGroupListItem:active {
    @media @query-desktop { background-color: @sapUshellListItemHoverBackgroundColor; }
}

.sap-desktop .sapUshellDefaultGroupItem:hover,
.sap-desktop .sapUshellGroupListItem:hover {
    background-color: @sapUshellListItemHoverBackgroundColor;
}

/* END "GroupList.less" */

/* START "HistoryScreen.less" */
/* ${copyright} */


#searchHistoryScreen, #searchContainerHistoryScreen, .sapMHistoryScreen {
    .sapUshellHistoryScreenRecentSearches {
        .sapMListUl {
            border-bottom: @sapUshellOnePixel solid @sapUiHcStandardForeground;
            border-top: none;
            .sapMSLITitleOnly {
                color: @sapUiHcStandardForeground;
            }
        }
    }
}

/* END "HistoryScreen.less" */

/* START "LoadingDialog.less" */
/* ================================================================*/
/* CSS for control sap.ushell/LoadingDialog.control  sap_hcb theme */
/* =============================================================== */

.sapUshellLoadingDialogControl {


.sapUiIcon {
    font-size: 2.5rem;
    color: @sapUiLightText;
}

.sapUshellLoadingDialogLabel {

    font-size: 1.5em;
    font-weight: bold;
}
}

/* Phone */
@media @query-phone {
    .sapUshellLoadingDialog {
    .sapUiIcon {
        font-size: 1.88rem !important;
    }

    .sapUshellLoadingDialogLabel {
        font-size: 1.3em;
    }
}
}

/* END "LoadingDialog.less" */

/* START "MeArea.less" */
@sapUshellImageBorder:                                    fade(@sapUiShellTextColor, 15);
@sapUshellRecentActivitiesLine:				fade(@sapUiButtonTextColor, 40);


#overflowActions-overflowButton .sapMBtnHoverable {
  background-color: transparent;
  border-color: transparent;
}

#overflowActions-overflowButton .sapMToggleBtnPressed .sapMBtnIcon {
  background-color: @sapUiShellActiveBackground;
}
/* END "MeArea.less" */

/* START "Notifications.less" */
/*============================================= */
/* CSS for Notifications list */
/* ============================================= */

/* LESS Variables */
/* ============================================= */

.sapMLIB.sapMNLI.sapUshellNotificationsListItem {
  border: 1px solid @sapUiHcStandardForeground
}
/* END "Notifications.less" */

/* START "PictureTile.less" */
@sapUiBtnBGTransparentDown: @sapUiHighlight;

.sapCaUiPTDeleteButton .sapUiIcon:before {
	background-color: @sapUiWhiteBG;
	color: @sapUiText;
}

.sapMBtn.sapCaUiPTDeleteButton.sapMBtnActive {
	background-color: transparent;
}

.sapCaUiPTDeleteButton.sapMBtnActive .sapUiIcon:before {
	color: @sapUiBtnBGTransparentDown;	

}
	


/* END "PictureTile.less" */

/* START "PlusTile.less" */
/* ============================================= */
/* CSS for control sap.ushell/PlusTile.control sap_hcb theme*/
/* ============================================= */

/* General Plus Tile */
@sapUshellPlusTileBoxColorBackground:          fade(@sapShell_Background,0);
@sapUshellPlusTileBoxBorderColor:              @sapUiMediumBorder;

@sapUshellPlusTileIconColor:                    fade(@sapUiHcStandardForeground,100);
@sapUshellPlusTileIconColorHover:              fade(@sapUiHcStandardForeground,100);

.sapUshellTile.sapUshellPlusTile {

    background-color:   @sapUshellPlusTileBoxColorBackground;
    border-color:       @sapUiTileBorderColor;

    &:hover {
      box-shadow:   0 0 0 @sapUshellOnePixel  @sapUiTileBorderColor;
    }

    &:hover .sapUiIcon {
        color: @sapUiTileIconColor;
    }

    &:focus {
        outline: 0.2rem dotted @sapUiHcStandardForeground;
        outline-offset: 0.125rem;
    }

    .sapUiIcon {
        color:                @sapUiTileIconColor;
        font-size:            @sapUshellPlusTileIconFontSize;
    }
}
/* END "PlusTile.less" */

/* START "SearchFacet.less" */


/* END "SearchFacet.less" */

/* START "SearchFieldGroup.less" */


/* END "SearchFieldGroup.less" */

/* START "SearchPieChart.less" */
/*****************/


/*** Pie Chart ***/


/*****************/

g.sap-piechart path{
	fill: white;
	stroke: black !important;
	outline: none;
}

g.sap-piechart text.labelshadow {
	stroke: white;
	stroke-width: 0.5rem;
}
/* END "SearchPieChart.less" */

/* START "SearchTileContainer.less" */

/* END "SearchTileContainer.less" */

/* START "ShellFloatingAction.less" */
/* ============================================= */
/* CSS for control sap.ushell/ui/Shell/ShellFloatingAction sap_hcb theme*/
/* ============================================= */
.sapUshellShellFloatingAction div {
  border: @sapUshellTwoPixels solid @sapUiHcStandardForeground;

  .sapUiIcon {
    margin: -@sapUshellOnePixel -@sapUshellOnePixel 0 -@sapUshellOnePixel;
  }
}

.sapUshellShellFloatingAction.sapUshellActive {
  .sapMBtnInner {
    background-color: @sapUiHcHighlightAltBackground;
  }

  .sapMBtnInner:hover {
    background-color: @sapUiHighlight;
  }
}

.sapUshellShellFloatingAction .sapMBtnInner:focus {
  border: @sapUshellTwoPixels dotted @sapUiHcStandardForeground;
}

.sapUshellShellFloatingAction:focus>.sapMBtnInner.sapMFocusable {
  border-radius: 1.25rem;
  border: @sapUshellTwoPixels dotted @sapUiHcStandardForeground;
}

.sapUshellShellFloatingAction:focus>.sapMBtnInner.sapMFocusable:not(.sapMBtnActive){
  border-radius: 1.25rem;
  border: @sapUshellTwoPixels dotted @sapUiHcStandardForeground;
}
/* END "ShellFloatingAction.less" */

/* START "ShellHeader.less" */
/* ================================================== */
/* CSS for sap.ui.unfied.ShellHeader.control (hcb)    */
/* ================================================== */

//[Tags "Color"]
//[Description "Color of title in header"]
@sapUshellShellHeaderTitleColor: @sapUiShellBorderColor;

.sapUshellShellHeadItm {
  border: 1px solid @sapUiHcStandardForeground;
  border-radius: 0.25rem;
  box-sizing: border-box;
}

.sapUshellShellHeadItm:focus {
  outline-width: 2px;
  outline-offset: -2px;
  outline-color: @sapUiHcStandardForeground;
  border-color: transparent;
}

.sapUshellShellHeadItmCntnt {
  color: @sapUiHcStandardForeground;
  line-height: 2.125rem;
  width: 2.125rem;
  height: 2.125rem;
}

.sapUshellShellHeadAction {
    color: @sapUiBaseText;
  }

.sapUshellShellHeadItm:hover > span {
  background-color: @sapUiHighlight;
}

.sapUshellShellHeadItm:active > span {
  background-color: @sapUiButtonHoverBackground;
}

.sapUshellShellHeadActionImg {
  height: 2.25rem;
  line-height: 2.125rem;
  margin-top: 0;
  padding-top: 1px;
  font-weight: normal;
  font-size: @sapUshellShellHeaderBarHeight / 2;
}

.sapUshellShellHeadItm:focus {
  outline-width: 2px;
  outline-offset: -2px;
  border-color: transparent;
}

.sapUshellHeadTitle {
  color: @sapUshellShellHeaderTitleColor;
}


/** --------------------------------------- **/
/** Styles for Shell Title's Navigation Menu**/
/** --------------------------------------- **/

#sapUshellAppTitlePopover .sapMBar {
  border-bottom: 0;
}

.sapUshellAppTitle {
  color: @sapUiShellTextColor;
  border: 0.125rem solid @sapUiHcStandardForeground;
  border-radius: 0.25rem;
  line-height: 2.125rem;
}

.sapUshellAppTitleClickable:hover {
  background-color: @sapUiButtonHoverBackground;
}

.sapUshellAppTitleClickable:active {
  background-color: @sapUiButtonActiveBackground;
  color: @sapUiLinkActive;
}

.sapUshellAppTitle.sapUshellAppTitleClickable:focus {
  outline: none;
  border: 2px dotted @sapUiHcStandardForeground;
}

/** Hierarchy Items - (List Items) Icon Styles **/
.sapUshellNavigationMenuListItems {
  color: @sapUiListBackground;
}

.sapUshellNavigationMenuListItems:not(:last-child) .sapMLIBContent:after {
  background: @sapUiHcStandardForeground;
}

.sapUshellNavigationMenuListItems:not(:first-child) .sapMLIBContent:before {
  background: @sapUiHcStandardForeground;
}

.sapUshellNavigationMenuListItems .sapMSLIImgIcon,
.sapUshellNavigationMenuTitleItem .sapMSLIImgIcon{
  color: @sapUiContentLabelColor;
}

/** Hierarchy Items - (List Items) - Text **/
.sapUshellNavigationMenuListItems .sapMSLITitleOnly {
  color: @sapUiHighlightTextColor;
}

.sapUshellNavigationMenuListItems .sapMSLITitle {
  color: @sapUiHighlightTextColor;
}

.sapUshellNavigationMenuListItems .sapMSLIDescription {
  color: @sapUiHighlightTextColor;
}

/** Shell Application Title control **/

/** Shell Navigation Menu - ResponsivePopover**/
#sapUshellAppTitlePopover {
  background-color: @sapUiListBackground;
}

/** Shell Navigation Menu - related Apps grid (within a flexbox) - override the text-tab-bar content area height **/
#sapUshellAppTitlePopover .sapMITBContent {
  background-color: @sapUiButtonBackground;
}

/** Shell Navigation Menu - Popover Header color override **/
#sapUshellAppTitlePopover .sapMIBar.sapMHeader-CTX {
  background-color: @sapUiListBackground;
}

/** Shell Navigation Menu - override background color*/
#sapUshellNavMenuTabBar {
  background-color: @sapUiListBackground;
}

/** Shell Navigation Menu - override to style of the text-tab-bar head area background color**/
#sapUshellNavMenuTabBar .sapMITH {
  background-color: @sapUiListBackground;
}

#sapUshellNavMenuTabBar .sapMITBContainerContent {
  border: 0;
  border-top: 0.125rem solid @sapUiHcStandardForeground;
}

/** Shell Navigation Menu - Mini Tiles (of relatedApps)**/
    .sapUshellNavMiniTile {
  background-color: @sapUiListBackground;
  box-shadow: 0 0 0 @sapUshellOnePixel @sapUiHcStandardForeground;
}

.sapUshellNavMiniTile:hover {
  box-shadow: 0 0 0 @sapUshellTwoPixels @sapUiHcStandardForeground;
  background-color: @sapUiButtonHoverBackground;
}
.sapUshellNavMiniTile:active {
  box-shadow: 0 0 0 @sapUshellTwoPixels @sapUiHcStandardForeground;
  background-color: @sapUiButtonHoverBackground;
}
.sapUshellNavMiniTile:focus {
  box-shadow: 0 0 0 @sapUshellTwoPixels @sapUiHcStandardForeground;
  background-color: @sapUiButtonHoverBackground;
}

/** Shell Navigation Menu - Mini Tiles - Title **/
.sapUshellNavMiniTileTitle{
  color: @sapUiHighlightTextColor;
}
/** Shell Navigation Menu - Mini Tiles - Subtitle **/
.sapUshellNavMiniTileSubtitle{
  color: @sapUiHighlightTextColor;
}

/** Shell Navigation Menu - Mini Tiles - Icon **/
.sapUshellNavMiniTileIcon{
  color: @sapUiBrand;
}

.sapUshellShellHeadItmCounter:after{
  background: @sapUiContentBadgeBackground;
  color: @sapUiHcStandardBackground;
}

#sapUshellAllMyAppsMasterDetail-Master {
  border-right: 1px solid @sapUiHcStandardForeground;
}

/** Logo **/
.sapUshellShellHeadBegin .sapUshellShellIco:focus {
  outline: 2px dotted @sapUiHcStandardForeground;
}

.sapUshellShellHeadBegin .sapUshellShellIco:hover {
  background-color: @sapUiHighlight;
}

/* END "ShellHeader.less" */

/* START "ShellLayout.less" */
/* ==================================================== */
/* CSS for sap.ui.unfied.ShellLayout.control (hcb)      */
/* ==================================================== */

/* END "ShellLayout.less" */

/* START "SplitContainer.less" */
.sapUshellSpltContPane {
	background-color: @sapUiHcStandardBackground;
}

/* END "SplitContainer.less" */

/* START "Tile.less" */
/* ============================================= */
/* CSS for control sap.ushell/Tile.control       */
/* ============================================= */

/* LESS Variables */
/* ============================================= */

/* General Tile Colors */
@sapUiFontHeaderFamily: @sapUiFontFamily;

/* Due to border, reduce spacing to 6px, otherwise only one tile fits to phone width */
@sapUshellTileSpacingPhone:                0.375rem;

/* Tile Shadow */
@sapUshellTileShadowColor:							fade(@sapUiShadowTint,10);

/* Tile Footer (plus button in tile catalog) */
@sapUshellTileFooterBorder:						@sapUiDarkBorder;
@sapUshellTileFooterFontSize:						1rem;
@sapUshellTileFooterIconColor:						@sapUiLightText;

/* Styles */
/* ============================================= */

.sapUshellTile:focus::after {
  border: 0.125rem dotted @sapUiContentFocusColor;
}

.sapUshellTileFooterInfoNegative {
  color: @sapUiNegativeElement;
}

.sapUshellTileFooterInfoNeutral {
  color: @sapUiNeutralElement
}

.sapUshellTileFooterInfoPositive {
  color: @sapUiPositiveElement
}

.sapUshellTileFooterInfoCritical {
  color: @sapUiCriticalElement;
}
/* END "Tile.less" */

/* START "TileBase.less" */
/* ============================================= */
/* CSS for control sap.ushell/TileBase.control theme sap_hcb*/
/* ============================================= */
.sapUiMedia-Std-Desktop .sapUshellTileBase:hover {
  .sapMBtnInner {
    box-shadow: inset 0 @sapUshellTwoPixels 0 0 @sapUiLightShadowTint;
  }
}

.sapUshellTileBase {
  &:hover, &:active {
    box-shadow: 0 0 0 @sapUshellTwoPixels @sapUiContentShadowColor;
  }
  box-shadow: none;

  color: @sapUiHcStandardForeground;

  .sapUshellTileBaseNeutral {color: @sapUiHcNeutralColor;}
  .sapUshellTileBasePositive {color: @sapUiHcPositiveColor;}

  .sapUshellTileBaseTitle {
    font-weight: @sapUshellTileBaseTitleFontWeight;
    font-family: @sapUshellTileBaseTitleFontFamily;
    font-size:          @sapUshellTileBaseTitleFontSizeDesktop;

    b {
      font-weight: inherit;
    }
  }

  .sapUshellTileBaseSubtitle {
    font-weight: @sapUshellTileBaseSubtitleFontWeight;
    font-family: @sapUshellTileBaseSubtitleFontFamily;
    font-size: @sapUshellTileBaseSubtitleFontSizeDesktop;

    b {
      font-weight: inherit;
    }
  }

  .sapUshellTileBaseIcon {
    font-size: @sapUshellTileBaseIconFontSizeDesktop;
  }

  .sapUshellTileBaseInfo {

    font-weight: @sapUshellTileBaseBottomlineFontWeight;
    font-family: @sapUshellTileBaseBottomlineFontFamily;
    font-size:   @sapUshellTileBaseBottomlineFontSizeDesktop;

    &.sapUshellTileBaseNeutral {color: @sapUiHcNeutralColor;}
    &.sapUshellTileBasePositive {color: @sapUiHcPositiveColor;}

    b {
      font-weight: inherit;
    }
  }
  &:focus{
    outline: 0.2rem dotted @sapUiHcStandardForeground;
    outline-offset: 0.125rem;
  }
}

.sapUiMedia-Std-Phone .sapUshellTileBase {
  /* Phone */

  .sapUshellTileBaseTitle {
    font-size: @sapUshellTileBaseTitleFontSizePhone;
  }

  .sapUshellTileBaseSubtitle {
    font-size: @sapUshellTileBaseSubtitleFontSizePhone;
  }

  .sapUshellTileBaseIcon {
    font-size: @sapUshellTileBaseIconFontSizePhone;
  }

  .sapUshellTileBaseInfo {
    font-size: @sapUshellTileBaseBottomlineFontSizePhone;
  }
}


/* END "TileBase.less" */

/* START "TileContainer.less" */
/* ============================================= */
/* CSS for control sap.ushell/TileContainer.control */
/* ============================================= */

/* LESS Variables */
/* ============================================= */

/* TileContainer Dashboard */
  //[Tags "Color"]
  //[Description "Group header title text color"]
    @sapUshellGroupHeaderTitleColor:                                            @sapUiHcStandardForeground; //Since @sapUiTextInverted parameter is not stable yet, we use white color here.
	@sapUshellTileContainerDashboardGroupTitleFontFamily:						@sapUiFontHeaderFamily;
	@sapUshellTileContainerDashboardGroupTitleFontWeight:						@sapUiFontHeaderWeight;
	@sapUshellTileContainerCloneColor:                                         @sapUiHcHighlightAltBackground;
    @sapUshellTileContainerPlaceholderColor:                                   @sapUiHcStandardForeground;
    
    @sapUshellTileContainerBorder:                                             0.0625rem;
    @sapUshellTileContainerOffsetForBorder:                                    2 * @sapUshellTileContainerBorder;
	
	/* Desktop */
	@sapUshellTileContainerDashboardGroupTitleFontSizeDesktop:                 @sapMFontHeader2Size;

	/* Phone */
	@sapUshellTileContainerDashboardGroupTitleFontSizePhone:                   @sapMFontHeader4Size;

			
    /* TileContainer Catalog */
	@sapUshellTileContainerCatalogGroupTitleFontFamily:						@sapUiFontFamily;
	@sapUshellTileContainerCatalogGroupTitleFontWeight:						normal;

/* Styles */
/* ============================================= */

.sapUshellTileContainerLocked h2:after{
	color: @sapUiHcStandardForeground;
}

/* Only TileContainers located on the dashboard */
.sapUshellDashboardGroupsContainer,#cloneArea {
    .sapUshellContainerTitle{
        font-family: @sapUshellTileContainerDashboardGroupTitleFontFamily;
        font-weight: @sapUshellTileContainerDashboardGroupTitleFontWeight;
    }
}

.sapUiMedia-Std-Desktop, .sapUiMedia-Std-Tablet {
  .sapUshellContainerTitle {
    color: @sapUshellGroupHeaderTitleColor;
    font-size: @sapUshellTileContainerDashboardGroupTitleFontSizeDesktop;
  }
  .sapUshellTileContainerTitleInput {
    ::-webkit-input-placeholder {
      font-size: @sapUshellTileContainerDashboardGroupTitleFontSizeDesktop;
    }
    :-moz-placeholder {
      /* older Firefox*/
      font-size: @sapUshellTileContainerDashboardGroupTitleFontSizeDesktop;
    }
    ::-moz-placeholder {
      /* Firefox 19+ */
      font-size: @sapUshellTileContainerDashboardGroupTitleFontSizeDesktop;
    }
    :-ms-input-placeholder {
      font-size: @sapUshellTileContainerDashboardGroupTitleFontSizeDesktop;
    }
    label {
      /* ie */
      font-size: @sapUshellTileContainerDashboardGroupTitleFontSizeDesktop;
      margin-top: 0.125rem;
    }
  }
  .sapUshellTileContainerTitleInput input{
    font-size: @sapUshellTileContainerDashboardGroupTitleFontSizeDesktop;
  }
}

.sapUiMedia-Std-Phone {
  .sapUshellContainerTitle {
    color: @sapUshellGroupHeaderTitleColor;
    font-size: @sapUshellTileContainerDashboardGroupTitleFontSizePhone;
  }
  .sapUshellTileContainerTitleInput {
    ::-webkit-input-placeholder {
      font-size: @sapUshellTileContainerDashboardGroupTitleFontSizePhone;
    }
    :-moz-placeholder {
      /* older Firefox*/
      font-size: @sapUshellTileContainerDashboardGroupTitleFontSizePhone;
    }
    ::-moz-placeholder {
      /* Firefox 19+ */
      font-size: @sapUshellTileContainerDashboardGroupTitleFontSizePhone;
    }
    :-ms-input-placeholder {
      font-size: @sapUshellTileContainerDashboardGroupTitleFontSizePhone;
    }
    label {
      font-size: @sapUshellTileContainerDashboardGroupTitleFontSizePhone;
    }
  }

  .sapUshellTileContainerTitleInput input{
    font-size: @sapUshellTileContainerDashboardGroupTitleFontSizePhone;
  }
}

  /* Only TileContainers located on the catalog */
  .sapUshellCatalog {
    .sapUshellTileContainerContent{
      h3 {
        font-family: @sapUshellTileContainerCatalogGroupTitleFontFamily;
        font-weight: @sapUshellTileContainerCatalogGroupTitleFontWeight;
        margin-top : 0;
        margin-bottom: 0rem;
        padding-bottom: 1rem;
      }
    }
  }

  .sapUshellTileContainerContent {
    .sapUshellNoFilteredItems{
      font-size: 1rem !important;
    }

    .sapUshellInner:after {
      font-size: 0;
    }
  }

  .sapUshellTilesContainerSeparator {
    border-bottom: @sapUshellOnePixel solid #fff;
    margin-right: 0.5rem;
    margin-top: 0.5rem;
  }

  .sapUshellLinkTile:focus {
     outline-color: #ffffff;
  }
  .sapUshellTileContainerHeader:focus {
    outline: 0.125rem dotted @sapUiContentFocusColor;
  }

  .sapUshellDashboardGroupsContainer .sapUshellTileContainerContent {
    &:focus {
      border-color: @sapUiHcStandardForeground;
    }
  }

  #dashboardGroups .sapUshellDashboardGroupsContainerItem-placeholder {
    border: 0.125rem dashed @sapUshellTileContainerPlaceholderColor;
    background-color: transparent;
    border-radius: 0.375rem;

    .sapUshellTileContainerEditMode {
      background: transparent;
    }
  }
  .sapUshellDashboardGroupsContainerItem.sapUshellDashboardGroupsContainerItem-clone {

    .sapUshellContainerTitle {
      background-color: @sapUshellTileContainerCloneColor;
      font-weight: inherit;
    }
  }

  .sapUshellTileContainerEditMode {
    border : @sapUshellTileContainerBorder solid;
    border-color: @sapUiHcStandardForeground;
    border-radius: 0.375rem;
  }

  .sapUshellContainerIcon {
    font-size: 1rem;
  }

  .sapUshellTileContainer {
    .sapUshellTileContainerBeforeContent, .sapUshellTileContainerAfterContent {

      .sapUshellAddGroupButton {
        .sapMBtnIcon {
          font-size: 1.0rem;
        }
        div {
          font-size:   1.25rem;
        }
      }
    }
  }

.sapUshellGroupBackgroundContainer {display: none;}

.sapUshellTileContainer .sapFCard:focus::after {
  border: @sapUshellTwoPixels dotted @sapUiContentFocusColor;
}
/* END "TileContainer.less" */

/* START "TileState.less" */

/* ============================================= */
/* CSS for control sap.ushell.ui.launchpad/TileState.control */
/* ============================================= */

.sapUshellGT {
    &:hover, &:active {
      box-shadow: 0 0 0 @sapUshellTwoPixels @sapUiContentShadowColor;
    }
    box-shadow: none;
    background: @sapUiHcStandardForeground;
    position: relative;
}

.sapUshellOverlay {
    background-color: @sapUiBaseBG;
}

.sapUshellTileStateFtrFldTxt {
    font-weight: normal;
    font-family: @sapUiFontFamily;
    font-size: @sapMFontMediumSize;
    color:@sapUiHcStandardForeground;
}

/* END "TileState.less" */

/* START "UserPreferencesButton.less" */
/* ============================================= */
/* CSS for control sap.ushell/UserPreferencesButton.control sap_hcb theme*/
/* ============================================= */
.sapUshellUserPrefUserIdentifier {
    border-bottom: @sapUshellOnePixel solid @sapHC_ReducedAltForeground;
    background-color: @sapUiHcStandardBackground;
}
/* END "UserPreferencesButton.less" */

/* START "ActionMode.less" */
/* SAP_HCB */

.sapUshellTileDeleteIconOuterClass {
  color: @sapUiHcStandardForeground;
  background: @sapUiHcStandardBackground;
  border: 1px solid @sapUiHcStandardForeground;
}

.sapUshellTileDeleteIconInnerClass {
  color: @sapUiHcStandardForeground;
}

.sapUshellTileDeleteIconInnerClass:focus {
  border: 1px dotted @sapUiHcStandardForeground;
}

.sapUshellTileDeleteClickArea:hover {
  .sapUshellTileDeleteIconOuterClass {
    background: @sapUiHighlight;
  }
}

.sapUshellTileDeleteIconOuterClass:hover {
  background: @sapUiHighlight;
}

// actopms
.sapUshellTileActionIconDivBottom {
  background: @sapUiHcStandardBackground;
}

.sapUshellTile:hover .sapUshellTileActionIconDivBottom {
  color: @sapUiBrand;
}
/* END "ActionMode.less" */