/* 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_fiori_3/base.less"; /* ORIGINAL IMPORT PATH: "../../../../sap/ui/core/themes/sap_fiori_3/base.less" */

@import "../../../../sap/ui/core/themes/sap_fiori_3/global.less";
/* START "AboutDialog.less" */
.sapUshellAboutDialogHeader {
	color: @sapUiBrand
}
/* END "AboutDialog.less" */

/* START "ActionMode.less" */
@sapUshellActiveTile:					fade(@sapUiListBackground, 30%);
@sapUshellSelectedTile:					fade(@sapUiSelected, 40%);


/* CSS for the activation button and cover DIV of tile in action mode */
.sapUshellDashboardView {
  .sapUshellTileActionLayerDiv {
    box-shadow: 0 0 0 0 @sapUshellActiveTile;
    background: transparent;
  }

  .sapUshellTileActionLayerDivSelected {
    background-color: fade(@sapUiShellActiveBackground, 8);
    outline: @sapUshellOnePixel solid @sapUshellActiveTile;

    .sapUshellTileActionDivCenter {
      opacity: 0;
    }

    .sapUshellTileActionIconDivBottomInnerDiv {
      background-color: fade(@sapUiShellActiveBackground, 8);
      height: 100%;
    }
  }
}

/* END "ActionMode.less" */

/* START "AnchorItem.less" */
.sapUshellAnchorItem {
  font-family: @sapFontFamily;
  font-size: @sapMFontHeader6Size;
  font-weight: @sapUiFontHeaderWeight;
  opacity: 1;
}


.sapUshellAnchorItemSelected {
  color: @sapUiSelected;
}

.sapUshellAnchorItemSelected .sapUshellAnchorItemInner:not(.sapUshellAnchorInnerMarker) {
  border-bottom-color: @sapUiSelected;
}

.sapUshellAnchorItemNotRendered {
  opacity: 0.4;
}

.sap-desktop:not([data-sap-ui-browser^="ie"]) .sapUshellAnchorItem:focus {
  outline: @sapUshellOnePixel dotted @sapUiContentFocusColor;
  outline-offset: -@sapUshellOnePixel;
}

.sapUshellAnchorItemInner {
  font-size: @sapMFontMediumSize;
}
/* END "AnchorItem.less" */

/* START "AnchorNavigationBar.less" */
.sapUshellAnchorNavigationBar {
  background: @sapUiPageHeaderBackground;
}

.sapUshellAnchorRightOverFlowButton, .sapUshellAnchorLeftOverFlowButton {
  .sapMBtn:hover {
    background-color: transparent;
  }
}

.sapUshellAnchorNavigationBarInner {
  color: @sapUiContentLabelColor; /* as in IconTabBar */
}

//In normal state style should be like lite button with no border

.sapUshellAnchorLeftOverFlowButton .sapMBtn:hover > .sapMBtnHoverable:not(.sapMBtnActive),
.sapUshellAnchorRightOverFlowButton .sapMBtn:hover > .sapMBtnHoverable:not(.sapMBtnActive) {
  background-color: transparent; /* like in the Icon Tab Bar, do not hover overflow buttons */
}

.sapUshellAnchorItemsPopover .sapUshellGroupLI {
  background-color: @sapUiListBackground;
}

.sapUshellAnchorItemsPopover .sapUshellGroupLI.sapUshellAnchorPopoverItemSelected {
  background-color: @sapUiListSelectionBackgroundColor;
}

.sapUshellAnchorItemsPopover .sapUshellGroupLI.sapUshellAnchorPopoverItemNonSelected {
  background-color: @sapUiListBackground;

  &:hover {
    background-color: @sapUiListHoverBackground;
  }
}
/* END "AnchorNavigationBar.less" */

/* START "Appearance.less" */
#userPrefThemeSelector .sapUshellThemeListDisabled {
  opacity: 0.5;

  & > * {
    .sapUshellThemeListItemSelected {
      background: @sapUiListBackground;
    }
    :hover {
      background: @sapUiListBackground;
    }
    :focus {
      outline: none;
    }
  }
}
/* END "Appearance.less" */

/* START "ApplicationContainer.less" */
@media (min-width: 80rem) {
  .sapUiMedia-Std-Desktop .sapUShellApplicationContainer.sapUShellApplicationContainerLimitedWidth {
    box-shadow: 0 0 24px fade(@sapUiContentShadowColor, 15);
  }
}

.sapUshellDefaultBackground {
  background-color: transparent;
}


/* END "ApplicationContainer.less" */

/* START "Catalog.less" */
/* Menu bar*/
.sapUshellPanel > .sapUshellCatalogHeader .sapUshellCatalogHeaderBar {
  background: transparent;
  box-shadow: none;
}

.sapUshellCatalogNewGroupBackButton {
	background: transparent;
}

#catalogTiles .sapUshellTile {
  box-shadow: @sapUiShadowLevel0;
}

#appFinderPage > header .sapMSegB {
  padding: 0;
}

.sapUshellAppBoxIcon {
  color: lighten(@sapUiContentIconColor, 34);
}

.sapUshellAppBox{
  box-shadow: @sapUiShadowLevel0;
  background: @sapUiTileBackground;
}

.sapUshellAppBox:focus {
  outline: 1px dotted @sapUiContentFocusColor;
}

.sapUshellAppBox:hover{
  background: tint(@sapUiShellHoverBackground, 96);
}

.sapUshellAppBox:active{
  background: tint(@sapUiShellActiveBackground, 92);
}

.sapUshellHierarchyFolders .sapMPage>.sapMPageHeader + .sapMPageSubHeader + section{
  top: 5rem;
}

