/* Scroll to the devices PHONE *
.sap-phone ::-webkit-scrollbar {
    width: 3px;
    height: 16px;
    background-color: #f7f7f7;
}

.sap-phone ::-webkit-scrollbar-corner {
    background-color: #f7f7f7;
}

.sap-phone ::-webkit-scrollbar-thumb {
    background-color: #ABABAB;
}
*/
/* Scroll to the devices TABLET *
.sap-tablet ::-webkit-scrollbar {
    width: 6px;
    height: 16px;
    background-color: #f7f7f7;
}

.sap-tablet ::-webkit-scrollbar-corner {
    background-color: #f7f7f7;
}

.sap-tablet ::-webkit-scrollbar-thumb {
    background-color: #ABABAB;
}
*/

/* Style for the Splash Ini*/
#splash-screen {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ffffff !important;
	/*
	background: #e22e2c;
    background: -moz-linear-gradient(top,  #e52e2d 0%, #e22e2c 50%, #931a19 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e52e2d), color-stop(50%,#e22e2c), color-stop(100%,#931a19));
    background: -webkit-linear-gradient(top,  #e52e2d 0%,#e22e2c 50%,#931a19 100%);
    background: -o-linear-gradient(top,  #e52e2d 0%,#e22e2c 50%,#931a19 100%);
    background: -ms-linear-gradient(top,  #e52e2d 0%,#e22e2c 50%,#931a19 100%);
    background: linear-gradient(to bottom, #e52e2d 0%,#e22e2c 50%,#931a19 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#121212', endColorstr='#d34848',GradientType=0 );
    */
}
.spinnImgSup {
	/*position: absolute;*/
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	max-height: 100%;
	max-width: 100%;
	height: 100%;
}
/*
#HomeSearchG--poProviderItems2 .sapMLIB.sapMLIBSelected {

}
*/
/*
#idDialog_rubros-cont section {
	top: 5%rem !important;
}
*/
/*
El sgte estilo, aun no implementado, hace que el Header de cualquier lista sea responsive
.sapMListHdr {
	word-wrap: break-word !important;
    width: 100% !important;
    height: 100% !important;
    line-height: 1.75rem !important;
}*/

/* Estilos al control Input 'id_searchfieldHG' en la vista HomeSearchG */
#HomeSearchG--id_searchfieldHG .sapMSFF {
	background: #f6d9d9 !important;
}
#HomeSearchG--id_searchfieldHG > form {
	border-style: solid !important;
    border-color: #bfbfbf !important;
}
#HomeSearchG--id_searchfieldHG > form:hover,
#HomeSearchG--id_searchfieldHG > form:active {
	border-color: #e5313d !important;
}

#HomeSearchG--id_searchfieldHG {
	/*border-style: solid !important;
    border-color: #51545e !important;*/
    height: 45px;
}
#ProductDetail_one--oPageProdRel,
#ProductShoppingCart--oPageProdBeneficios{
	height: 280px;
}

.sapUiLbx {
	color: #808080;
}

.sapUiLbx.sapUiLbxFlexWidth>ul>li>span:last-child{
	color: #808080;
}

.sapUiSearchField {
	width: 96%;
}

.sapUiSearchFieldNoExp .sapUiSearchFieldCb, .sapUiSearchFieldNoExp .sapUiSearchFieldCb.sapUiTfBrd.sapUiTfCombo, .sapUiSearchFieldTf.sapUiTfBrd, .sapUiSearchFieldCb.sapUiTfRo, .sapUiSearchFieldCb.sapUiTfBrd.sapUiTfCombo.sapUiTfRo{
	top: 10px;
	padding: 0 0px 0 0;
}
/*
#HomeSearchG--id_searchfieldHG-cb-input::-webkit-input-placeholder { color: #51545e; }
#HomeSearchG--id_searchfieldHG-cb-input:-moz-placeholder { color: #51545e; }
#HomeSearchG--id_searchfieldHG-cb-input::-moz-placeholder { color: #51545e; }
#HomeSearchG--id_searchfieldHG-cb-input:-ms-input-placeholder { color: #51545e; }

#HomeSearchG--id_searchfieldHG-cb-input {
	color: #51545e !important;
}
*/
/*
#BuyCheckOut--p4--idPanelPayForm .sapMPanelHdrExpandable.sapMPanelHdr,
#BuyCheckOut--p4--idPanelPayForm .sapMPanelWrappingDivTb>.sapMTB {
	margin-left: 2.3rem !important;
	padding-bottom: 3%;
    padding-top: 3%;
}*/

#BuyCheckOut--p4--idPanelPayForm .sapMPanelHdrExpandable.sapMPanelHdr,
#BuyCheckOut--p4--idPanelPayForm .sapMPanelWrappingDivTb>.sapMTB {
	margin-left: 2.3rem !important;
}

#__panel7-header {
    font-size: 0.875rem !important;
    height: auto !important;
    white-space: normal !important;
    line-height: 1.1rem !important;

    padding-bottom: 3%;
    padding-top: 3%;
}

.sapMPanelContent:not(.sapMPanelBGTransparent) {
	border-bottom: 0px solid #000000;
}

#BuyCheckOut--p4--idPanelPayForm label {
    padding-top: 0.7rem;
    padding-bottom: 0.7rem;
    font-size: 0.875rem !important;
    white-space: normal;
    line-height: 1.25rem;
    height: 100%;
}

.sapMOH {
    margin: 0rem !important;
    padding: 0rem !important;
}
/*
.sap-desktop #BuyCheckOut--p4--idPanelPayForm label,
.sap-phone #BuyCheckOut--p4--idPanelPayForm label {
	vertical-align: middle !important;
}*/

.sap-tablet #BuyCheckOut--p4--idPanelPayForm label {
	vertical-align: top !important;
}

#BuyCheckOut--p4--idPanelPayForm .sapMPanelExpandableIcon {
	width: 2rem !important;
}

.sapMIBar .sapMBarChild {
    margin-left: 0rem;
}

#BuyCheckOut--p4--idPanelPayForm .sapMIBar>.sapMBarChild:last-child,
#BuyCheckOut--p4--idPanelPayForm .sapMIBar .sapMBarChild {
    margin-right: 0rem !important;
}

#BuyCheckOut--p4--idPanelPayForm .sapMTB {
	height: 3.3rem !important;
}

.sapUiTfBrd {
	height: 32px;
	border-style: solid !important;
	border-color: #51545e !important;
}

.sapUiTf {
	font-size: 17px;
}

.sapUiSearchFieldIco {
	height: 30px;
	width: 30px;
}

#HomeSearchG--id_searchfieldHG > form input::-webkit-input-placeholder { color: #51545e; }
#HomeSearchG--id_searchfieldHG > form input:-moz-placeholder { color: #51545e; }
#HomeSearchG--id_searchfieldHG > form input::-moz-placeholder { color: #51545e; }
#HomeSearchG--id_searchfieldHG > form input:-ms-input-placeholder { color: #51545e; }

