.myVideoFooter {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 1000;
  height: 2.5rem;            /* Footer height */
}

.News {
  opacity: .75;
}

.PaywallCloseBtn {
  opacity: .80;
}

.strikeout {
  text-decoration: line-through !important;
}

video {
  object-fit: fill;
}

.height100 {
  height: 400px !important;
}

*[data-myTabTextColor='white'] .sapMITBText{
  color: white !important;
}

*[data-myTabTextColor='blue'] .sapMITBText{
  color: #92c7f6 !important;
}

*[data-myTabTextColor='darkBlue'] .sapMITBText{
  color: #0754a0 !important;
}
/* sapMITBItem .sapMITBInlineIcon .sapMITBFilter.sapMITBItem */
*[data-myTabIconColor='white'] .sapMITBFilterDefault {
  color: white !important;
}

*[data-myTabIconColor='blue'] .sapMITBFilterDefault {
  color: #92c7f6 !important;
}

*[data-myTabIconColor='darkBlue'] .sapMITBFilterDefault {
  color: #0754a0 !important;
}

.acceptPushBackgroundGreen .sapMDialogSection {
  background-color: #3cb574 !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
 
}

.acceptPushBackgroundWhite {
  background-color: white !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

.paywallBackground .sapMDialogSection {
  background-image: url("/img/paywall.jpg") !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

.paywallSecureBackground .sapMDialogSection {
  background-image: url("/img/paywallSecure.png") !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-color: #0754a0 !important;
}
/*  background-color: #0754a0 !important;  */

/* .sapMBusyDialog { 
  opacity: .4 !important;
} */

/** ProductSwitch Fix false Selection highlight **/
.sapFGridContainer .sapFGridContainerItemWrapper:not(.sapFGridContainerItemWrapperNoVisualFocus):focus::before {
  border-width: 0px !important;
}

.sapFPSItemContainer.sapFPSItemSelected:not(:active)  {
  border-width: 0px !important;
}


/*** SEARCH  BAR ***/
.sapMSFF {
  background-color: rgba(255, 255, 255, 0) !important;
}

/* Carousel border fix */
.sapMCrslItem:focus::after, .sapMCrslNoDataItem:focus::after {
  opacity: .1 !important;
}

/* Remove dots around selected buttons */
.sapMBtn.sapMFocus .sapMInputBaseContentWrapper {
  outline:0px !important;
}

.sapMBtn:focus > .sapMFocusable {
  outline: 0px dotted transparent !important;
  outline-offset: -3px;

}

/* FIX Tile Action Buttons */
.sapMGTActionModeContainer{
  margin-top: -15px !important;
  margin-left: 0px !important;
} 

.backgroundHalfOpacity{
  opacity: .4 !important;
}

.size2 {
	font-size : 2.5rem !important;
}

@media (max-width:599px) {
	.size2 {
		font-size : 2rem !important;
	}
}

/* From Block layout exmaple */
.customCellImageBackground {
	color: #fff;
	background-image: url("/img/tesla.jpg");
	background-size: 650px !important;
  background-position: left top !important;
  background-repeat: no-repeat !important;
}

.customCellImageBackground .sapUiBlockCellContent,
.customCellImageBackground .sapUiBlockCellContent .sapMText {
	color: #fff;
}

.customHeader .sapMIBar  {
  background-color: rgba(255, 255, 255, 0) !important;
}

.fullOpacity{
  opacity: 1 !important;
}

.sonosNewsContent {
  padding-top: 10px !important;
}

.negativePadding {
  margin-bottom: -20px !important;
}

/* Not actual sure if this helps. Sometimes its hard to click the buttons when background 
.sapMGT.sapMGTBackgroundImage .sapMGTFocusDiv{
  z-index: 1 !important;
  pointer-events: none !important;
  position:relative !important;
} */

.avatarFront .sapFAvatarIcon {
    z-index: 10 !important;
    display: block !important;
    pointer-events: all !important;
    position:relative !important;
}

.minWidth200 {
  min-width: 350px !important;
}

.myNotificationList .sapFAvatarXS  {
  height: 80px !important;
  width: 80px !important;
}

/** Store Table Column Highlight **/
.selected-col-2 tr *:nth-child(3),
.selected-col-3 tr *:nth-child(4),
.selected-col-4 tr *:nth-child(5)  {
  border-left: 5px solid #83c1f5 !important; 
  border-right: 5px solid #83c1f5 !important
}

.selected-col-2 tr:nth-child(1) *:nth-child(3),
.selected-col-3 tr:nth-child(1) *:nth-child(4),
.selected-col-4 tr:nth-child(1) *:nth-child(5)   {
  border-top: 5px solid #83c1f5 !important
}

.selected-col-2 tr:nth-last-child(1) *:nth-child(3),
.selected-col-3 tr:nth-last-child(1) *:nth-child(4),
.selected-col-4 tr:nth-last-child(1) *:nth-child(5) {
  border-bottom: 5px solid #83c1f5 !important
}

.rowHighlight { /* Store Row 1 */
  max-height: 55px !important;
  height: 45px !important;
}

/*** FIX IOS ****/
.sapUiBody {
  overflow:hidden !important;
  background-size: contain; /* UI5 Devaults to Cover, bad */
}

/*** Skinny Scrollbar ****/
.sapUiBody ::-webkit-scrollbar {

  width: 4px !important;
  
  height: 4px !important;
  
  border: 1px solid transparent;
  
  background-color: transparent;
  
  }
  
  .sapUiBody ::-webkit-scrollbar-button {
  
  background-color: transparent;
  
  background-position: center center;
  
  background-repeat: no-repeat;
  
  width: 4px !important;
  
  height: 4px !important;
  
  }

  .sapSuiteUiCommonsTimelineNoTextWrapper {
    color: transparent !important;
  }

/* Used for Location List. */ 
.bgTransparentDark {
  background-color:rgba(0, 0, 0, 0.5) !important;
}
.bgTransparentLight {
  background-color:rgba(255, 255, 255, 0.5) !important;
}

/* #FFFFA7   #fbc100 rgba(255, 255, 0, 0.4) #FDFD96 #FFFAA0 	#FFFDD0 	#FBEC5D */ 
.tileLightOn {
  background-color: #fff4a3 !important; /* FBEC5D */
}
.tileLightOnTitle .sapMGTTitle {
  color: #191f24 !important;
}
.tileLightOnSub .sapMGTSubHdrTxt>.sapMText {
  color: #191f24 !important;
}
.tileLightOnFoot .sapMTileCntFtrTxt {
  color: #191f24 !important;
}
.tileLightOnInner .sapMTcInnerMarker {
  color: #191f24 !important;
}

.tileWaterOn{
  background-color: #00B2EE !important
}

.tileHeating{
  background-color: #ff4b3d !important;

}

.sapMBtn.increaseFont .sapMBtnIcon {
  font-size: 2rem;
}

.tileLeftMargin { 
  margin-right: -10px !important;
}

.timeline {
  padding-bottom: 50px !important;
}

.timeline .sapMTB {
  background-color: transparent !important;
}

/*
html.sap-phone .sapMITB.segmentTabBar .sapMITBHead {
  margin-top: 0;
}

.sap-ios > .sapUiBody {
  background-color: red;
} */


@supports(padding: max(0px)) {
  body .body-safe > .sapUiBody {
      padding-top:  max(12px, env(safe-area-inset-top));
      padding-bottom: max(12px, env(safe-area-inset-bottom));
      padding-left: max(12px, env(safe-area-inset-left));
      padding-right: max(12px, env(safe-area-inset-right));
  }
} 

@supports(padding: max(0px)) {
  @media only screen and (orientation: portrait)  { /* and (max-width: 900px) */

    body { overflow-y: hidden !important; } 
    input, select { font-size: 100% !important; }
  }
}

.webRtcContainer {
  position: absolute !important;
  overflow: hidden !important;
}

.webRtcContainer {
  min-width: 100% !important;
  min-height: 100% !important;
}

@media only screen and (orientation: portrait) {
  .webRtcVideo {
  padding-top: max(45px)!important;
  }
}
@media only screen and (orientation: landscape) {
  .webRtcVideo {
  padding-left: max(50px)!important;
  }
}

/*
@supports(padding: max(0px)) {
  @media only screen and (orientation: landscape) {
    body .notchLandscape {
      padding-left: max(25px, env(safe-area-inset-top)) !important;

    }
  }
} */

/* @media only screen and (orientation: landscape) {
	body .shrink {
    padding-left: max(20px, env(safe-area-inset-left)); s
	}
} */

.fullWidth .sapFDynamicPageHeader.sapFDynamicPageHeaderWithContent{ 
  width: 100% !important;
  padding: 0px !important;
}

.alarmNoData .sapMListNoDataText {

  padding-right: 60% !important;
  font-size: 14px !important;
  opacity: .5;

}

.tourPopoverColor > .sapMPopoverCont {
  background-color:  #7fc6c6 !important;
}

.tourSmallText {
  font-size: 18px !important;
  font-weight: 300 !important;   
  color: #2c3d4f!important;  
}


.toolbarPink {
  background-color: #e269ca !important;
}

.toolbarPurple {
  background-color: #b995e0  !important;
}


.badgeOrange .sapFAvatarBadgeIcon {

  background-color: #de7f4c  !important;
  border-color: #de7f4c  !important;
  border-width: 10px !important;
}

/*
.shellHeader {
  background: #3F5161 !important; 
} */

/* sapMIBar sapMTB sapMTBNewFlex sapMTBInactive sapMTBStandard sapMTB-Auto-CTX sapMOTB overflowBarBorder */
.overflowBarBorder .sapMIBar .sapMTBStandard .sapMTB {
  border-bottom-color: #00a73a;
}

/* needed for paywall secure */
.sapMIBar.sapMTB  {
  border: 0px !important;
}

.footerHidden .sapMPageFooter .sapMTB {
  opacity: 0.1 !important;
}

.floatingButton {
  position: relative;
  bottom: -20px;
}

.bigButton .sapMBtnInner {
  height: 45px !important;
  width: 220px !important;
  padding-bottom: 30px;
}

/* Fix with ui5 1.111 sap_horizon */
.sapMTB-Transparent-CTX.sapMTB {
  background-color: transparent !important;
}

.sapMList .sapMTB {
  border-bottom: none !important;
} 

.sapMITBContainerContent .sapMITBContent {
  border-bottom: none !important;
}

.iconTabFilter .sapMITBContent {
  border-bottom: none !important;
}

.sapMPanelContent {
  border-bottom: none !important;
}


/*
.sapMITBSelectItem  {
  color: gray !important;  
  background-color:#3F5161 !important;
} */

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

.width100 .sapMFlexBoxBGTransparent{
width:100% !important;
}

.iconAvatar .sapUiIcon {  
  text-shadow: none !important;
}

/* sapFAvatar sapFAvatarColorAccent6 sapFAvatarXS sapFAvatarInitials sapFAvatarCircle sapMPointer sapFAvatarFocusable initialsAvatar sapMBarChild"
 */

.initialsAvatar .sapFAvatarInitialsHolder {
  text-shadow: none !important;
  
}

.initialsAvatar:hover, .sapFAvatarInitialsHolder:hover {
  color: white !important;
}
/* 
.arrowRight.sapMImg {
  border-left-color: transparent !important;
  z-index: 1 !important;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  top:-100px;
  width: 40px !important;
  height: 40px !important;
} */


.arrowDown.sapMImg {
  border-left-color: transparent !important;
  z-index: 1 !important;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  top:-25px;
  width: 40px !important;
  height: 40px !important;
}

.tinyTitle {
  font-size: 12px !important;
  font-weight: 600 !important;   
}

.tinyText {
  font-size: 11px !important;
  font-weight: 300 !important;   
}

.extraSmallTitle {
  font-size: 14px !important;
  font-weight: 600 !important;   
}

.extraSmallText {
  font-size: 14px !important;
  font-weight: 300 !important;   
}

.extraSmallText2 {
  font-size: 14px !important;
  font-weight: 100 !important;   
}

.smallText {
  font-size: 18px !important;
  font-weight: 300 !important;   
}

.mediumText {
  font-size: 20px !important;
  font-weight: 500 !important; 
}

.largeText {
    font-size: 30px !important;
    font-weight: 200 !important;  
}

.white {
  color: white !important;
}  

.whiteNoHubRequired {
  color: white !important;
  font-size: 12px !important;
  font-weight: 300 !important; 
}

.whiteMedium {
  color: white !important;
  font-size: 15px !important;
  font-weight: 400 !important; 
}

.ui5blue {
  color: #00B2EE !important;  
}  


.lightblue {
  color: lightblue !important;
}  

.lightgreen {
  color: lightgreen !important;
}  


  .myAddTileIcon .sapUiIcon {
    font-family: SAP-icons;
    font-size: 2rem;
    line-height: inherit;
    cursor: default;
    text-align: center;
    display: block;
    padding-top: 35%;
    padding-right: 35%;
    color: grey;
  }
  
.sapMApp>.sapMGlobalBackgroundImage {
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
}

/* .sapMPageFooter .sapMTB.sapMIBar {
  background: transparent !important;
  border: 1px solid transparent;
  background-color: transparent;
} */

.myHboxFooter {
  position: fixed !important;
  bottom: 0px !important;
  width: 100% !important;
}

.myAddButtonOuter {
  align-items: start !important;
  overflow: hidden !important;
  position: relative !important;
}

.myAddButtonInner {
  position: absolute;
  height: 0px;
  top: 85px;
}


.transparentDynPage .sapFDynamicPageContent {
    background:transparent !important; 
}

/*
.myUxBlockObject .sapUxAPObjectPageContainer {
	background:rgba(255,255,255,0.1) !important;
    margin-left: -10px;
 }
 
 .myUxBlockHead .sapMIBar  {
	background:rgba(255,255,255,0.1) !important;
 }  */

/*N.transparentNotif .sapMLIB .sapMNLI .sapMNLB {
    background:rgba(255,255,255,0.4) !important;
}	*/

.transparentNotif .sapContrast.sapMLIB.sapMNLB, .sapContrast .sapMLIB.sapMNLB {
    background:rgba(255,255,255,0.4) !important;
}

.avatarTransparent {
  right: 70px;
  top: 10px;
  background:rgba(145, 200, 246,0.8) !important;
}

.sapMNLI-Description {
    color: blue !important;
}

.sapMNLI-Details {
    color: red !important;
}

/* background-color: rgba(69, 89, 106, 0.52) !important;

.sapContrast.sapMNLI-Header>.sapMText, .sapContrast .sapMNLI-Header>.sapMText

*/

/* .customNotifcationList .sapMLIB .sapMNLB {

    background:rgba(255,255,255,0.7); 
} */

/* sapMLIB sapMNLB sapMNLI sapMNLI-LSize */


.loginPageFooter  { 
    position: absolute !important;
    bottom: auto !important;
    z-index: -400;
} 
       
/* http://scn.sap.com/community/developer-center/front-end/blog/2014/04/06/extending-sapuicoreicon */

.sideNavigationBar {
  position: absolute; /* avoid pushing tile container down */
  padding-top: 15% !important;
  z-index: 100; /* get in front of tile container so its clickable */
	-webkit-transition: opacity 2s ease-in-out;
	-moz-transition: opacity 2s ease-in-out;
	-o-transition: opacity 2s ease-in-out;
	transition: opacity 2s ease-in-out;
}

/*
.sapTntNavLIItem {
	background:rgba(54,60,64,0.9) !important;
    color: white !important;
    
}

.sapTntNavLIGroup>.sapUiIcon {
     color: #ffffff !important;
} */

.greenIcon:before {
  color: #00a73a;
}

.redIcon:before {
  color: #d14900;
}

/* .sapMPageHeader {
      border-top: 0.25rem solid red !important;  009de0 
} */

.subtitle {
  margin: 0 0 2em 0;
}

.transparentInput .sapMInputBaseInner {
    background:transparent !important; 
    border-bottom-width: 2px !important;
    border-top-width: 0px !important;
    border-left-width: 0px !important;
    border-right-width: 0px !important;
    border-bottom-color: #fff !important;     
    width:290px !important; 
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;     
}

.transparentInputSuccess .sapMInputBaseInner {
    background:transparent !important; 
    border-bottom-width: 2px !important;
    border-top-width: 1px !important;
    border-left-width: 1px !important;
    border-right-width: 1px !important;
    border-bottom-color:green !important;
}
.transparentInputWarning .sapMInputBaseInner {
    background:transparent !important; 
    border-bottom-width: 2px !important;
    border-top-width: 1px !important;
    border-left-width: 1px !important;
    border-right-width: 1px !important;
    border-bottom-color: darkorange !important;
}
.transparentInputError .sapMInputBaseInner {
    background:transparent !important; 
    border-bottom-width: 2px !important;
    border-top-width: 1px !important;
    border-left-width: 1px !important;
    border-right-width: 1px !important;
    border-bottom-color: #FF6666 !important;
}

.transparentInput > .sapMInputBaseInner, .sapMInputBasePlaceholder {
    color:#ffffff !important; 
    font-size: 15px  !important;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important; 
}    

.transparentInput ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ffffff !important;
  font-size: 15px !important; 
}
.transparentInput :-ms-input-placeholder { /* IE 10+ */
  color: #ffffff !important;
  font-size: 15px !important; 
}

/* This was breaking Chart Container */
/* .warningToolbar > .sapMTB-Info-CTX, .sapMTBActive { 
   background-color: #f09224 !important;  
} */  /* f0ab01  */

/* .transparentInput > .sapMInputBaseInner, .sapMInputBasePlaceholder { */
.filterSizeBG {
  background-color: #e1f7ff !important;
}

.titleNoBorder { 
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 3rem;
  line-height: 3rem;
  padding: 0 1rem;
  background-color: transparent;
  border-bottom: none !important;
}

.buttonNoBoarder .sapMBtnInner {
  border-width: 0px !important;
}

.buttonNoBoarder.sapMBtn:hover>.sapMBtnHoverable.sapMBtnAttention:not(.sapMBtnActive) {
  border: .0625rem solid #e9730c !important;
  border-radius: 0.2rem !important;
}

.accountSyncBtn .sapMBtnIcon {  
  height: 20px !important;
  width: 20px !important;
  padding-right: 10px !important;
  padding-top: 7px !important;
}

/* .sapMBtnBack, .sapMBtnTransparent */

.buttonIconColorWhite .sapMBtnIcon {  
    color: #ffffff !important;  
    text-shadow: none !important;
}

.buttonIconColorBlack .sapMBtnIcon {  
  color: #000000 !important;  
}  

.buttonTextColorWhite .sapMBtnTransparent {  
  color: #ffffff !important;  
  text-shadow: none !important;
}

.buttonTextColorBlack .sapMBtnTransparent {  
  color: #000000 !important;  
}  

.buttonTitleColorWhite {  
  color: #ffffff !important;  
  text-shadow: none !important;
}

.buttonTitleColorBlack {  
  color: #000000 !important;  
}  

.buttonIconColorGray .sapMBtnIcon {  
  color: #697f92 !important;  
}  

.buttonIconColorTan .sapMBtnIcon {  
    color: #fcddaf !important;  
}  

.buttonIconColorGreen .sapMBtnIcon {  
    color: #00ae8f !important;  
}  

.buttonIconColorPurple .sapMBtnIcon {  
    color: #aa8cc5 !important;  
}  

.buttonIconColorBlue .sapMBtnIcon {  
    color: #00B2EE !important;  
}  

.buttonIconColorRed .sapMBtnIcon {  
    color: #FF6666 !important;  
}  


.playIcon {
    position: absolute;   
    text-align:center;    
    font-size: 4rem;
    width:100%;  
    color:white;
    padding-top: 30%;
}

.playImage {
    max-width:100%; 
}

.gray {
    color:#7e7e7e !important; 
}

.titleCustomTile {
    padding-left: 10px !important;
    padding-top: 18px;
}

.harveyCustomTile {
    padding-left: 10px !important;
    padding-top: 18px;
    padding-bottom: 10px;
}

.infoHarveyCustomTile{
    padding-bottom: 10px !important;
    padding-left: 8px;
    color: dimgray;
}

.blackPanelIcon > .sapMPanelExpandableIcon {
    background-color: black !important
}

/* The Tile CONTAINER Pager position: relative !important; 
.myMTC > .sapMTCPager {
  position: fixed;
  bottom;
}
 */

.customTileIcon {
    font-family: 'SAP-icons';
    width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    font-size: 2rem;
    padding-top: 16px;
    padding-left: 8px;
    float: left;
    text-align: left !important;    
}

.sap-phone .titleCustomTile {
    margin-top: -4px;
}

/* .sapMLabel sapUiSelectable sapMLabelMaxWidth darkLabel sapMTcInnerMarker */
.darkTitle {
  color: rgb(1, 112, 75) !important; 
  font-size: 20px !important; 
}

.darkText {
  color:rgb(1, 112, 75) !important; 
  font-size: 12px !important; 
}

.customTileSubHeader .sapMGTSubHdrTxt>.sapMText  {  /* .sapMGTSubHdrTxt>.sapMText */
  color: white !important; 
}

.customTileHeader .sapMGTHdrTxt>.sapMText {
  color: white !important; 
}

.customTileFooter .sapMTileCntFtrTxt {
  color: white !important; 
}

.customTileFooterBlue .sapMTileCntFtrTxt {
  color: rgb(216, 249, 255) !important; 
  font-style: italic !important; 
}

.customTile .sapMTile {
    width: 18rem !important;
}

@media screen and (max-width: 550px) {  /* mobile phones */

    .customTileImage {   
        width: 100%;
        margin-left: -25%; 
        z-index: -1 !important;
    }
    .infoCustomTile {
        padding-left: 8px !important;
        padding-bottom: 20px;
        font-size: 12px;
        color: #ffffff !important;
        z-index: 100 !important;
   }

}  
@media screen and (min-width: 550px) {   /* tablets */
    .customTileImage  {  
        width: 100%;
        z-index: -1 !important;
    }
   .infoCustomTile {
        padding-left: 8px !important;
        color: black !important;
        z-index: 100 !important;
    }   
}  

/*  .sapSuiteUiCommonsTimeline .sapSuiteUiCommonsTimelineItem  */

.timelineBlack > .sapSuiteUiCommonsTimelineContents {
 background-color: black !important;   
}

.customTileNumTitle {
    float: right;    
    text-align: right !important;
}

.actionListItemBulb {
	height: 75px !important;
/*    background-color:#77C3ED !important; */
}

.selected {
  background: #d14900 !important; 
/*  border-bottom-style: solid !important; 
  border-bottom-color: red !important; 
  color: red !important;
  border : none !important; */

}

/* start image List */
.paddingRight {
  padding-right: 30% !important; 
}

.warningRed {
    color: #d14900 !important;
}

.warningRedLight {
    color: #de7f4c !important;
}

.myGreen {
    color: #007d2b !important; 
    font-weight: normal;
}

.myMessagePage > .sapMPageBgStandard  {
    background:transparent !important; 
}  

.myPanel {
	background:rgba(255,255,255,0.8); 
}  

/* .thermFilter > .sapMCLI.sapMLIB.sapMLIB-CTX.sapMLIBShowSeparator.sapMLIBTypeInactive { 
.thermFilter > .sapMILI.sapMLIB.sapMLIB-CTX.sapMLIBShowSeparator.sapMLIBTypeInactive
 .sapMILI .sapMLIB .sapMLIB-CTX .sapMLIBFocusable .sapMLIBShowSeparator .sapMLIBTypeInactive
 { */ 

.underline {
	text-decoration: underline;
}    

.intro {
	background-color: #1dafd6;
}  

.lightRedButton div.sapMBtnInner {
    background: #FA8072;
}

.spaceLeft {
    padding-left: 5px;   
}

.spaceLeftTiles {
    margin-left: 20px !important;
}

.whiteLabel {
    margin-top: 8px;
    margin-bottom: 8px;    
    color: white;
    font-family: inherit;
    font-size: 30px;
}

.whiteLabelSml {
    margin-top: 5px;
    margin-left: 8px;
    color: white;
    font-family: inherit;
    font-size: 25px;
}

.goodJobLabel {
    margin-top: 10px;
    margin-left: 10px;
    color: green;
    font-family: inherit;
    font-size: 17px;
}

/*** Used in blink ***/
@keyframes fade {
    from { opacity: 1.0; }
    50% { opacity: 0.4; }
    to { opacity: 1.0; }
}
 
@-webkit-keyframes fade {
    from { opacity: 1.0; }
    50% { opacity: 0.4; }
    to { opacity: 1.0; }
}
 

.blink {
    font-size: 22px !important;    
    color: mediumseagreen !important;
    animation:fade 2000ms infinite;
    -webkit-animation:fade 2000ms infinite;
}

.blink2 {
  font-size: 18px !important;    
  color: mediumseagreen !important;
  animation:fade 4000ms infinite;
  -webkit-animation:fade 4000ms infinite;
}


.testPanel {
	background:rgba(255,255,255,1.0);
}     
      
/*
.myIconTabBar{
    padding-top: 4px;
  	background:rgba(255,255,255,1);     
    border: 1px solid; 
}   
 */

.myTabObjectHeader {
  margin: 0;
  padding: 0;
}    
              
.sapMSampleTextMaxLinesText {
  padding: 1rem 1rem 0 1rem; }

/* start image List */
.productIcon {
  padding-left: 4px;
  padding-right: 7px; 
}
.productInfo {
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: rgb(255, 255, 255); /* The Fallback */
  background-color: rgba(255, 255, 255, 0.7);
}

.pictureSample {
    color: #ffffff;
}

.productNumber {
  color: #666;
}

.storeListItem .sapMObjLIconDiv {
	margin-right: .5rem;
	width: 1.5rem;
	height: 1.5rem;
}

.storeListItem .sapMObjLIcon {
	width: 1.5rem !important;
	height: 1.5rem !important;
	line-height: 1.5rem !important;
	font-size: 1.5rem !important;
}

.storeListItem.greenBackground {
	background-color: #B5E7A8 !important;
}

.storeListItem.redBackground {
	background-color: #ffdad6 !important;
}


/* Image Grid */
.uoMImgGrid {
  padding: 0.25em;
  overflow: hidden;
/*  background-color: #fff; */
}
.uoMImgGrid .sapMCLI {
  float: left;
  width: 50%;
  padding: 0.25em;
}
.uoMImgGrid .sapMLIBContent {
  position: relative;
}
.uoMImgGrid .sapMImg {
  display: block;
  max-width: 100%;
  width: 100%;
}
.uoMImgGrid .sapMCLI:nth-child(odd) {
  clear: left;
}

/* Image Grid Media Queries */
@media screen and (min-width: 40em) {
  .uoMImgGrid .sapMCLI {
    width: 33.3333333333333333%;
  }
  .uoMImgGrid .sapMText {
    font-size: 1em;
  }
  .uoMImgGrid .sapMCLI:nth-child(3n+1) {
    clear: left;
  }
  .uoMImgGrid .sapMCLI:nth-child(odd) {
    clear: none;
  }
}
@media screen and (min-width: 55em) {
  .uoMImgGrid .sapMCLI {
    width: 25%;
  }
  .uoMImgGrid .sapMText {
    font-size: 1.05em;
  }
  .uoMImgGrid .sapMCLI:nth-child(4n+1) {
    clear: left;
  }
  .uoMImgGrid .sapMCLI:nth-child(3n+1) {
    clear: none;
  }
}
@media screen and (min-width: 72em) {
  .uoMImgGrid .sapMCLI {
    width: 20%;
  }
  .uoMImgGrid .sapMText {
    font-size: 1.1em;
  }
  .uoMImgGrid .sapMCLI:nth-child(5n+1) {
    clear: left;
  }
  .uoMImgGrid .sapMCLI:nth-child(4n+1) {
    clear: none;
  }
}
@media screen and (min-width: 90em) {
  .uoMImgGrid .sapMCLI {
    width: 16.666666666%;
  }
  .uoMImgGrid .sapMText {
    font-size: 1.15em;
  }
  .uoMImgGrid .sapMCLI:nth-child(6n+1) {
    clear: left;
  }
  .uoMImgGrid .sapMCLI:nth-child(5n+1) {
    clear: none;
  }
}

/* end image List */

/***** START COLOR PICKER Customization ******
.sapUiSliGrip {
height: 80px !important; 
}

.sapUiColorPicker-ColorPickerAlphaSlider { 
    visibility: hidden !important;
} 

.sapUiSliHori .sapUiSliBar {
    height: 80px !important;
    padding-bottom: 3px !important;
    }

.sapUiColorPicker-ColorPickerSlider { 
    height: 50px !important;
}

.sapUiMlt {
    margin-top: -120px !important;
    margin-bottom: -20px !important;
}

.sapUiMltCell {
  width:310px !important;
  height: 85px !important;
  background: white;
}

.sapUiColorPicker-ColorPickerMatrix {
 width: 310px !important;   
}

.sapUiColorPicker-ColorPickerOldColor {
    visibility: hidden !important;
    width: 2px !important;
}

.sapUiColorPicker-ColorPickerNewColor { 
    width: 70px !important;
    overflow-x: visible;
}
    
.element.style {
    border-collapse: collapse;
    width: 310px;
    table-layout: fixed;
}

.sapUiVlt {
 visibility: hidden !important; 
}

.sapUiColorPicker-ColorPickerBox {
    visibility: hidden !important;
    width: 2px:
}

.sapUiColorPicker-ColorPickerCircle {
    visibility: hidden !important; 
    width: 2px !important;
} 


/***** END COLOR PICKER Customization ******/

.paletteWhite {
   color: white !important;
}

.paletteOffWhite {
   color: yellow !important;
}

.paletteBlue {
   color: blue !important;
}



/*        
    body {
   transform: scale(2.1);
   transform-origin: 10% 10%;
   // add prefixed versions too.
}    
     
 .myBackgroundStyle .sapMPageBgStandard {
  background-image: url('img/nesterBg.jpg');
 }
 .myBackgroundStyle .sapMListUl {
  opacity: 0.9;
 }
 */