.sapUshellHierarchyFolders header.sapMPageSubHeader {
  color: @sapUiTileBackground;
}

.sapUshellAppFinderSearch {
  .sapUshellEasyAccessSearchResultText {
    color: @sapUiTileTextColor;
  }
}

.sapUshellPinButton {
  &:not(:hover) .sapUshellPinSelected {
    .sapUiIcon {
      color: @sapUiButtonActiveTextColor;
    }
  }
}

#catalogTiles,#catalogTilesSearchPage {
  .sapUshellTilePinButtonOverlay {
    background-color:  @sapUiTileBackground;
  }
}

.sapUshellPinSelected {
  outline-color: @sapUiButtonActiveTextColor;
  background-color: @sapUiButtonActiveBackground;
  border-color: @sapUiButtonActiveBorderColor;

}

.sapUshellHierarchyFolders .sapUshellEasyAccessMasterPageHeader {
  background-color: transparent;
  box-shadow: none;
}

/* END "Catalog.less" */

/* START "ContactSupport.less" */
#ContactSupportDialog.sapUshellContactSupportDialog section {
  background-color: @sapUiGroupContentBackground;
}


/* END "ContactSupport.less" */

/* START "DynamicTile.less" */
.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: @sapUiChartBad;
        .sapUshellDynamicTileDataUp {border-bottom-color: @sapUiChartBad; }
        .sapUshellDynamicTileDataDown {border-top-color: @sapUiChartBad; }
        }

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

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

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

.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" */
.sapUshellRatingLabelFeedbackNegativeText {
  color: @sapUiNegativeElement;
}

.sapUshellRatingLabelFeedbackPositiveText {
  color: @sapUiPositiveElement;
}

.sapUshellRatingLabelFeedbackCriticalText {
	color: @sapUiCriticalElement;
}

.sapUshellRatingLabelFeedbackNeutralText {
  color: @sapUiNeutralElement;
}

.sapUshellFeedbackLayout .sapUshellFeedbackAppIcon {
  color: @sapUiBrand;
}

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

  #ratingLabel {
    font-size: 0.875rem;
  }

  #technicalDataLink {
    font-size: 0.875rem;
  }
}

/* END "EndUserFeedback.less" */

/* START "Factsheet.less" */
.sapFactsheetUtiLabel,.sapMListTbl .sapMLabel {
	color: @sapUiContentLabelColor;
}

.sapFactsheetUtiPanel .sapMList,.sapFactsheetUtiPanel.sapMList {
	background-color: rgba(255, 255, 255, 0.8);
}

.sapFactsheetUtiGeneralInformationUtg .sapSuiteUtgContent {
	background-color: rgba(255, 255, 255, 0.8);
}

.sapFactsheetUtiGeoPopup .vbi-detail-content, .sapFactsheetUtiGeoPopup .sapUiForm, 
.sapFactsheetUtiGeoPopup .sapUiFormResLayout, .sapFactsheetUtiGeoPopup .sapUiFormResLayout>div {
    background-color: rgba(0, 0, 0, 0);
}

.sapFactsheetUtiGeoPopupDescr {
	color: @sapUiContentLabelColor;
}

.sapFactsheetUtiGeoPopupText {
	color: @sapUiContentLabelColor;
}

.sapFactsheetUtiTextValue {
	color: @sapUiContentLabelColor;
}

.sapFactsheetUtiEmptyTile.sapSuiteFov {
	background-color: rgba(255, 255, 255, 0.4);
}
/* END "Factsheet.less" */

/* START "FloatingContainer.less" */
.sapUshellFloatingContainer {
	background: transparent;
	box-shadow: @sapUiShadowLevel2
}
/* END "FloatingContainer.less" */

/* START "FlpSettings.less" */
/* ====================================================== */
/* CSS for sap.ushell.components.flp.settings.FlpSettings */
/* ====================================================== */

.sapUshellFlpSettingsLabel {
    line-height: 2.75rem; /* line height should be the same as of the radio button to the right */
}
/* END "FlpSettings.less" */

/* START "LoadingDialog.less" */
@loadingDialogBackgroundColor: @sapUiShellBackground;

/* popup directly following sapUshellLoadingDialog */
.sapUshellLoadingDialog{
    background-color: @loadingDialogBackgroundColor;
/* standard for older browsers that do not support :not meta-selector */
.transition(opacity 1s ease-in-out);
}

.sapUshellLoadingDialogControl {
  color: @sapUiTileTextColor;
  border: 0 ;
  background: transparent;
  .opacity(1.0);
  .transition(opacity 0.25s ease-in-out);

  .sapUshellLoadingDialogAppData {
    .opacity(1.0);
  }

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

  .sapUshellLoadingDialogLabel {
    font-size: 1.5em;
    font-weight: bold;
  }
}

.sapUshellLoadingDialog{
  .opacity(0.9);
}

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

    .sapUshellLoadingDialogLabel {
      font-size: 1.3em;
    }
  }
  /* loading screen should not be transparent on phones, as it is critically performance-wise*/
  .sapUshellLoadingDialog {
    .opacity(1.0);
  }
}
/* END "LoadingDialog.less" */

/* START "MeArea.less" */
#logoutBtn {
  .sapUiIcon {
    font-size: 1rem;
  }
}

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

#overflowActions-overflowButton .sapMToggleBtnPressed .sapMBtnIcon {
  background-color: @sapUiShellHoverToggleBackground;
  color: @sapUiShellActiveTextColor;
}

#overflowActions-popover-scroll .sapContrastPlus .sapMBtnInner{
  text-shadow: none;
}

/* END "MeArea.less" */