#HomeSearchG--id_searchfieldHG .sapMSFI { /*Color de letra*/
    color: #51545e;
}
/**/

.sapMListNoDataText {
    white-space: pre-wrap !important;
}

.sapMITBFilterCritical {
    border-color: #d14900 !important;
    color: #51545e !important;
}

.sapMITBSelected .sapMITBFilterCritical {
	background: #51545e !important;
	color: #FFFFFF !important;
}

.sapMITBSelected.sapMITBFilterCritical>.sapMITBContentArrow {
    border-bottom-color: #51545e !important;
}

/*
.sapMITBFilterDefault {
    color: #51545e !important;
}

.sapMITBFilterIcon {
	border: 1px solid #51545e !important;
}
*/
#oPrimerDialog-scroll {
	background: #FFFFFF !important;
}

#HomeSearchG--oPanelSearchP div + div {
	padding: 0rem !important;
}

/* Transparencia Lista de Proveedores/Mayoristas: ObjectHeader */
#HomeSearchG--poProviderItems2 .sapMOHR {
    background: transparent;
}

/* Transparencia Lista de Proveedores/Mayoristas: form */
#HomeSearchG--poProviderItems2 .sapUiFormResGrid>div {
	background: transparent;
}

/*Tabla de Productos*/
#oTLProdSR .sapMListTbl th {
	background: #e5313d;
}

#oTLProdSR .sapMLIBShowSeparator>td {
	border-top: 1px solid #e5313d !important;
}

#oTLProdSR-listUl thead tr th span{
    color: #FFFFFF;
}

#HomeSearchG--id_searchCancel div {
	background-color: #51545e !important;
	color: #FFFFFF;
	text-shadow: 0 0px 0 #FFFFFF;
}

#HomeSearchG--id_searchCancel div:hover {
	background-color: #51545e !important;
}

#HomeSearchG--id_searchCancel div:active {
	background-color: #005483 !important;
}

#idTextUnidad {
	margin-top: 15px;
}
/* Estilos al boton oViewCategory, ubicado en la tabla de productos *
#oViewCategory > div {
	border-color: #e5313d;
	text-shadow: 0 1px 0 #888686;
	background-color: #EFECEC;
}

#oViewCategory > div:hover {
	background-color: #D6D6D6;
}

#oViewCategory > div:active {
    background-color: #005483;
	/*background-color: #0B3E5A;*
    /*color: #EFECEC;*
}*/

.btnColorShel > div span {
	background-color: #005483 !important;
	color: #FFFFFF;
}

.btnColorPurch {
	background-color: #51545e !important;
	color: #FFFFFF !important;
}

.btnColorPurch:active {
	background-color: #007CC0 !important;
}

/*
#oTLProdSR .sapMBtn {
    height: 2rem;
    margin: 0rem 0rem 1rem;
    padding: 0.25rem 0;
    vertical-align: top;
    background-color: #DADADA;
    border: none;
}
*/

#idGrid--Grid {
	padding: 0rem 0rem !important;
}

#ProductShoppingCart--mitituloShoppingCart .sapMPanelContent,
#BuyCheckOut--p5 .sapMPanelContent {
	padding: 0rem !important;
}


/* Color de fondo a los sap.m.Dialog */
#oDialogProd-scrollCont {
	background-color: #FFFFFF !important;
}

/* Arrows in table breadcrumb navigation */
.sapMTB-Transparent-CTX .sapMLabel.crumbArrow {
	margin-right: 0;
}

#oLblCelUD.sapMLabel {
    white-space: initial !important;
}

#oLblCelUDEd.sapMLabel {
    white-space: initial !important;
}

.sapUiUx3CIToggleButton button {
	background-image: url(../img/facet_right_white.png) !important;
}

.sapUiUx3CIToggleButton button.sapUiToggleBtnPressed {
	background-image: url(../img/facet_down_white.png) !important;
}
/*
#ProvidersSearch--id_iSearch1-search.sapMSFS:after{
	content: "\e1c2";
}
#idCantxProd-search.sapMSFS:after{
	content: "\e1c2";
}*/
#idCantxProd__vhi.sapUiIcon:before{
	content: "\e1c2";
}

#idCantxProd-cont0_0.sapUiRFLContainer{
    min-width: 50px !important;
    width:      8% !important;
}
/*
#oDialogProd .sap-tablet .sapMDialog, .sap-desktop .sapMDialog {
    min-width: 90% !important;
}*/

/*.sapUiHLayoutChildWrapper {
	width: 35% !important;
}*/


/*
Comentado por: ASMNOLE.
Razón: Esto hace que el container Tab se vea integramente de color rojo.
#__bar0 {
	background-color: #F44040 !important;

}*/

.sapUiBody {
	/* Color fondo inical al abrir la app*/
	background-color: White !important;

	background-image: -webkit-linear-gradient(to bottom,#FFFFFF 0,#FFFFFF 50%,#FFFFFF 100%) !important;
	background-image: linear-gradient(to bottom,#FFFFFF 0,#FFFFFF 50%,#FFFFFF 100%) !important;
	background-repeat: no-repeat, repeat !important;
}

.sapUiUfdShellHeadUsrItmName {
	color: White !important;
}

.sapMShellGlobalOuterBackground {
	background: White !important;
}

.sapUiUfdShellHeadItm:active>span, .sapUiUfdShellHeadItm:active:hover>span, .sapUiMedia-Std-Desktop .sapUiUfdShellHeadItm:active:hover>span, .sapUiMedia-Std-Desktop .sapUiUfdShellHeadItm:hover>span, .sapUiMedia-Std-Desktop .sapUiUfdShellHeadUsrItm:hover>*, .sapUiMedia-Std-Desktop .sapUiUfdShellHeadUsrItm:hover:active>*, .sapUiUfdShellHeadUsrItm:active>*, .sapUiUfdShellHeadItm.sapUiUfdShellHeadItmSel>span, .sapUiUfdShellHeadItm.sapUiUfdShellHeadItmSel:active>span, .sapUiUfdShellHeadItm.sapUiUfdShellHeadItmSel:active:hover>span {
    /*background-color: #F44040 !important;*/
}

svg.sapMBusySvg {
    stroke: #e5313d !important;
}

/* Transparencia a las imagenes de los rubros
#HomeSelectRubroG--oPageViewRubros-cont {
	opacity: 0.6;
}*/

#HomeSelectRubroG--oPageViewRubros,
#HomeSelectRubroG--oPageViewRubros > header,
#HomeSelectRubroG--oPageViewRubros > section {
	background: transparent !important;
}

#HomeSelectRubroG--oPageViewRubros > header>.sapMBar {
	background: transparent !important;
	box-shadow: inset 0 0 #dddddd !important;
}

#HomeSelectRubroG--oPageViewRubros > header  {
	box-shadow: inset 0 0rem Transparent;
}

#HomeSelectRubroG--oPageViewRubros > header::before {
	width: 0% !important;
}

