#supermercadosApp{font-family:Roboto;text-align:center;}
#supermercadosApp a[disabled]{pointer-events:none;}
.supermercadosGenericContainer{text-align:center;padding:10px 0;position:absolute;width:100%;z-index:9;background-color:#fff;}
.supermercadosSpinner{position:relative;color:#00754d;font-weight:500;}
.supermercadosSpinner:before{content:'\e90b';font-family:"FontMercadona";display:block;font-size:4em;color:#666;}
.supermercadosSpinner:after{content:'\f021';font-family:"FontAwesome";animation:fa-spin 2s infinite linear;position:absolute;top:1.8em;left:calc(50% - 6px);font-size:1.5em;color:#fff;}
.botonEnlace{background: none;color: #17633D;border:none;padding: 0;font:inherit;}
.botonEnlaceBot{border-bottom: 1px solid #17633D;border-radius:0;}
.busquedaBoton {border-bottom-right-radius: 2em;border-top-right-radius: 2em;background-color:#00754d;color:#fff;text-decoration:none;padding:.7em 1.7em;display:table-cell;box-shadow: 0.2em 0 1em 0 #aaa;vertical-align:middle;height:100%;border:none;}
.busquedaBoton::before{content:'\e91a';font-family:"FontMercadona";margin-right:0.6em;}
.busquedaBoton:active, .busquedaBoton:visited, .busquedaBoton:focus{text-decoration:none;color:#fff;}
.busquedaBoton:hover {color:#fff;text-decoration:none;background-color:#00754D;}
.busquedaBotonVolver{position:fixed;bottom:40px;right:50px;color:#00754d;background-color:#fff;border:1px solid #ddd;border-radius:100%;height: 3em; width: 3em;z-index:999;box-shadow:0 14px 28px rgba(0,0,0,0.35), 0 10px 10px rgba(0,0,0,0.32);padding:0;}
.busquedaBotonVolver::after {content:'\f002';font-family:"FontAwesome";font-size:1.4em;}
.busquedaInput {border-bottom-left-radius: 2em;border-top-left-radius: 2em;display:table-cell;padding:.7em 2em;border-style: none;box-shadow: -0.2em 0 1em 0 #aaa;width:280px;vertical-align:middle;height:100%;}
.busquedaInput:focus{outline:none !important;}
.busquedaInputAutocompletado{display: table-caption;text-align: left;caption-side: bottom;margin:-1em 0;padding:0;list-style:none;position:absolute;top:100%;left:1em;width:calc(100% - 2em);z-index:999;border:1px solid #ccc;border-bottom:none;}
.busquedaInputAutocompletadoElem{border-bottom:1px solid #ccc;background-color:#fff;padding:0;width:100%;}
.busquedaInputAutocompletadoElem button{text-align:left; width:100%;padding:5px 15px;}
.busquedaInputAutocompletadoElem button:hover, .busquedaInputAutocompletadoElem button:focus{background-color:#eee;}
.busquedaGoogle{text-align:center !important;font-style:italic;color:#333;background-color:#f6f6f6;}
.checkbox-label:before{content:''; display:block; position:absolute; z-index:1; height:21px; width:21px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; top:0px; left:0px; right:auto; background:white;}
.checkbox-label{display:block; position:relative; height:21px; -webkit-border-radius:21px; -moz-border-radius:21px; border-radius:21px; background:#999; cursor:pointer; margin:0;}
.errorMessage{background-color:#f7f7f7;border:1px solid #dedede;border-radius:4px;color:#333;display:inline-block;max-width:calc(100% - 40px);width:650px;margin:20px;padding:5px 10px;}
.filtroToggle{width:42px;}
.inputBusquedaBloque{display:inline-block;}
.inputBusquedaLocalizacion::before{content:'\e81c';font-family:"FontMercadona";position: absolute;transform: translateX(-1.3141592em);}
.inputBusqueda{display:table;padding:1em 0;height:3.14159265359em;position:relative;}
.ios-toggle + .checkbox-label{-webkit-box-shadow:inset 0 0 0 20px #ccc,0 0 0 1px #bbb; -moz-box-shadow:inset 0 0 0 20px #ccc,0 0 0 1px #bbb; box-shadow:inset 0 0 0 20px #ccc,0 0 0 1px #bbb;}
.ios-toggle,.ios-toggle:active{position:absolute; height:0; width:0; opacity:0; border:none; outline:none;}
.ios-toggle:checked + .checkbox-label:before{left:calc(100% - 21px);}
.ios-toggle:checked + .checkbox-label{-webkit-box-shadow:inset 0 0 0 20px #00754d,0 0 0 1px #00754d; -moz-box-shadow:inset 0 0 0 20px #00754d,0 0 0 1px #00754d; box-shadow:inset 0 0 0 20px #00754d,0 0 0 1px #00754d;}
.panelDetalleBloque{display:inline-block;text-align:left;max-width:100%;width:max-content;min-width:30%;color:#666;}
.panelDetalleCalle{font-size:1.4em;display:block;}
.panelDetalleCiudad{font-size:1.4em;display:inline;}
.panelDetalleDireccion{font-size: 1em;color:#333;font-weight:400;min-width:50%;margin:10px 0;}
.panelDetalleElemento > .supermercadoHorario{display:block;margin-bottom:10px;}
.panelDetalleElemento li{display:flex;justify-content: space-between;}
.panelDetalleElemento ul{list-style:none;padding: 0;margin-bottom: 20px;}
.panelDetalleElementoHeader::before{font-weight:bold;font-family:"FontMercadona";position:absolute;transform:translateX(-25px);}
.panelDetalleElementoHeader{font-weight:bold;}
.panelDetalleElemento{display:block;margin:5px 0;}
.panelDetalleTitulo{font-size:1.8em;display:block;}
.panelDetalle{text-align:left;display:inline-block;position:relative;}
.panelLateralFiltros *, .panelLateralFiltros *:before, .panelLateralFiltros *:after{ -webkit-transition:.25s ease-in-out; -moz-transition:.25s ease-in-out; -o-transition:.25s ease-in-out; transition:.25s ease-in-out; }
.panelLateralFiltros{display:flex;flex-wrap:wrap;padding:5px;}
.panelLateralFiltro{display:inline-block;width:min-content;min-width:120px;margin:5px;}
.panelLateralLiteralFiltros::after{content:'\f078';font-family:"FontAwesome";margin-left:6px;}
.panelLateralLiteralFiltrosOpen::after{content:'\f077';}
.panelLateralLiteralFiltros{position:absolute;top:0;right:30px;}
.panelLateralResultadosDireccion {font-size: 1.14em; color: #333;font-weight:bold;min-width:50%;margin:0 0 7px 0;}
.panelLateralResultadosDistancia{float:right;position:relative;margin-left:10px;}
.panelLateralResultadosElemento {color:#666;background-color: #fff; list-style: none; padding: 1em;margin:.5em;border-radius:.7em;box-shadow:0 .3em 1em #ccc;cursor:pointer;}
.panelLateralResultadosElemento:hover {box-shadow:0 .3em 1em #eee;}
.panelLateralResultadosElementoActive {box-shadow:none;outline:none;}
.panelLateralResultadosElemento:hover h3, .panelLateralResultadosElementoActive h3 {color:#17633d;}
.panelLateralResultadosElemento .supermercadoHorario:before{position:relative;margin-right:.3em;font-family:"FontMercadona";}
.panelLateralResultadosEncontrados{margin-left:10px;color:#666;}
.panelLateralResultadosLista {padding:0;max-width:100%;max-height:650px;min-height:60px;overflow:auto;margin:0;-webkit-overflow-scrolling: touch;}
@media (hover: hover) {.panelLateralResultadosLista::before {position:absolute;width:99%;height:20px; content:' ';background-image:linear-gradient(to top, rgba(255,255,255,0.001), #fff);}}
.panelLateralResultados{text-align:left;display:inline-block;max-width:450px;width:400px;width:calc(100% - 678px);margin:0 10px;vertical-align:top;position:relative;}
.panelLateralResultados::after {position:absolute;bottom:0;width:100%;height:10px; content:' ';background-image:linear-gradient(to bottom, rgba(255,255,255,0.001), #fff);}
.postIt{display:inline-block;width:200px;text-align:center;background-color:#fff0b5;margin-left:6.5%;padding: 25px 10px 15px 10px;box-shadow: 0 0 15px #b2babb;-webkit-box-shadow: 0 0 15px #b2babb;-moz-box-shadow: 0 0 15px #b2babb;transform:rotate(5deg);-webkit-transform:rotate(5deg);-moz-transform:rotate(5deg);-ms-transform:rotate(5deg);-o-transform:rotate(5deg);}
.primerBloque{text-align:center;padding:2em 0;}
.segundoBloque{position:relative;text-align:center;}
.selectedTiendaCardContainer{position:relative;display:block;}
.selectedTiendaCard{padding:10px;background-color:#fff;z-index:99;}
.supermercadoComoLlegar{text-align:center;float:right;}
.supermercadoDia{margin-right:6px;white-space:nowrap;}
.supermercadoEstado {float:right;overflow:hidden;white-space:nowrap;}
.supermercadoFestivos::before{content:'\e913';}
.supermercadoHorario::before{content:'\e81B';}
.supermercadoParking::before{content:'\e81D';}
.supermercadoSinParking{color:#b4b4b4;}
.supermercadoSinParking::before{content:'\e81F';}
.supermercadoTelefono::before{content:'\e81E';}
.supermercadosTitulo{font-size:1.5em;font-weight:400;color:#333;max-width:500px;margin: 0 auto;}
.panelLateralResultadosLista::-webkit-scrollbar-track{background-color: transparent;}
.panelLateralResultadosLista::-webkit-scrollbar{width: 3px;background-color: transparent;}    
.panelLateralResultadosLista::-webkit-scrollbar-thumb{background-color: #00754d;}
_:-ms-lang(x), .panelLateralResultadosLista{scrollbar-face-color:#00754d;scrollbar-arrow-color:transparent;scrollbar-track-color:transparent;scrollbar-shadow-color:transparent;scrollbar-highlight-color:transparent;scrollbar-3dlight-color:transparent;scrollbar-darkshadow-Color:transparent;}
/* Desktop */
@media (min-width: 992px){
.panelDetalleBloque{font-size:1.15em;}
}
@media (min-width: 768px){
#desktopMap{width:648px; height:640px;margin-right:10px;border-radius:.7em;}
.panelDetalleBloque{max-width:49%;}
.panelDetalleDireccion{margin:10px 10px;}
.selectedTiendaCardContainer:last-of-type{display:flex;flex-wrap:wrap;justify-content:space-around;}
.selectedTiendaCard{border-radius:.5em;position:absolute;right:25px;top:20px;width:calc(100% - 40px);box-shadow:0 0 1em #aaa;}
.selectedTiendaCardVolver{position:absolute;top:5px;right:7px;}
.selectedTiendaCardVolver::before{content:'\f00d';font-family:"FontAwesome";}
.verTodosLista{bottom:0;}
}
@media (max-width: 991px) and (min-width: 768px){
#desktopMap{width:400px;margin-right:5px;}
.panelLateralResultados{width:calc(100% - 415px);margin:0 5px;}
.selectedTiendaCard{top:2.5px;right:7.5px;width:calc(100% - 10px);}
.panelDetalleElementoHeader::before{transform:translate(-21px,-2px);font-size:1.2em;}
}
/* Phone */
@media (max-width: 767px){
.busquedaBoton{padding:.7em .9em;}
.busquedaBotonVolver{bottom:30px;right:30px;height: 4em; width: 4em;}
.busquedaInput{padding:.7em .5em;width:220px;}
.panelDetalleBloque{margin:0 25px;font-size:1.2em;display:block;}
.panelLateralResultados{width:100%;margin:0 5px;}
.phoneMapBg{height: 200px; width:100%; object-position: 0 -80px; object-fit: cover; border-radius:.75em;}
.phoneMapPin{position:absolute;left:155px;top:30px;}
.phoneMap{position:absolute;width:350px;transform:translateX(-50%);left:50%;padding-bottom:10px;}
.postIt{margin: 30px 0 0 0;}
.segundoBloque{text-align:left;margin-right:10px;}
.selectedTiendaCardHead{background-color:#fff;position:fixed;width:100%;margin:-15px -25px;padding:10px 15px;border-bottom:1px solid #ccc;z-index:9;}
.selectedTiendaCardContainer{margin-top: 30px;}
.selectedTiendaCardVolver::before{content:'\f053';font-family:"FontAwesome";margin-right:0.3em;}
.selectedTiendaCardVolver{display:block;font-size:1.2em;}
.selectedTiendaCard{position:fixed;width:100%;height:100%;right:0;top:0;overflow-Y:auto;padding:15px 25px;-webkit-overflow-scrolling: touch;z-index:9999;}
.supermercadoComoLlegar{position: absolute;bottom: 20px;z-index: 9;right: 0;left: 0;margin:0 auto;width:50%;background-color: #fff;}
.supermercadosTitulo{font-size:1.25em;max-width:90%;margin: 0 auto;}
.verTodosLista{position:fixed;bottom:0;left:0;}
}