/* START "Notifications.less" */
/* ============================================= */
/* CSS for Notifications -- theme sap_fiori_3    */
/* ============================================= */

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

.sapUshellNotificationsView {
    #sapUshellNotificationIconTabByDate, #sapUshellNotificationIconTabByType, #sapUshellNotificationIconTabByPrio {
        .sapMITBText {
            font-size: 1rem;
        }
    }
}

.sapUshellNotificationsMoreCircle {
    background: fade(lighten(lighten(desaturate(@sapShell_Background, 16), 7.8),10), 30);
    color: @sapUiBaseText;
    text-shadow: 0 1px 0 fade(@sapUiContentContrastShadowColor, 50);
}

.sapUshellNotificationsMoreCircleCount {
    color: @sapUiGroupTitleTextColor;
    text-shadow: 0 1px 0 fade(@sapUiContentContrastShadowColor, 50)
}

.sapUshellNotificationsMoreHelpingText {
    color: @sapUiBaseText;
    text-shadow: 0 1px 0 fade(@sapUiContentContrastShadowColor, 50)
}
/* END "Notifications.less" */

/* START "NotificationSettings.less" */
#notificationSettingsSwitchBar .sapMLabel {
    color: @sapUiContentLabelColor;
}

/* Eliminate the 0.25rem spacing (padding-left) of the left switch control */    
#NotificationSettingsPage-intHeader-BarRight.sapMBarRight {
    padding-left : 0;
}

#notificationSettingsNoDataInnerBox #notificationSettingsNoDataTextHeader {
    color: @sapUiGroupTitleTextColor; 
}

#notificationSettingsNoDataInnerBox #notificationSettingsNoDataText {
    color: @sapUiBaseText;
}

#notificationSettingsNoDataIcon {
    color: @sapUiContentNonInteractiveIconColor;
}
#notificationSettingsSwitchBar {
    background: @sapUiObjectHeaderBackground;
}

#notificationSettings .sapMListTbl {
    border-top-color: @sapUiLightBG;
}
/* END "NotificationSettings.less" */

/* START "PictureTile.less" */
.sapCaUiPTDeleteButton .sapUiIcon:before {
	background-color: @sapUiWhiteBG;
	color: @sapUiText;
}

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

/* END "PictureTile.less" */

/* START "PlusTile.less" */
.sapUshellTile.sapUshellPlusTile {

    background-color:   transparent;
    border: 1px solid fade(@sapUiShellGroupTextColor, 20);

    &:hover {
        background-color: fade(@sapUiShellGroupTextColor, 4);
    }

    &:active {
        background-color: fade(@sapUiShellGroupTextColor, 8);
    }

    .sapUiIcon {
        color: @sapUiShellGroupTextColor;
        font-size: 1.375rem;
    }
}

/* END "PlusTile.less" */

/* START "QuickAccess.less" */
/* =================================================== */
/* CSS for sap.ushell QuickAccess Dialog fiori 3 theme */
/* =================================================== */

/* END "QuickAccess.less" */

/* START "Search.less" */

/* make tabstrips look like tabstrips (technically we use the overflow toolbar which does not look like tabstrips) */

.searchTabStrips.sapMTB-Transparent-CTX.sapMTB {
    padding-left: 0;
}

.searchTabStrips .sapMBtn,
.searchTabStrips .sapMBtn .sapMBtnInner:not(.sapMBtnIconFirst) {
    background-color: inherit !important;
    color: @sapUiGroupTitleTextColor !important;
    text-shadow: @sapUiShadowText !important;
    border-color: transparent !important;
    outline-color: inherit !important;
}

.searchTabStrips .sapMBtn .sapMBtnInner:not(.sapMBtnIconFirst) > .sapMBtnContent {
  color: inherit !important;
}

.searchTabStrips .sapMBtn .sapMBtnInner.sapMToggleBtnPressed:not(.sapMBtnIconFirst) {
    color: @sapUiSelected !important;
    text-shadow: @sapUiShadowText !important;
}

.searchTabStrips .sapMBtn .sapMBtnInner.sapMToggleBtnPressed:not(.sapMBtnIconFirst) > .sapMBtnContent {
    border-bottom: 2px solid @sapUiSelected;
    height: 106%;
}

/* IE */

.searchTabStrips .sapMBtn:focus > .sapMBtnInner.sapMToggleBtnPressed.sapMFocusable.sapMIE {
    outline: none;
}

.searchTabStrips .sapMBtn:focus > .sapMToggleBtnPressed > .sapMBtnFocusDiv,
.searchTabStrips .sapMBtn:focus > .sapMBtnActive > .sapMBtnFocusDiv {
    border-color: @sapUiContentFocusColor;
}

/* End */

/* END "Search.less" */

/* START "SearchBarChart.less" */
.sapUshellSearchFacetIconTabBar .sapSuiteCpMCChartBarNoValue,
.searchFacetLargeChartContainer .sapSuiteCpMCChartBarNoValue {
    background-color: lighten(@sapUiChartPaletteSequentialNeutral, 40);
    border: none; 
}

.sapUshellSearchFacetIconTabBar .sapSuiteCpMCChartBarValue.sapSuiteCpMCSemanticColorNeutral,
.searchFacetLargeChartContainer .sapSuiteCpMCChartBarValue.sapSuiteCpMCSemanticColorNeutral {
    background-color: @sapUiChartPaletteSequentialHue1Light2;
}

.sapUshellSearchFacetIconTabBar .sapSuiteCpMCChartBarValue.sapSuiteCpMCSemanticColorGood,
.searchFacetLargeChartContainer .sapSuiteCpMCChartBarValue.sapSuiteCpMCSemanticColorGood {
    background-color: @sapUiChartPaletteSequentialHue1Dark1;
}