#HomeSelectRubroG > div > section {
	background: url(../img/fondo_02.png) no-repeat center top;/*
	background: url(https://i.pinimg.com/originals/05/03/e3/0503e37e3b06e91c44f58b68f6ec0f3d.jpg) no-repeat center top;
    background: url(https://i.pinimg.com/originals/f6/5a/57/f65a5750e0c88cde983510c7ce21fad5.jpg) no-repeat center top;
    background: url(https://brandirectorypublic.s3.eu-west-2.amazonaws.com/logos/91a71900-6173-408a-ae48-b86beae4e4b0.jpg%3FCoca-Cola_logo_2007.jpg) no-repeat center top;
    */
    background-size: 100% 100%;
}

#HomeAnalytical--poAnalyticalList > ul li {
	background: rgba(255, 255, 255, 0.44) !important;
}

#HomeAnalytical--poAnalyticalList > ul li:hover {
	background: rgba(194, 194, 194, 0.44) !important;
}

#HomeAnalytical > div > section {
	background: url(../img/fondo_02.png) no-repeat center top;
    background-size: 100% 100%;
}
/*
.sapMStdTileTopRow {
	padding: 0 0 0 0 !important;
}

.sapMTile {
	border: 0px solid #ffffff !important;
	box-shadow: 0 0px 0px rgba(0,0,0,0.15) !important;
	border-radius: 15px !important;
	height: 9.3rem !important;
	width: 9.3rem !important;
}
*/
/*
.sapMStdTileIconDiv {
    color: #F44040 !important;
}*/

/* Estilos iconos del sap.m.StandardTile (rubros) 
.sapMStdTileIconDiv img {
    width: 9.3rem !important;
    height: 9.3rem !important;
}
*/
html.sap-desktop #ProductDetail_one .sapMStdTileIconDiv img,
html.sap-desktop #ProductShoppingCart .sapMStdTileIconDiv img {
	width: 7.9rem !important;
    height: 6.3rem !important;
    margin: 1rem 1rem 0rem 1rem !important;
}
html.sap-tablet #ProductDetail_one .sapMStdTileIconDiv img,
html.sap-tablet #ProductShoppingCart .sapMStdTileIconDiv img {
	width: 6rem !important;
    height: 5rem !important;
    margin: 2rem 2rem 0rem 2rem !important;
}
html.sap-phone #ProductDetail_one .sapMStdTileIconDiv img,
html.sap-phone #ProductShoppingCart .sapMStdTileIconDiv img {
	width: 6rem !important;
    height: 5rem !important;
}
#ProductDetail_one .sapMStdTileIconDiv,
#ProductDetail_one .sapMStdTileTitle,
#ProductShoppingCart .sapMStdTileIconDiv,
#ProductShoppingCart .sapMStdTileTitle{
    color: #e5313d !important;
}

.sapMTile.sapMTileActive {
    opacity: 1;
}
.sapMTC .sapMTCScroller{
    opacity: 0.6 !important;
}
.sapMTC:hover .sapMTCScroller:hover{
    opacity: 1 !important;
}
.sapMCrsl .sapMCrslHud a:active{
	background-color: #c00000 !important;
}

/* Color de letras del control TileContainer, en la vista HomeSelectRubroG 
.sapMStdTileTitle{
    /color: #FFFFFF !important;/
    color: transparent !important;
}
*//*
.sapMTileContent {
	width: 9.3rem !important;
    height: 9.3rem !important;
}
*/
.sapMStdTileNumDiv {
	display: none !important;
}

/* Cuando mantienes presionado el Tile */
.sapMTile.sapMTileActive {
	background: #DDDDDD !important;
}

.sapMLnk {
    color: #F44040 !important;
}

.sapUiUfdShellBrand {
	/*
	background-color: #F44040 !important;
    border-top: 0.25rem solid #F44040 !important;*/
}

/*.sapMShellBrandingBar{
	background-color: #F44040 !important;
}*/
/*
.sapUiUfdShellHeader {
 	/*color de fondo de la barra Shell*
    background-color: #F44040 !important;
}*/

#HomeSearchG--oPageContainer-intHeader.sapMPageHeader::before {
	border-top: 0.25rem solid #e5313d !important; /*0.25rem*/
}
/*
.sapMLIB {
    border-bottom: 3px solid #FFFFFF !important;
}
*/
/* Global: Aplica este color a Todos los iconos en la aplicacion */
.sapMBtnIcon{
	color: #e5313d !important;
}

/* Color de los botones sap.m MIGUELINE en general */
.btnColorNarMigueline div {
	/*color: #FFFFFF !important;*/
	background: #51545e !important;
	text-shadow: 0 1px 0 transparent;
}
/*Esta line cambia tanto el color del icono como texto del boton: 2x1*/
.btnColorNarMigueline div span{
	color: #FFFFFF !important;
}

.btnColorNarMigueline div:active {
	background-color: #007CC0 !important;
}

/* Quitar sombras y asignar color al texto e icono del Button */
.btnColorDefaultMigueline div {
	color: #FFFFFF !important;
	/*text-shadow: 0 1px 0 transparent;*/
}

/* Cambia el color a los iconos de la lista de proveedores/Mayoristas: poProviderItems2 */
.IconButtonProv div span {
	color: #FFFFFF !important;
}

.IconButtonProv div {
	background: #51545e !important;
}
.IconButtonProv div:active { /*hover*/
	background: #D25E17 !important;
    border-color: #b51616 !important;
}

.sapMTB-Transparent-CTX .sapMText.crumbLast {
	font-size: 0.875rem;
	text-shadow: none;
}

.detailTable {
	padding: 1rem;
	width: 50%;
	box-sizing : border-box;
}

.sap-phone .detailTable {
	padding: 1em 0 0;
}

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

.sap-phone .sapUIMeTabContainerContent .sapUiForm {
	margin: 0rem 1rem;
	padding: 0 0rem;
	box-sizing: border-box;
}

.sap-phone .sapUIMeTabContainerButtons {
	margin: 0;
}

.sapMTextNoWrap {
    white-space: pre-line !important;
}

/* Margins for All */
.marginOnlyTop {
	margin-top: 1em;
}
.marginAll {
	margin: 1em;
}
.marginNone {
	margin: 0em;
}
.marginNoBottom {
	margin: 1em 1em 0em 1em;
}

.marginNoTop {
	margin: 0em 1em 1em 1em;
}

.marginTopBottom {
	margin: 1em 0em 1em 0em;
}

/* Margins for content in Vertical Layout */
.marginVerticalContent.sapUiVlt {
	margin: 1em;
}
.marginVerticalContent .sapUiVltCell:not(:first-child) {
	margin-top: 1em;
}

/* Margins for content in VBox */
.sapMVBox.marginBoxContent{
	padding: 1em;
}
.marginBoxContent .description {
	margin-top: 1em;
}

.sapMPage.marginBoxContent > section > .sapMPageScroll{
	padding: 1rem;
}


