/* =================================== */
/* CSS for control sap.ushell/Catalog  */
/* Quartz Light theme                  */
/* =================================== */

/* Menu bar */

.sapUshellCatalogNewGroupBackButton {
	background: transparent;
}

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

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

.sapUshellAppBoxIcon {
	color: var(--sapTile_IconColor);
}

.sapUshellAppBox {
	box-shadow: @sapUiShadowLevel0;
	background: var(--sapTile_Background);
}

.sapUshellAppBox:focus {
	outline: 1px dotted var(--sapContent_FocusColor);
}

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

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

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

.sapUshellHierarchyFolders header.sapMPageSubHeader {
	color: var(--sapTile_Background);
}

.sapUshellAppFinderSearch .sapUshellEasyAccessSearchResultText {
	color: var(--sapTile_TextColor);
}

.sapUshellPinButton:not(:hover) .sapUshellPinSelected .sapUiIcon {
	color: var(--sapButton_Active_TextColor);
}

#catalogTiles, #catalogTilesSearchPage {

	.sapUshellTilePinButtonOverlay {
		background-color: var(--sapTile_Background);
	}
}

.sapUshellPinSelected {
	outline-color: var(--sapButton_Active_TextColor);
	background-color: var(--sapButton_Active_Background);
	border-color: var(--sapButton_Active_BorderColor);
}

.sapUshellHierarchyFolders .sapUshellEasyAccessMasterPageHeader {
	background-color: transparent;
}