/* END "SearchBarChart.less" */

/* START "SearchFacet.less" */
.sapUshellSearchFacetFilter {
    .sapUshellSearchFacetTabBar .sapMLIB.sapMLIBSelected {
	    &:not(:hover) {
	        background: transparent;
	        border-bottom-color: transparent;
	    }
    	.sapMSLITitleOnly {
    		font-weight: bold;
    	}
	}
}

.sapUshellSearchFacet .sapMListShowSeparatorsNone .sapMSLIInfoNone { color: @sapUiContentMarkerTextColor; }

/* END "SearchFacet.less" */

/* START "SearchFieldGroup.less" */
#searchFieldInShell {
    .sapMFlexBox {
        &>div:nth-child(1) {
            margin-right: 0.25rem;
        }
        &>div:nth-child(3) {
            margin-left: 0.25rem;
        }
        &>div:nth-child(4) {
            /*margin-left: 0.25rem;*/
            margin-left: 0.25rem;
            margin-right: 0.25rem;
        }
    }
    #searchFieldInShell-select {
        border-color: @sapUiShellInteractiveBorderColor;
        background: transparent;
        .sapMSltLabel {
            color: @sapUiShellTextColor;
        }
        .sapMSltArrow,
        .sapMSltIcon {
            color: @sapUiShellInteractiveTextColor;
        }
        &:hover {
            .sapMSltArrow,
            .sapMSltIcon {
                background: @sapUiShellHoverBackground;
                &::before {
                    color: @sapUiShellTextColor;
                }
            }
        }
        &.sapMSltPressed {
            .sapMSltArrow,
            .sapMSltIcon {
                background: @sapUiShellActiveBackground;
                &::before {
                    color: @sapUiShellActiveTextColor;
                }
            }
        }
        &:focus {
            /*outline-color: contrast(@sapUiShellColor, @sapUiContentFocusColor, @sapUiContentContrastFocusColor, @sapContent_ContrastTextThreshold);*/
            outline-color: contrast(@sapShellColor, @sapUiContentFocusColor, @sapUiContentContrastFocusColor, @sapContent_ContrastTextThreshold);
        }
    }
    #searchFieldInShell-input {
        .sapMInputBaseContentWrapper {
            background: transparent;
            border-color: @sapUiShellInteractiveBorderColor;
        }
        .sapMInputBaseContentWrapper:hover {
            background: @sapUiShellHoverBackground;
        }
        .sapMInputBaseInner {
            color: @sapUiShellTextColor;
        }
        .sapMInputBaseInner::placeholder {
            color: @sapUiShellInteractiveTextColor;
        }
        &.sapMFocus .sapMInputBaseContentWrapper {
            /*border-color: contrast(@sapUiShellColor, @sapUiContentFocusColor, @sapUiContentContrastFocusColor, @sapContent_ContrastTextThreshold);*/
            outline-color: contrast(@sapShellColor, @sapUiContentFocusColor, @sapUiContentContrastFocusColor, @sapContent_ContrastTextThreshold);
        }
    }
    /* magnifier and cancel button */
    .sapMBtn {
        .sapMBtnInner.sapMBtnDefault {
            background-color: transparent;
            border-color: transparent;
            color: @sapUiShellTextColor;
            .sapMBtnIcon {
                color: @sapUiShellInteractiveTextColor;
            }
        }
        &:not(.sapMBtnDisabled) {
            &:hover {
                .sapMBtnInner.sapMBtnDefault {
                    background-color: @sapUiShellHoverBackground;
                    border-color: @sapUiShellHoverBackground;
                    color: @sapUiShellTextColor;
                    .sapMBtnIcon {
                        color: @sapUiShellInteractiveTextColor;
                    }
                }
            }
            .sapMBtnInner.sapMBtnDefault {
                &.sapMBtnActive {
                    background-color: @sapUiShellActiveBackground;
                    border-color: @sapUiShellActiveBackground;
                    color: @sapUiShellActiveTextColor;
                    .sapMBtnIcon {
                        color: @sapUiShellActiveTextColor;
                    }
                }
            }
        }
        &:focus {
            .sapMBtnDefault.sapMFocusable {
                outline-color: contrast(@sapUiShellColor, @sapUiContentFocusColor, @sapUiContentContrastFocusColor, @sapContent_ContrastTextThreshold);
            }
        }
    }
}
/* END "SearchFieldGroup.less" */

/* START "ShellHeader.less" */
.sapUshellShellHeader {
  background-color: @sapUiShellColor;
}

.sapUshellShellIco:focus,
.sapUshellShellHeadItm:focus {
  outline-color: @sapUiContentContrastFocusColor;
}

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

.sapUshellAppTitle:focus {
  outline-color: @sapUiContentContrastFocusColor;
}

.sapUshellAllMyAppsView {
  box-shadow: @sapUiShadowLevel2;
}

.sapUshellAllMyAppsItemTitle {
  font-family: @sapUiFontFamily;
  font-size: @sapMFontMediumSize;
  font-weight: normal;
  color: @sapUiLink;
}

#sapUshellAllMyAppsDetailsPage {
  background: @sapUiListBackground;
  border-left: 1px solid @sapUiListBorderColor;
}

#sapUshellAllMyAppsDetailsPage .sapMLIB {
  border-bottom : 0;
}

.sapUshellAllMyAppsItemSubTitle {
  font-family: @sapUiFontFamily;
  font-size: @sapMFontMediumSize;
  font-weight: normal;
  color: @sapUiContentLabelColor;
}