.sapMList.sapSuiteUtiGeneralOnPage {
    padding: 1rem 0;
    background-color: rgba(255, 255, 255, 0.8);
}

.sapSuiteUtiGeneralOnPage .sapMListTblCell {
    padding: 6px 2px;
}

.sapSuiteUtiGeneralInTeaser .sapMListTblCell {
    padding: 5px 2px;
}

.sapSuiteFov .sapMListTblHeaderNone .sapMListTblCell {
    padding: 0;
}

.sapUtiImagePaddingRight {
    margin-right: 1rem;
}

.sapUtiImagePaddingRight.sapUtiRtl {
	margin-left: 1rem;
	margin-right: 0rem;
}

.sapUtiSalesOrgFacet {
    position: absolute;
    left: 4.6rem;
    right: 0px;
}

.sapUtiSalesOrgFacet.sapUtiRtl {
    right: 4.6rem;
    left: 0px;
}

.sapUtiSalesOrgFacet > .sapMFlexBox {
    padding: 0 0.5rem 0.5rem 0;
}

.sapUtiSalesOrgKeyLabel {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
}

.sapUtiSalesOrgDelimiter {
	padding-right: 0.4rem;
}

.sapUtiSalesOrgValueLabel.sapMText {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    white-space: nowrap;
}

.sapDemoKitTileImagePadding {
	margin-left: 12px;
	margin-right: 16px;
}

.sapDemoKitFacetBottomMargin {
	margin-bottom: 1rem;
}

.sapDemoKitSuiteKTile {
	min-width: 134px;
	width: 134px;
}

.sapDemoKitInfoTile {
	margin: 14px 0 0 14px;
	float: left;
}

.sapDemoKitInfoTileNewLine {
	clear: left;
}

.sapDemoKitFloatLeft {
	float: left;
}

.navContainerControl {
  margin-bottom: 1em;
  border-color: #888;
  border-style: solid;
  border-width: 0.0625em;
}

.sapMLIBImgNav{
	/*color : #CA0505 !important; */
	color    : #e5313d !important;
	font-size: 1.5rem !important;
}

/* Estilos para TextArea vista del Feedback */
.ColorLetraGris textarea{
 color : #9C9C9C !important;
}

.ColorLetraNegra textarea{
 color : #000000 !important;
}

/* Color de Barras en el footer de la aplicacion */
#HomeSearchG--idBarFooter-BarPH {
	background-color: #51545e !important;
}
.sapFooterViewBackground {
	background-color: #51545e !important;
}

.sapFooterViewText {
	/*color: #F44040 !important;*/
	text-shadow: 0 1px 0 rgba(0,0,0,0.5);
}

.sapFooterTransparent{
	background-color: #FFFFFF !important;
	border-top: 0rem solid #FFFFFF !important;
}

.sapUiUfdShellHeadItm>span, .sapUiUfdShellHeadUsrItm{
	color: #e5313d !important;
}

#ProductDetail_one--idBtnAddCart div span,
#PedidoSuger--idBtnAddCart div span {
	/*color: #F44040 !important;*/
    text-shadow: 0 1px 0 rgba(0,0,0,0.5);
}

#ProductShoppingCart--idBtnBuyNow div span {

	/*color: #F44040 !important;*/
    text-shadow: 0 1px 0 rgba(0,0,0,0.5);
}

#BuyCheckOut--idBuyFinish-content.sapMBtnContent:not(.sapMBtnActive) {
    /*color: #F44040 !important;*/
    text-shadow: 0 1px 0 rgba(0,0,0,0.5);
}

#BuyCheckOut--idOpcPurchaseD-content.sapMBtnContent:not(.sapMBtnActive) {
    /*color: #F44040 !important;*/
    text-shadow: 0 1px 0 rgba(0,0,0,0.5);
}
#BuyCheckOut--id_bLogin-content.sapMBtnContent:not(.sapMBtnActive) {
    /*color: #F44040 !important;*/
    text-shadow: 0 1px 0 rgba(0,0,0,0.5);
}
#BuyCheckOut--id_bRegister-content.sapMBtnContent:not(.sapMBtnActive) {
   /* color: #F44040 !important;*/
    text-shadow: 0 1px 0 rgba(0,0,0,0.5);
}

.LabelTamanio {
	font-size: 15px !important;
}

/* Aqui los estilos del Acerca De. */
.FB_changeWidth .sapUiIcon{
	width: 30px 	!important;
 	color: #666666  !important;
}

.sapMSegBBtn.sapMSegBBtnSel .sapUiIcon {
    color: #ffffff !important;
}

.FB_PaddingText {
 padding-left: 10px !important;
}

#FB_Header.sapMDialog.sapMOH {
    margin: 0rem;
}

#FB_Header.sapMOH {
 margin: 0rem;
    padding: 0.2rem;
}

#FB_Privacy, #FB_Tecninal, #FB_Terms {
 color: #F44040 !important;
}

.Center_Text{
 text-align: center !important;
}

.sapMObjStatusNone>.sapMObjStatusText, .sapMObjStatusNone>.sapMObjStatusIcon {
    color: #007cc0 !important;
}

/*
#BuyPayForm--RoadMap {
	-webkit-border-radius: 150px;
}*/

/**** ROAD-MAP ****/
/*
#BuyPayForm--RoadMapCheckOut #__step0-box{
	-webkit-border-radius: 150px;
}
#BuyPayForm--RoadMapCheckOut #__step1-box{
	-webkit-border-radius: 150px;
}
#BuyPayForm--RoadMapCheckOut #__step2-box{
	-webkit-border-radius: 150px;
}

*/
/*
#BuyCheckOut--RoadMapCheckOut #BuyCheckOut--step1-label{
	font-size: 11px;
}
#BuyCheckOut--RoadMapCheckOut #BuyCheckOut--step2-label{
	font-size: 11px;
}
#BuyCheckOut--RoadMapCheckOut #BuyCheckOut--step3-label{
	font-size: 11px;
}
#BuyCheckOut--RoadMapCheckOut #BuyCheckOut--step4-label{
	font-size: 11px;
}
#BuyCheckOut--RoadMapCheckOut-steparea{
	width: 392px;
}*/

#Home--lblTemp{
	padding: 0.50rem;
	color: white;
	font-size: 25px;
	font-weight: bold;
}

/*
#BuyThanks--myscreen-scroll {

	background-image: url(../img/ganso.jpg);

	background: url(../img/thanksMale.png) no-repeat center top;
}
*/
/*
#__bar0-BarPH{
	background-color: rgb(255, 79, 79);
}

#Home--lblNLogin{
	color: white;
}*/

#Home--myscreen-cont {
	/*
	background: url(../img/shop-07.jpg) no-repeat center top;
	background-color: #f2f2f2;
	*/

	/*
	background: url(../img/APP_GRB.bmp) no-repeat center top;*/

	/*
	background: url(../img/index3.jpg) no-repeat center top;
	background-size: 100% 100%;*/

	/*background-image: linear-gradient(to bottom,#2da9b1 0,#178299 50%,#1a4c7d 100%);*/
}