.sapUshellShellHeadItmCntnt {
  color: @sapUiShellInteractiveTextColor;
}

.sapUshellShellHeadItmSel > .sapUshellShellHeadItmCntnt,
.sapUshellShellHeadItm:active > .sapUshellShellHeadItmCntnt {
  background-color: @sapUiHighlight;
}

.sapUshellShellHeadActionImg {
  color: @sapUiShellInteractiveTextColor;
}

.sapUshellShellHeadItm.sapUshellShellHeadItmSel .sapUshellShellHeadItmCntnt {
  background-color: @sapUiShellActiveBackground;
  color: @sapUiShellActiveTextColor;
}

.sapUshellShellHeader .sapUshellShellHeadItmCntnt:hover {
  background-color: @sapUiShellHoverBackground;
}

.sapUshellShellHeader .sapUshellShellHeadItmCntnt:active {
  background-color: @sapUiShellActiveBackground;
  color: @sapUiShellActiveTextColor;
}

.sapUshellHeadTitle{
  color: @sapUiShellTextColor;
}

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



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

.sapUshellAppTitle {
  color: @sapUiShellTextColor;
}

.sapUshellAppTitleClickable:hover {
  background-color: @sapUiShellHoverBackground;
}
.sapUshellAppTitleClickable:active {
  background-color: @sapUiShellActiveBackground;
}

.sapUshellAppTitleClickable:active .sapUshellShellHeadActionImg {
  color: @sapUiShellActiveTextColor;
}


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

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

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

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

/** 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 **/
#sapUshellRelatedAppsItems {
  background-color: @sapUiGlobalBackgroundColor;
  border-top: @sapUshellOnePixel solid @sapUiListBorderColor ;
  border-bottom: @sapUshellOnePixel solid @sapUiListBorderColor;
}

#sapUshellRelatedAppsItems label {
  font-size: 1rem;
}

/** 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;
}

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

.sapUshellNavMiniTile:hover {
  box-shadow: 0 0 0.125rem @sapUiTileBorderColor;
}
.sapUshellNavMiniTile:active {
  box-shadow: 0 0 0.125rem @sapUiTileBorderColor;
}

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

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

/* END "ShellHeader.less" */

/* START "ShellLayout.less" */
/* CSS for sap.ui.unfied.ShellLayout */

@sapUshellShellBackgroundShapesColor: @sapUiShellBackgroundPatternColor;

._sapUshellShellSubHdr { /* Testpage only */
  background-color: mix(@sapUiHighlight, @sapUiShellTextColor, 10);
  color: @sapUiTileTextColor;
}

.sapUshellShell {
  &.sapUshellShellCurtainVisible {
    .sapUshellShellHead, .sapUshellShellHead > div {
      background: none;
      filter: none;
    }
  }
}

.sapUshellShellBG {
  background-color: @sapUiShellBackground;
}

.sapUshellShellBG.sapUiShellBackgroundImage {
  background-image: @sapUiShellBackgroundImage;
  opacity: @sapUiShellBackgroundImageOpacity;
  .sapUshellBackgroundRepeatMixin;
}

.sapUshellBackgroundRepeatMixin() when (@sapUiShellBackgroundImageRepeat) {
  background-repeat: repeat;
  background-position: left top;
  background-size: auto;
}

.sapUshellBackgroundRepeatMixin() when not (@sapUiShellBackgroundImageRepeat) {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.sapUshellShapesDisplay() when (alpha(@sapUshellShellBackgroundShapesColor) = 0),(@sapUshellShellBackgroundShapesColor = transparent) {
  display: none;
}

.sapUshellShell canvas #shell-shapes {
  .sapUshellShapesDisplay;
}

.sapUshellShellCurtain {
  border-bottom: @sapUshellOnePixel solid @sapUiMediumBG;
  background-attachment: fixed;
  background-repeat: repeat, no-repeat;
}
/* END "ShellLayout.less" */

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

/* END "SplitContainer.less" */

/* START "Tile.less" */
/* General Tile Colors */
@sapUshellTileTextColor:							@sapUiTileTextColor;

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

.sapUshellTile {

  &.showTileActionsIcon .sapUshellTileActionsIconClass.sapUiIcon, .sapUshellTileActionsIconClass.sapUiIcon {
      color: @sapUiBrand;
    }

      background: @sapUiTileBackground;
      border: none;
      color: @sapUshellTileTextColor;

	footer {

		text-align: @sapUshellTileFooterTextAlignment;

		& > * {
			background: @sapUshellTileFooterBorder;

			.sapUiIcon {
				line-height: @sapUshellTileFooterLineHeight;
				font-size: @sapUshellTileFooterFontSize;
				color: @sapUshellTileFooterIconColor;
				position: @sapUshellTileFooterPosition;
				top: @sapUshellTileFooterPositionTop;
			}
			
			.sapMBtnInner{
				height: 2rem;
                border: none;
                -moz-box-shadow: inset 0 @sapUshellTwoPixels 0.19rem 0 rgba(0,0,0, 0.1);
				-webkit-box-shadow: inset 0 @sapUshellTwoPixels 0.19rem 0 rgba(0,0,0, 0.1);
				box-shadow: inset 0 @sapUshellTwoPixels 0.19rem 0 rgba(0,0,0, 0.1);
			}

			&:first-child {
				border-bottom-left-radius: @sapUshellTileFooterCornerRadius;
			}
			&:last-child {
				border-bottom-right-radius: @sapUshellTileFooterCornerRadius;
			}
		}
	}
  &.sapUshellFeedTileBG {
    background-color: transparent;
  }
}

.sapUshellTileActionDivCenter {
  background: @sapUiTileBackground;
}

.sapUiMedia-Std-Tablet .sapUshellTileInner,
.sapUiMedia-Std-Phone .sapUshellTileInner{

  a.sapUshellTileInner:visited {
    color: @sapUshellTileTextColor;
  }
}

.sapUshellTileDeleteIconOuterClass {
  background: @sapUiButtonBackground;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
  border : 1px solid @sapUiButtonBorderColor;
}

.sapUshellTileDeleteIconInnerClass {
  color: @sapUiButtonIconColor;
}

.sapUshellTileDeleteClickArea:hover {
  .sapUshellTileDeleteIconOuterClass {
    background: @sapUiButtonHoverBackground;
    border : 1px solid @sapUiButtonHoverBorderColor;
  }
}

.sapUshellTileDeleteClickArea:active {
  .sapUshellTileDeleteIconOuterClass {
    background: @sapUiButtonActiveBackground;
    border : 1px solid @sapUiButtonActiveBorderColor;
  }
  .sapUshellTileDeleteIconInnerClass {
    color: @sapUiButtonActiveTextColor;
  }
}

.sapUshellTileActionsIconClass.sapUiIcon {
    color: @sapUiBrand;
    background: @sapUiShellBackground;
}

.sapUshellTile:hover .sapUshellTileActionIconDivBottom {
  color : @sapUiBrand;
}

.sapUshellTile:focus::after {
  border-color: @sapUiContentFocusColor;
  border-width: @sapUshellOnePixel;
  border-style: dotted;
}

.sapUshellTile .sapUshellTileBase {
  border: @sapUshellOnePixel solid @sapUiTileBackground;
  background: @sapUiTileBackground;
}

.sapUshellTileFooterInfoNegative {
  color: @sapUiNegativeElement;
}

.sapUshellTileFooterInfoNeutral {
  color: @sapUiNeutralElement
}

.sapUshellTileFooterInfoPositive {
  color: @sapUiPositiveElement
}

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

/* START "TileBase.less" */
/*Subtitle text color for tile*/
@sapUshellTileBaseSubtitleColor: lighten(@sapUiTileTextColor, 20);


.sapUiMedia-Std-Desktop .sapUshellTileBase:focus{
  outline-color: @sapUiContentContrastFocusColor;
  outline-style: dotted;
  outline-width: 0.125rem;
  outline-offset: -0.125rem;
}

.sapUiMedia-Std-Desktop .sapUshellTileBase:hover, .sapUshellTileBase:active {
  background: fade(@sapUiShellHoverBackground, 4);
}

.sapUshellTileBase {
  color: @sapUiTileTextColor;

  .sapUshellTileBaseNeutral {color: @sapUiNeutralElement;}
  .sapUshellTileBasePositive {color: @sapUiPositiveElement;}

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

    b {
      background-color: @sapUiContentSearchHighlightColor;
      font-weight: inherit;
    }
  }

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

    b {
      background-color: @sapUshellTileBaseTextHighlightBgcolor;
      font-weight: inherit;
    }
  }

  .sapUshellTileBaseIcon {
    color: @sapUiBrand;
    font-size: @sapUshellTileBaseIconFontSizeDesktop;
  }

  .sapUshellTileBaseInfo {
    color: @sapUshellTileBaseSubtitleColor;
    font-weight: @sapUshellTileBaseBottomlineFontWeight;
    font-family: @sapUshellTileBaseBottomlineFontFamily;
    font-size:   @sapUshellTileBaseBottomlineFontSizeDesktop;

    &.sapUshellTileBaseNeutral {color: @sapUiNeutralElement;}
    &.sapUshellTileBasePositive {color: @sapUiPositiveElement;}

    b {
      background-color: @sapUshellTileBaseTextHighlightBgcolor;
      font-weight: inherit;
    }
  }
}

.sapUiMedia-Std-Phone .sapUshellTileBase {

  .sapUshellTileBaseTitle {
    font-size: @sapUshellTileBaseTitleFontSizePhone;
  }

  .sapUshellTileBaseSubtitle {
    font-size: @sapUshellTileBaseSubtitleFontSizePhone;
  }

  .sapUshellTileBaseIcon {
    font-size: @sapUshellTileBaseIconFontSizePhone;
  }

  .sapUshellTileBaseInfo {
    font-size: @sapUshellTileBaseBottomlineFontSizePhone;
  }
}
/* END "TileBase.less" */

/* START "TileContainer.less" */
/* TileContainer Dashboard */
    //[Tags "Color"]
    //[Description "Group header title text color"]
    @sapUshellGroupHeaderTitleColor:                                            @sapUiShellGroupTextColor; /* interim, specification is not available  */
    @sapUshellTileContainerDashboardGroupTitleFontFamily:                       @sapFontFamily;
    @sapUshellTileContainerDashboardGroupTitleFontWeight:                       @sapUiFontHeaderWeight;
    @sapUshellTileContainerEditModeBGColor:                                    fade(@sapUiBaseColor, 30);
    @sapUshellTileContainerHeaderActionsButtonHover:                           @sapUiButtonLiteHoverBackground;
    @sapUshellTileContainerCloneColor:                                         @sapUiButtonLiteBackground;
    @sapUshellTileContainerPlaceholderColor:                                   @sapUiShellTextColor;
    @sapUshellTileContainerAddGroupText:                                       @sapUiButtonTextColor;
    @sapUshellLinkContainerBackgroundColor:                                    @sapUiPageHeaderBackground; /* interim, specification is not available */
    @sapUshellHiddenGroupBackground:                                           fade(darken(darken(saturate(@sapShell_Background, 6), 7.8), 20), 10);

	/* Desktop */
		@sapUshellTileContainerDashboardGroupTitleFontSizeDesktop:			@sapMFontHeader4Size;
	/* Phone */
		@sapUshellTileContainerDashboardGroupTitleFontSizePhone:				@sapMFontHeader4Size;


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