#Home--myShell-container-canvas {
	/*
	background: -webkit-linear-gradient(top, #2da9b1 , #1a4c7d);
	*/
	background: White !important;
	/*
	background-image: linear-gradient(to bottom,#2da9b1 0,#178299 50%,#1a4c7d 100%);
	*/
}
/*
#__container0 {
	background-color: White;
}*/

#resumeListCart.sapMListInsetBG {
    padding: 0.5rem !important;
}

.colorWhite {
	color: White !important;
}

.sapMSFR:not(.sapMSFNS) {
    right: 2.375rem !important;
}

#Home--mititulo-title {
  text-align: center;
  font-size: 23px;
  font-weight: bold;
}

#Home--mititulo {
	/*
	background: url();

	background-image: linear-gradient(#EDEDED, rgba(244, 250, 255, 0.75) 1px);
	*/
	background-color: white;
	opacity: 0.8;


	/*
	background: url(../img/stock-vector-vector-icon.jpg) no-repeat center top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;


	background: url(../img/stock-vector-vector-icon.jpg) no-repeat center;
    background-size: 100% 100%;
	*/
}

#__panel1-title {
	color: #007cc0;
}

#__panel2-title {
	color: #e5313d;
}

.sexM {
	background-image: url(../img/thanksMale.png);
	background-repeat: no-repeat;
	background-position: center top;
}
.sexF {
	background-image: url(../img/thanksFemale.png);
	background-repeat: no-repeat;
	background-position: center top;
}

#ProvidersDetail--Carousel-prevbutton {
	background-color:rgb(128, 219, 240);
}

#ProvidersDetail--Carousel-nextbutton {
	background-color:rgb(128, 219, 240);
}
#ProvidersDetail--mitituloDetalle > section {
	background-color: #FFFFFF;
}
/*
#ProvidersSearch--buscadores {
	background-color: black;
}
*/

/*
#__item34-ProductDetail_one--idComents-0-info ,
#__item34-ProductDetail_one--idComents-1-info ,
#__item34-ProductDetail_one--idComents-2-info ,
#__item34-ProductDetail_one--idComents-3-info ,
#__item34-ProductDetail_one--idComents-4-info ,
#__item34-ProductDetail_one--idComents-5-info {
	color: orange;
}*/
/*
span[id*='__item34-ProductDetail_one--idComents-'] {
	color: orange
}
id="ProvidersSearch--idCartProd_Img-img"

*/

li[id*='-ProductDetail_one--idComents-'] {
	padding: 0 0 0 0;
}


/* Color de letra a los botones en el BuyCheckOut (Pasos)*/
#BuyCheckOut--idBtnAnt-content{
	color: #51545e;
}

#BuyCheckOut--idBtnSig-content{
	color: #51545e;
}

/* Tabla Direcciones de Entrega */

.sapMListTblCell{
	padding: .65rem .2rem !important;
	vertical-align: middle !important;
}

.sapMListTblCell:first-child, .sapMListTblNone:first-child + .sapMListTblCell {
    padding-left: 0.5rem !important;
}

/*
.sapMRbB .sapMRbBOut {
#BuyCheckOut--p3--Prueba_Datos .RadioResponsive {


.RadioResponsive {
	margin: 0.8125em 0.1em !important;
	width: 2rem !important;
}*/


#BuyCheckOut--PPrueba_Datos .sapMRbB {
	width: 2rem !important;
}

#BuyCheckOut--p3--Prueba_Datos .sapMRbB .sapMRbBOut{
	margin: 0.8125em 0.1em !important;
}


/*
#BuyCheckOut--idBtnAnt-img{
    color: #FC0000;
}

#BuyCheckOut--idBtnSig-img{
    color: #FC0000;
}
*/
.sapMFeedListItemFooter span {
	color: orange;
}
span[id$='-timestamp'] {
	color: #666666;
}

#__htmlview0--panel_2 {
	background: url(../img/commerce_platforms.jpg) no-repeat center top;
}

#__title2 {
	color: #DA2020;
}

/* El sgte CSS cambia los atributos (color) de TODOS los footer */
.sap-desktop .sapMIBar.sapMFooter-CTX {
	/*background-color:#e5313d !important;*/
}

#ProductDetail_all--idToolBProveedor {
	background: #e5313d !important;
}

#ProductDetail_all--oShellDetaillAll-container-canvascntnt a[role="toolbar"] {
	background-color: #ff0000 !important;
}

#ProductDetail_all--idListHeaderProvider-listUl > li {
	background-color: #FFFFFF !important;
}

#ProductDetail_all--oShellDetaillAll-hdr {
	display: none !important;
}

#ProductDetail_all--oShellDetaillAll-cntnt.sapUiUfdShellCanvas {
    top: 0px !important;
}

#ProductDetail_one--idCabecera_ProductOne-listUl > li,
#ProductDetail_one--idCabecera_ProductRel-listUl > li,
#ProductShoppingCart--idCabecera_ProdBeneficios-listUl > li{
	background-color: #e5313d !important;
	padding-bottom: 1.5%;
    padding-top: 1.5%;/*
    height: auto !important;*/
}

#ProductDetail_one--idCabecera_ProductOne-listUl .sapMSLITitleOnly,
#ProductDetail_one--idCabecera_ProductRel-listUl .sapMSLITitleOnly,
#ProductShoppingCart--idCabecera_ProdBeneficios-listUl .sapMSLITitleOnly {
    color: #FFFFFF !important;
}

#ProductDetail_one--idCabecera_ProductOne-listUl > li > span:before,
#ProductDetail_one--idCabecera_ProductRel-listUl > li > span:before,
#ProductShoppingCart--idCabecera_ProdBeneficios-listUl > li > span:before{
	content: "\e0e3" !important;
	color: #FFFFFF !important;
}
#ProductDetail_one--idCabecera_ProductRel,
#ProductShoppingCart--idCabecera_ProdBeneficios{
	margin-bottom: 10px;
}

#TrackingOrder--idIconTabBarTracking-content.sapMITBContent {
	padding: 0.2rem !important;
}

/*
* Prueba Temporal. Pendiente de Aprobación. ASMNOLE./  Resuelto por ASVRAMIREZ
*/

li[id$='-ProductDetail_one--id_dlitiempoest-0'] {
	background-color: #e5313d !important;
}

/* Reactivado para los botones de Satisfaccion de la App */
/*.sapUiIcon:before {
	color: #FFFFFF !important;
}*/

#ProductDetail_all--idListHeaderProvider .sapMSLITitleOnly {
    color: #e5313d !important;
}

#ProductDetail_all--idListHeaderProvider ul li span:before {
	content: "\e0e3" !important;
	color: #e5313d !important;
}

#oDescProd-ProductDetail_one--poProductItems2-0 {
	color: darkgrey !important;
}