/*Circle div for dragging indicator*/
.sapUshellCircle {
    background-color: fade(@sapUiShellTextColor, 40);
    border-radius: 0.57rem;
}
.sapUshellTileContainerLocked h2:after{
    color: @sapUiShellTextColor;
}

/* Only TileContainers located on the dashboard */
.sapUshellDashboardGroupsContainer,#cloneArea {
    .sapUshellContainerTitle{
      font-family: @sapUshellTileContainerDashboardGroupTitleFontFamily;
      font-weight: @sapUshellTileContainerDashboardGroupTitleFontWeight;
    }
  .sapUshellTileContainerEditMode{
    position: relative;
  }
}
.sapUshellContainerTitle {
  color: @sapUiShellGroupTitleTextColor;
  text-shadow: @sapUiShadowText;
}

/* temporary fix until the color is fixed in openui5 */
.sapUshellLineModeContainer .sapMGTLineMode .sapMGTHdrTxt {
	color: @sapUiLink;
}

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

  .sapUshellLineModeContainer .sapUshellLinkTile {
    display: inline;
  }

  .sapUshellContainerTitle {
    font-size: @sapUshellTileContainerDashboardGroupTitleFontSizeDesktop;
     font-weight: @sapUshellTileContainerDashboardGroupTitleFontWeight;
  }

  .sapUshellContainerTitle.sapUshellCatalogContainerTitle {
    font-family: @sapUiFontHeaderFamily;
    font-size: @sapMFontHeader5Size;
    font-weight: @sapUiFontHeaderWeight;
    color: @sapUiShellGroupTitleTextColor
  }

  .sapUshellLinkTile:focus {
    outline-color: @sapUiContentFocusColor;
  }

  .sapUshellTileContainerTitleInput input{
    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;
    }
  }
}

.sapUiMedia-Std-Phone {
  .sapUshellContainerTitle {
    color: @sapUshellGroupHeaderTitleColor;
    font-size: @sapUshellTileContainerDashboardGroupTitleFontSizePhone;
  }

  .sapUshellContainerTitle.sapUshellCatalogContainerTitle {
    font-family: @sapUiFontHeaderFamily;
    font-size: @sapMFontHeader5Size;
    font-weight: @sapUiFontHeaderWeight;
    color: @sapUiShellGroupTitleTextColor
  }

  .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;
    }

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

/* Only TileContainers located on the catalog */
.sapUshellCatalog {

	.sapUshellTileContainerContent{

		h3 {
			font-family: @sapUshellTileContainerCatalogGroupTitleFontFamily;
			font-weight: @sapUshellTileContainerCatalogGroupTitleFontWeight;
		}
	}
}

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

  .sapUshellInner:after {
    font-size: 0;
  }
}
/*Tile Container in Edit Mode*/
/*Add Group button*/
.sapUshellTileContainer {
    .sapUshellTileContainerBeforeContent , .sapUshellTileContainerAfterContent{

        .sapUshellAddGroupButton {
          .sapMBtnIcon {
            font-size: 1.0rem;
            }
          div {
            color: @sapUshellTileContainerAddGroupText;
//            text-shadow: 0 @sapUshellOnePixel 0 rgba(0,0,0,0.5);
            border: 1.125rem;
            font-size: 1.25rem;

            & > * {
              font-size: 1.25rem;
              color: @sapUshellTileContainerAddGroupText;
            }
          }
        }
    }
}

.sapUshellTileContainer .sapFCard:focus::after {
  border: @sapUshellOnePixel dotted @sapUiContentFocusColor;
}


.sapMBtn.sapUshellAddGroupButton:hover>.sapMBtnInner:not(.sapMBtnActive){
  background-color: @sapUiButtonHoverBackground;
}

.sapUshellTileContainerContent {
  .sapUshellTileContainerHeader {
    .sapUshellContainerTitle {
      &:focus {
        outline-color:@sapUiContentFocusColor;
      }
    }
    &:focus {
      outline-color:@sapUiContentFocusColor;
    }
  }

  .sapUshellTileContainerHeader:focus {
    outline: 1px dotted @sapUiContentFocusColor;
  }
}

.sapUshellTileContainerEditMode .sapUshellTileContainerHeader{
  position: relative;
}

/*Tile Container Header Buttons*/
.sapUshellTileContainerHeader {
    .sapUshellHeaderActionButton div {

             background-color: transparent;
             color: @sapUiShellTextColor;
//             text-shadow: 0 @sapUshellOnePixel 0 rgba(0,0,0,0.5);
        }
}

.sapMBtn.sapUshellHeaderActionButton:hover>.sapMBtnInner:not(.sapMBtnActive){
    background-color: @sapUiButtonHoverBackground;
}

#dashboardGroups .sapUshellDashboardGroupsContainerItem-placeholder {
    border: @sapUshellTwoPixels dashed @sapUshellTileContainerPlaceholderColor;
    background-color: transparent;

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

    .sapUshellContainerTitle {
        background-color:@sapUshellTileContainerEditModeBGColor;
        border-color: @sapUiListBorderColor ;
        font-weight: inherit;
    }

    .sapUshellGroupBackgroundContainer  {
      background-color:transparent;
    }
}

.sapUshellTileContainerHeader .sapUshellTileContainerTitleInput input{
  background: rgba(255, 255, 255, 0.2);
  color: @sapUshellGroupHeaderTitleColor;
}

.sapUshellTileContainerTitleInput {
  ::-webkit-input-placeholder {
    color: @sapUshellGroupHeaderTitleColor;
  }
  :-moz-placeholder {
    /* older Firefox*/
    color: @sapUshellGroupHeaderTitleColor;
  }
  ::-moz-placeholder {
    /* Firefox 19+ */
    color: @sapUshellGroupHeaderTitleColor;
  }
  :-ms-input-placeholder {
    color: @sapUshellGroupHeaderTitleColor;
  }
  label {
    color: @sapUshellGroupHeaderTitleColor;
  }
}

.sapUshellContainerIcon {
  color: @sapUshellGroupHeaderTitleColor;
  font-size: 1rem;
}

.sapUiMedia-Std-Desktop .sapUshellTileContainerTitleInput input,
.sapUiMedia-Std-Tablet .sapUshellTileContainerTitleInput input{
  font-size: @sapUshellTileContainerDashboardGroupTitleFontSizeDesktop;
}

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

.sapUiMedia-Std-Desktop .sapUshellTileContainerTitleInput ,
.sapUiMedia-Std-Tablet .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;
    }
  }

.sapUiMedia-Std-Phone .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;
    }
  }

.sapUshellLinksContainer {
  background-color: @sapUshellLinkContainerBackgroundColor;
}

.sapUshellLineModeContainer {
  background-color: @sapUshellLinkContainerBackgroundColor;
}

.sapUshellGroupBackgroundContainer{
  background: @sapUshellTileContainerEditModeBGColor;
}

.sapUshellNoLinksAreaPresentTextInner {
  font-size: 1.125rem;
  font-style: italic;
  color: @sapUiShellGroupTextColor;
}

.sapUshellTransformationError {
  background-color: lighten(@sapBrandColor,48);
}

.sapUshellTransformationErrorIcon {
  color: @sapUiNegativeElement;
}

.sapUshellTransformationErrorText {
  font-family: @sapUiFontFamily;
  font-size: @sapMFontMediumSize;
  line-height: 1.4;
  color: @sapUiBaseText;
}

.sapUshellDashboardGroupsContainer .sapUshellTileContainerEditMode:not(.sapUshellTileContainerLocked):not(.sapUshellTileContainerDefault) {

  .sapUshellContainerTitle:hover> {
    outline: 1px solid fade(@sapUiFieldHoverBorderColor, 50);
    background-color: fade(@sapUiFieldHoverBackground, 50);
  }
}

.sapUshellTileContainerEditModeHidden .sapUshellGroupBackgroundContainer {
  background-color:  @sapUshellHiddenGroupBackground;
}
/* END "TileContainer.less" */

/* START "TileState.less" */

.sapUshellGT {
    background: @sapUiTileBackground;
}

.sapUiMedia-Std-Desktop .sapUshellGT:hover, .sapUshellGT:active {
    background: fade(@sapUiShellHoverBackground, 4);
}

.sapUshellOverlay {
    background-color: @sapUiTileBackground;
    opacity: 0.8;
}

.sapUshellTileStateFtrFldTxt {
    font-weight: normal;
}
/* END "TileState.less" */

/* START "ToolAreaItem.less" */
@sapUshellToolAreaItemHoverBG: #45596a;
@sapUshellToolAreaItemBG: #3f5161;
@sapUshellToolAreaItemSelectedBG: #416b8e;
@sapUshellToolAreaItemIconColor: #b7cee4;
@sapUshellToolAreaItemSeparatorColor: #4d6376;

.sapUshellToolArea {

  background-color: @sapUshellToolAreaItemBG;


  .sapUshellToolAreaItemIcon {
    color: @sapUshellToolAreaItemIconColor;
  }
}

.sapUshellToolAreaItemText {
  color: @sapUshellToolAreaItemIconColor;
}


.sapUshellToolAreaItemText {
  color: @sapUshellToolAreaItemIconColor;
}

.sapUshellToolAreaContentSeparator, .sapUshellToolAreaFooterContentSeparator {
  height:@sapUshellOnePixel;
  background-color: @sapUshellToolAreaItemSeparatorColor;

}
.sapUshellToolAreaContent:hover, .sapUshellToolAreaFooterContent:hover{
  background-color: @sapUshellToolAreaItemHoverBG;
}

.sapUshellToolAreaItemSelected {
  background-color: @sapUshellToolAreaItemSelectedBG;
}

.sapUshellToolAreaItemExpandable:after {
  color:  @sapUshellToolAreaItemIconColor;
}

.sapUshellToolAreaItm {
  color: @sapUshellToolAreaItemIconColor;
}

/* END "ToolAreaItem.less" */

/* START "UsageAnalyticsSelector.less" */
.sapUshellUsageAnalyticsSelectorLegalTextMessage {
    font-family: @sapUiFontFamily;
    font-size: @sapMFontSmallSize;
    font-style: italic;
    color: @sapUiContentLabelColor;
    text-align: left;
    max-width: 14.375rem;
    border-top: solid 0.125rem @sapUiGroupContentBorderColor;
    padding-top: 0.625rem;
    margin-bottom: 1rem;
    margin-top: 1rem;
    line-height: 1.2rem;
}

.sapUiMedia-Std-Phone .sapUshellUsageAnalyticsSelectorLegalTextMessage {
    margin-left: auto;
    max-width: none;
}
/* END "UsageAnalyticsSelector.less" */

/* START "UserPreferencesButton.less" */
.sapUshellUserPrefUserIdentifier {
    border-bottom: @sapUshellOnePixel solid @sapUiListBorderColor;
    background-color: @sapUiListBackground;
}
/* END "UserPreferencesButton.less" */