#ProductDetail_one--id_dlitiempoest ul li span:before {
	content: "\e0e3" !important;
	color: #FFFFFF !important;
}

div[id$='-ProductDetail_one--id_dlitiempoest-0-value'] {
	color: #FFFFFF !important;
}

#ProductDetail--OPLSection-header.sapUxAPObjectPageSectionHeader{
	background-color: #e5313d !important;
}
/*ProductDetail--OPLSection-title*/
#ProductDetail--OPLSection-header div.sapUxAPObjectPageSectionTitle{
	color: #FFFFFF;
}

#ProductDetail--OPLSection-header div.sapUxAPObjectPageSectionTitle{
	color: #FFFFFF;
}

#HomeSearchG--oToolbarHomeSearch {
    background: #e5313d !important;
    background-color: #e5313d !important;
}

#ProductDetail_one--oToolbarProductDetailOne {
    background: #e5313d !important;
    background-color: #e5313d !important;
}

#ProductDetail_all--oToolbarProductDetailAll{
    background: #e5313d !important;
    background-color: #e5313d !important;
}

#HomeSearchG--oButtonPerPlaceholder-img{
	text-shadow: 0 1px 0 transparent;
    color: #FFFFFF !important;
}

#HomeSearchG--id_searchCancel-img{
    color: #FFFFFF !important;
}

#HomeSearchG--oButtonSearchAct-img{
    color: #FFFFFF !important;
}

#HomeSearchG--oButtonCartAct-img{
    color: #FFFFFF !important;
}

.letterWhite {
	color      : #FFFFFF !important;
    font-size  : 1.1rem !important;
    vertical-align: bottom !important;
}

/* Cambia el color a los iconos de la lista de proveedores/Mayorista: poProviderItems2 */
.ButtonRub span span {
	color: #FFFFFF !important;
}

/*#__bar0-BarPH {
	background: #e5313d !important;
}*/

#HomeSelectRubroG--oToolbarSelectRubroG {
    background: #e5313d !important;
    background-color: #e5313d !important;
}

#HomeSelectRubroG--oButtonRubrosIniSe > span {
	background-color: #ba0000 !important;
}

#HomeSelectRubroG--oButtonRubrosIniSe span {
	color : #FFFFFF !important;
	text-shadow: 0 1px 0 transparent;
}

#HomeSearchG--oButtonIniciarSesionHSGV span {
	text-shadow: 0 1px 0 transparent;
	color : #FFFFFF !important;
}

#ProductDetail_one--oButtonIniciarSesionPDetailOne span {
	text-shadow: 0 1px 0 transparent;
	color : #FFFFFF !important;
}

#ProductDetail_all--oButtonIniciarSesionPDetailAll span {
	text-shadow: 0 1px 0 transparent;
	color : #FFFFFF !important;
}

#HomeSelectRubroG--oButtonRubrosMenu-img{
	text-shadow: 0 1px 0 transparent;
    color: #FFFFFF !important;
}

#ProductDetail_one--oButtonPerPlaceholderPDetailOne-img{
	text-shadow: 0 1px 0 transparent;
    color: #FFFFFF !important;
}

#ProductDetail_all--oButtonPerPlaceholderPDetailAll-img{
	text-shadow: 0 1px 0 transparent;
    color: #FFFFFF !important;
}

.sapMPageHeader::before{
	border-top: 0.25rem solid #FFFFFF !important;
}

#__bar0-BarPH span {
	color : #e5313d !important;
}

#HomeSelectRubroG--idSeleccionaComercio {
	color : #e5313d !important;
    font-size: 1.1rem !important;
    vertical-align: bottom !important;
    line-height: inherit !important;
}

.oTHeaderLML{
    color      : #FFFFFF !important;
    font-size  : 1.7rem !important;
    font-family: Bangers,Arial,Helvetica !important;
    line-height: normal !important;
}

#ProductDetail_one--id_dRating-imgNav:before {
	content: "\e0e3" !important;
}

/* Tabla de la vista Finalizar compras(Costos de envio): Ocultar las Cabeceras */
#idCostoEnvio-tblHeader {
	visibility : hidden !important;
	display    : none !important;
}
#idCostoEnvio .sapMListTblSubCntSpr, #idCostoEnvio .sapMListTblSubCntHdr {
	display: none !important;
}
#idCostoEnvio-listUl .sapMLIBShowSeparator>td {
    border-top: 0px solid #e5e5e5;
}

/* Tabla de la vista Detalle de Producto: Ocultar las Cabeceras */
#ProductDetail_one--idTAtributosPedido-tblHeader {
	visibility : hidden !important;
	display    : none !important;
}
#ProductDetail_one--idTAtributosPedido .sapMListTblSubCntSpr, #ProductDetail_one--idTAtributosPedido .sapMListTblSubCntHdr {
	display: none !important;
}
#ProductDetail_one--idTAtributosPedido .sapMText {
	font-size: 0.875rem !important;
}

#ProductDetail_one--idTAtributosPedido .sapUiLnk {
	font-size: 14px !important;
}

/* Estilo para el Rastreo de un Pedido (Estatus) */
.sapMObjStatusError>.sapMObjStatusText, .sapMObjStatusError>.sapMObjStatusIcon {
    white-space: normal !important;
}

span[id$='-ProductDetail_one--poProductListName-0-titleText'] {
	font-weight: bold !important;
}

#HomeSearchG--selSearchHSG-inner {
	color: #51545e !important;
}

/*
* Comentado por Manuel Nole - 28:03.
* Esto hace que a lahora de seleccionar el tipo de búsqueda, se muestre de color naranja los valores.
*/
/*
#__popover0 {
	color: #51545e !important;
}*/

#HomeSearchG--oTextLabelRubro {
	color: #FFFFFF !important;
}

#HomeSearchG--oTextLabelRubro_Btn {
	text-shadow: 0 0px 0 #FFFFFF !important;
}

#HomeSearchG--oTextLabelRubro_Btn div {
	text-shadow: 0 0px 0 #FFFFFF !important;
	font-size: 0.9rem !important;
}

#HomeSearchG--oTextLabelRubro_Btn div span{
	color: #FFFFFF !important;
	text-decoration: underline;
}

#BuyCheckOut--p1--oCheckTermCond-label {
	font-size: 1.125rem !important;
}

#HomeSearchG--selSearchHSG-arrow{
	background: #51545e !important;
}

#HomeSearchG--selSearchHSG-arrow, .sapMComboBoxBaseBar::before{
	color: #FFFFFF !important;
}

.sapMObjLNumber {
    font-size: 1.125rem !important;
}

.sapMSLITitleOnly {
	white-space: normal !important;
}

.sapMTextLineClamp {
	-webkit-line-clamp: 5 !important;
}

.sapMObjStatusSuccess>.sapMObjStatusText{
	white-space: normal !important;
}

.sapMSLIDescription {
	white-space: normal !important;
}

.ListCartNull > section {
	background-image: url(../img/carrito-vacio.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

/*
	Estilos para los Atributos Dinámicos.
*/

.listCabeceraBackground>.sapMListHdr {
	background-color: #e5313d !important;
	color: #FFFFFF !important;
	text-shadow: none !important;
}

#BuyCheckOut--p1--panel_1 > div {
	padding: 0rem;
}

#BuyCheckOut--p1--oCheckTermCond-label {
	padding-top: 0.8rem;
    white-space: normal;
    line-height: 1.3rem;
}

#BuyCheckOut--p4--idPanelProxm-header {
	height: 100%;
    padding-top: 0.7rem;
    white-space: normal;
    line-height: 1.10rem;
    padding-bottom: 0.7rem;
}

.sapMShellBrandingBar{
	background-color: #fe8b8b !important;
}
.sapUiUfdShellBrand {
	background-color: #fe8b8b !important;
}
.sapMSltPressed>.sapMSltArrow {
    background: #e5313d !important;
}
.sapUiLocalBusyIndicatorAnimation>div::before {
    background: #e5313d;
}
.sapUiLocalBusyIndicatorAnimation>div::after {
    box-shadow: inset 0 0 2px 1px rgba(224, 0, 0, 0.8);
}
.sapMInputBaseContentWrapper:not(.sapMInputBaseReadonlyWrapper):not(.sapMInputBaseContentWrapperState):not(.sapMInputBaseDisabledWrapper):active {
    border-color: #e5313d;
}
.sapMInputBaseContentWrapper:hover:not(.sapMInputBaseContentWrapperState):not(.sapMInputBaseDisabledWrapper):not(.sapMInputBaseReadonlyWrapper) {
    border-color: #e5313d !important;
}
.sapMInputBaseInner:not(.sapMInputBaseReadonlyWrapper):not(.sapMInputBaseContentWrapperState):focus {
    border-color: #e5313d !important;
}
.sapMSltPressed:not(.sapMSltDisabled):not(.sapMSltState) {
    border-color: #e5313d !important;
}
.sapMSltHoverable:not(.sapMSltState):hover {
    border-color: #e5313d !important;
}
.sapMSelectListItemBaseSelected.sapMSelectListItemBaseHoverable:hover {
    background-color: #fe8b8b !important;
}
.sapMSelectListItemBase.sapMSelectListItemBasePressed,.sapMSelectListItemBase.sapMSelectListItemBasePressed.sapMSelectListItemBaseSelected{
	background: #e5313d !important;
}
.sapMSFF>.sapMSFB:not(.sapMSFBF):active, .sapMSFF>.sapMSFB.sapMSFBA {
    background-color: #e5313d;
}
.sapMSFF>.sapMSFB:not(.sapMSFBF):active, .sapMSFF>.sapMSFB.sapMSFBA{
	background-color: #e5313d !important;
}
.sapMIBar-CTX.sapMHeader-CTX :not(.sapMBtnDisabled)>.sapMBtnActive, .sapMIBar-CTX.sapMFooter-CTX :not(.sapMBtnDisabled)>.sapMBtnActive{
	background-color: #ba0000 !important;
	color: #ffffff !important;
}
.sapContrast :not(.sapMBtnDisabled):hover>.sapMBtnTransparent.sapMBtnActive{
	background-color: #ba0000 !important;
	border-color: #ba0000 !important;
}
.sapMFocus .sapMInputBaseContentWrapper:not(.sapMInputBaseContentWrapperState):not(.sapMInputBaseReadonlyWrapper){
	border: 1px solid #e5313d !important;
}
.sapMBtn:hover>.sapMBtnTransparent.sapMBtnHoverable {
    color: #fe8b8b !important;
}
:not(.sapMBtnDisabled)>.sapMBtnInner.sapMBtnActive {
	background-color:#e5313d !important; border-color: #ffffff !important;
}
html.sapUiMedia-Std-Phone .sapUxAPHierarchicalSelect .sapMSltLabel, html.sap-phone .sapUxAPHierarchicalSelect .sapMSltLabel {
    border-bottom: 0.125rem solid #e5313d !important;
}
.sapMRbSel .sapMRbBInn {
    background-color: #e5313d !important;
}
.sapMRbHoverable:hover {
    border-color: #e5313d !important;
}
.sapMOHRTitleActive .sapMOHRTitleText{
    color: #e5313d !important;
}
.sapMObjectMarker .sapUiIcon {
	color: #e5313d !important;
}
.sapMLIB.sapMLIBActive {
	background: #e5313d !important;
	color: #ffffff !important;
}
.sapMLIBActive .sapMOHRTitleActive .sapMOHRTitleText,
.sapMLIBActive .sapMObjectMarker .sapUiIcon,
.sapMLIBActive .sapMLIBImgNav {
	color: #ffffff !important;
}
.sapMLIB.sapMLIBSelected {
    background: #f9e6e6 !important;
}
.sapMLIBHoverable.sapMLIBSelected:hover {
    background: #f6d9d9 !important;
}
:not(.sapMBtnDisabled):not(.sapMSBActive)>span.sapMBtnInner.sapMBtnReject:not(.sapMBtnActive):not(.sapMToggleBtnPressed)>.sapMBtnIcon {
    color: #ffffff !important;
}
.sapMITBSelected .sapMITBFilterNeutral {
    background: #e5313d !important;
    color: #ffffff !important;
}
.sapMITBSelected .sapMITBFilterDefault{
    background: #e5313d !important;
    color: #ffffff !important;
}
.sapMITBFilterNeutral {
    border-color: #e5313d !important;
    color: #e5313d  !important;
}
.sapMITBFilterDefault {
    color: #e5313d !important;
}
.sapMITBFilterIcon {
    border: 1px solid #f6d9d9 !important;
}
.sapMITBSelected.sapMITBFilterNeutral>.sapMITBContentArrow {
    border-bottom-color: #e5313d !important;
}
.sapMITBSelected>.sapMITBContentArrow {
    border-bottom-color: #e5313d !important;
}
.sapMIBar-CTX.sapMFooter-CTX{
    background-color: #51545e !important;
}
.sapMSelectListItemBaseSelected {
    background: #f6d9d9 !important;
}
.sapUxAPObjectPageHeaderIdentifier {
    background: #fcf2f2 !important;
}
.sapMInputBaseIcon:active {
    background-color: #e5313d !important;
}
.sapUiCalItemSel {
    background-color: #e5313d !important;
}
.sapMTB-Info-CTX.sapMTB {
    background: #51545e !important;
}
#IdTiempoParaRealizarPedido {
    background-color: #000000 !important;
    padding: 0.5rem;
}
#IdTiempoParaRealizarPedido .sapUiTvAlignLeft {
	text-align: -webkit-center !important;
}
#IdTiempoParaRealizarPedido #TPlinea_1.sapUiTvWarn {
	color: #FFFF99 !important;
}
#IdTiempoParaRealizarPedido #TPlinea_2.sapUiTvWarn {
	color: #f8f32b !important;
}

/* Fondo Pantalla */
.sapUiGlobalBackgroundColor, .sapMGlobalBackgroundColor {
    background-color: #fe8b8b;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffffff),color-stop(50%,#f60a0a),color-stop(100%,#373c41));
    background-image: -webkit-linear-gradient(top,#ffffff 0,#f60a0a 50%,#373c41 100%);
    background-image: linear-gradient(to bottom,#ffffff 0,#f60a0a 50%,#373c41 100%);
}

#HomePromociones--idPagePromociones {
    background-color: #c8c8c8 !important;
}

.sapUxAPObjectPageHeaderContentDesign-Light {
    background-color: #fcf2f2 !important;
}
.sapUxAPAnchorBarButton.sapUxAPAnchorBarButtonSelected .sapMBtnContent {
    border-bottom: 0.125rem solid #e5313d !important;
}
.sapUxAPAnchorBar.sapMTB {
    background: #fcf2f2 !important;
}

#ProductDetail_one--idBtnAddCart.sapMBtn > span,
#PedidoSuger--idBtnAddCart.sapMBtn > span {
    background-color: #e5313d !important;
}
#ProductDetail_one--idBtnAddCart > span.sapMBtnActive,
#PedidoSuger--idBtnAddCart > span.sapMBtnActive {
	background-color: #ffffff !important;
	color: #e5313d !important;
}
/*
Esto afecta al atributo info pero no al timestamp
.sapMFeedListItemFooter span ~ span {
	color: orange
}*/

/********* Image Responsive *********/

/*
	http://scn.sap.com/community/developer-center/front-end/blog/2013/04/17/sapui5-and-responsive-web-design-rwd
*/

/* Large desktop */
/* @media (min-width: 1200px) {  } */

/* Portrait tablet to landscape and desktop */
@media (min-width: 400px) and (max-width: 1500px) {
	#BuyCheckOut--p4--idPanelPayForm label,
	#BuyCheckOut--p4--formaPago_1-label,
	#BuyCheckOut--p4--formaPago_2-label,
	#BuyCheckOut--p4--formaPago_3-label,
	#BuyCheckOut--p4--formaPago_4-label {
    	width: 350px !important;
   	}
	#BuyCheckOut--p4--idPanelPayForm img {
		display: initial;
	}
}


/* Landscape phone to portrait tablet */
/* @media (max-width: 767px) {  } */


/* Landscape phones and down */
@media (max-width: 455px) {
	#BuyCheckOut--p4--idPanelPayForm label,
	#BuyCheckOut--p4--formaPago_1-label,
	#BuyCheckOut--p4--formaPago_2-label,
	#BuyCheckOut--p4--formaPago_3-label,
	#BuyCheckOut--p4--formaPago_4-label {
    	width: 225px !important
   	}
}

@media (min-width: 150px) and (max-width: 454px) {
	#BuyCheckOut--p4--idPanelPayForm label,
	#BuyCheckOut--p4--formaPago_1-label,
	#BuyCheckOut--p4--formaPago_2-label,
	#BuyCheckOut--p4--formaPago_3-label,
	#BuyCheckOut--p4--formaPago_4-label {
    	width: 60% !important
   	}
	
   	#BuyCheckOut--p4--idPanelPayForm img {
		display: none;
   	}

   	.oTHeaderLML {
   		font-size: 1.2rem !important;
   	}
}

/*The media queries need to be last in the css to make the dynamic content load
correctly */
@media (min-width: 200px) and (max-width: 1500px) {
	/*
	#ProvidersSearch--imgSearch {
		max-width: 100%;
	}*/
	.ImgResponsive {
		max-width: 100%;
	}
	#ProvidersDetail--imgProvider {
		margin-right: 1em;
		max-width: 100%;
	}
	#ProductDetail_one--img_prod {
		margin-right: 1em;
		max-width: 100%;
	}
	.ImgSize {
		margin-right: 1em;
		max-width: 100%;
	}
	.spinnImgSup {
		max-width: 100%;
		max-height: 100%;
		/*position: absolute;*/
		/**/
		display:block; text-align:center;
		/**/
	    top: 2rem;
	    left: 0;
	    right: 0;
	    margin: auto;
	}
	.spinnImgInf {
		max-width: 70%;
		position: absolute;
	    bottom: 0.5rem; /*top: 1rem; para spinnImgSup*/
	    left: 0;
	    right: 0;
	    margin: auto;
	}
	.imgTutorial {
		max-width: 100%;
		max-height: 100%;
		position: absolute;
	    top: 0;
	    left: 0;
	    right: 0;
	    bottom: 0;
	    margin: auto;
	}
	.sapUiSearchField {
		width: 88%;
	}
}

@media (max-width: 500px) {
	#HomeSelectRubroG > div > section {
		background: url(../img/fondo_iphonev.png) no-repeat center top;
    	background-size: 100% 100%;
	}
}
@media (max-width: 399px) {
	#HomeSelectRubroG > div > section {
		background: url(../img/fondo_Iphone5.png) no-repeat center top;
    	background-size: auto 100%;
	}
}
@media (max-width: 399px) and (min-height: 800px) {
	#HomeSelectRubroG > div > section {
		background: url(../img/fondo_Iphone_x.png) no-repeat center top;
    	background-size: auto 100%;
	}
}
@media (min-width: 500px) and (max-width: 900px)  {
	#HomeSelectRubroG > div > section {
		background: url(../img/fondo_ipad.png) no-repeat center top;
    	background-size: auto 100%;
	}
}
@media (max-height: 850px) and (orientation: landscape) {
	#HomeSelectRubroG > div > section {
		background: url(../img/fondo_iphoneh.png) no-repeat center top;
    	background-size: auto 100%;
	}
}
@media (width: 812px) and (height: 375px) and (orientation: landscape){
	#HomeSelectRubroG > div > section {
		background: url(../img/fondo_Iphone_x_h.png) no-repeat center top;
    	background-size: auto 100%;
	}
}
@media (min-width: 900px) and (max-width: 1060px)  {
	#HomeSelectRubroG > div > section {
		background: url(../img/fondo_ipad.png) no-repeat center top;
    	background-size: auto 100%;
	}
}

@media (min-width: 1061px) {
	#HomeSelectRubroG > div > section {
		background: url(../img/fondo_04.png) no-repeat center top;
    	background-size: 100% 100%;
	}
}

/* Tamaño de Fondo de la app con borde a los lados */
@media (min-width: 900px) { /* @sapMShellAppWidth. Default : 1280px */
	html.sap-desktop .sapMShellAppWidthLimited .sapMShellCentralBox {
	    width: 900px !important; /* @sapMShellAppWidth */
	    margin-left: -450px !important; /* @sapMShellAppWidth divided by 2 */
	    left: 50% !important;
	}
}
@media (min-width: 540px) {
	#ProductDetail_one--poProductImgs {
		height: 400px !important;
	}
}

.ColorBlanco {
	color: #FFFFFF !important;
}
.textAlignCenter{
	text-align: center !important;
}