.fixed-bloque{
    position: fixed;
    top: 0;
    left: 0;
    background-color: #000000a1;
    width: 100%;
    height: 100%;
	z-index: 1002;
    display: none;
    justify-content: center;
    -webkit-justify-content: center;
    /*align-items: center;*/
}
	.bloque-existencias{
		position: relative;
	    top: 7%;
	    /*left: 20%;*/
	    width: 70%;
	    background: white;
	    height: 85%;
	    border-radius: 3px;
	}
		.titulo-existencias{
		    height: 4%;
		    background-color: #004c88;
		    display: flex;
		    display: -webkit-flex
		    justify-content: space-around;
		    -webkit-justify-content:space-around;
		    align-items: center;
		    -webkit-align-items:center;
		}

			.titulo-existencias label{
				width: 90%;
		    	font-size: 16px;
			    text-align: center;
			    color: white;
				font-weight: 600;
			}
			.close-btn{
			    color: white;
			    background: #0079d8	;
			     font-weight: 700; 
			    font-size: 16px;
			    height: 100%;
			    width: 10%;
			    display: flex;
				display:-webkit-flex; 
			    justify-content: center;
			    -webkit-justify-content:center;
			    align-items: center;
			    -webkit-align-items:center;
		        border-left: 1px solid #349cef;
			}
			.close-btn:hover{
				background-color: #008fff;
	    		color: white;
	    		cursor: pointer;
    		}
    	.detalles-producto{
    		display: flex;
    		justify-content: space-around;
    		align-items: center;
    		display: -webkit-flex;
    		-webkit-justify-content:space-around;
    		-webkit-align-items:center;
    		height: 15%;
		    border-bottom: 1px solid #e1e1e1;
		    padding: .5% 1%;
		    cursor: pointer;

    	}
    	.detalles-producto:hover{
    		box-shadow: inset 0px 0px 8px 0px rgb(101, 101, 101)
    	}
    		.image-p{
    			width: 30%;
    			height: 100%;
    			text-align: center;
    			display: flex;
    			justify-content: center;
	    		display: -webkit-flex;
				-webkit-justify-content:center;
    		}
    			.image-p img{
    				height: 100%;
    			}
    		.info-p{
    			display: flex;    		
    			flex-direction: column;
    			width: 75%;
    			height: 100%;
    			justify-content: space-around;
    			display: -webkit-flex;
    			-webkit-justify-content:space-around;
    			-webkit-flex-direction:column;
    		}
    			.price-p{
    				color: #088800 !important;
    				font-weight: 600;
    			}
    		.stock-online .info-element{
    			color: #088800;
    			font-weight: 600;
    		}
    		.ico-exist{
    			/*color: black;*/
    			font-size: larger;
    		}
    		.ico-exist:before{
    			width: initial;
    			margin: 0;
    			margin-right: 5px;
    		}
		.consulta-existencias{
			display: flex;
		    justify-content: center;
       		display: -webkit-flex;
    		-webkit-justify-content:center;
		    padding: 0% 1%;
		    height: 6%;
		}
			.consulta-filtros{
				width: 100%;
			    display: flex;
			    justify-content: space-around;
			    align-items: center;
        		display: -webkit-flex;
	    		-webkit-justify-content:space-around;
	    		-webkit-align-items:center;
			    /*border: 1px solid #b1b1b161;*/
			    border-radius: 3px;

			}
			.filtro-e{
			    /*width: 30%;*/
				display: flex;
				justify-content: space-around;
				align-items: center;
        		display: -webkit-flex;
	    		-webkit-justify-content:space-around;
	    		-webkit-align-items:center;
			}

					.select-e{
						width: 45%;
						height: 25px;
						color: #ffffff;
						font-weight: 600;
						background-color:#2f2f2f;
						padding: 0;
						font-size: 13px;
					}

					 input#omitir_not[type="checkbox"] {
						width: 18px;
    					height: 18px;
					}
		.respuesta-e{
			padding: 0 1%;
			height: 75%;
		}

			.respuesta-head{
				/*width: 100%;*/
				height: 4%;
				display: flex;
				justify-content: center;
    			align-items: center;
				display: -webkit-flex;
	    		-webkit-justify-content:center;
	    		-webkit-align-items:center;
		        /*padding: 1% .5%;*/
				margin: 0 .5%;
			    background-color: #2f2f2f;
			}
				.head1{
					width:79% ;
					font-weight: 700;
					color: white !important;
					text-align: center;
				}
				.head2{
					width: 21%;
					font-weight:700;
					color: white !important;
					text-align: center;
				}
			.respuesta-sucursales{
				border: 1px solid #b1b1b161;
				min-height: 200px;
			    height: 95%;
	            margin: 0 .5%;
    			padding: .5% 0%;
		        overflow-y: auto;
		        -webkit-overflow-scrolling: touch;
			}
				.respuesta-element{
					display: flex;
				    margin: .5%;
				    border-bottom: 1px solid #e0e0e0;
				}
					.datos-sucursal{
						width: 79%;
					    display: flex;
					    justify-content: space-between;
					    flex-direction: column;
						display: -webkit-flex;
	    				-webkit-justify-content:space-between;
	    				-webkit-flex-direction:column;
					    padding: .5%;
					}
						.titulo-sucursal{
							text-align: center;
						}
							.titulo-element{
								font-size: 20px;
							    font-weight: 700;
							    color: #005fa9;
							}
						.contacto-sucursal{
							display: flex;
			        		display: -webkit-flex;
						}
/*							.tp-i{
								color: #005fa9 !important;
							}*/
							.wp-i{
								color:#006d00 !important;
							}
							.tp-i{
								color: #004c88 !important;
							}
							.wap,.wap label{
								cursor: pointer !important;
							}
							.tel,.tel label{
								cursor: pointer !important;

							}

							.tel label, .wap label{
								text-decoration: underline;
							}
						.direccion-sucursal{

						}
						.horario-sucursal{

						}
							.info-content{
								/*margin: .5% 0%;*/
								display: flex;
								display: -webkit-flex;
								width: 100%;
							    /*flex-wrap: wrap;*/
							}
								.header-element{
									font-size: 15px;
									color: black;
									font-weight: 700;
									margin-right: 6px;
									font-family: Open Sans, Helvetica;
									margin-bottom: 0;
								}
								.info-element{
									font-size: 15px;
									color: black;
									font-family: Open Sans, Helvetica;
									display: flex;
    								align-items: flex-end;
    								display: -webkit-flex;
    								-webkit-align-items:flex-end;
									margin-bottom: 0;
									font-weight: 400;
								}
					.inventario-sucursal{
						width: 21%;
					    display: flex;
					    justify-content: center;
					    align-items: center;
						display: -webkit-flex;
	    				-webkit-justify-content:center;
	    				-webkit-align-items:center;

					    padding: .5%;
    					border-left: 1px solid #e0e0e0;
					}	
						.cant-suc{

						}
						.cant-suc label{
							font-weight: 700;
    						font-size: 18px;
						}
							.not-ex{
								color: black;
							}
							.low-ex{
								color:red;
							}
							.high-ex{
								color: #00a014;
							}



@media (max-width:768px){
	.bloque-existencias{
		position: fixed;
		top: 0;
		/*left: 0;*/
		width: 100%;
		height: 100%;
	}
		.consulta-existencias{
			height: 10%;	
		}
			.consulta-filtros{
				flex-direction: column;
				-webkit-flex-direction:column;
/*				justify-content: space-around;*/
			}
				.filtro-e{
					width: 100%;
				}
		.respuesta-e{
		    padding: 0 .5%;
			height: 71%;
		
		}		
		.titulo-element{
			font-size: 15px;
		}
		.contacto-sucursal{
			flex-direction: column;
			-webkit-flex-direction:column;
			justify-content: space-around;
			-webkit-justify-content:space-around;
 			height: 40px;
		}
		.direccion-sucursal .info-content, .horario-sucursal .info-content{
			flex-direction: column;
			-webkit-flex-direction:column;
			align-items: flex-start;
			-webkit-align-items:flex-start;
		}
		.info-content{
			margin:0%;
		}
			.header-element{
				font-size: 13px;
			}
			.info-element{
				font-size: 13px;
				align-items: initial;
				-webkit-align-items:initial;
				/*color: black;*/
			    /*width: 98%;*/
			}

			.cant-suc label{
			    font-size: 14px;
			}
}
@media (max-width:820px) and (max-height:420px){
	.bloque-existencias{
		top:0;
		width: 100%;
		height:100%;
	}
		.titulo-existencias{
			height: 5%;
		}
		.detalles-producto{
			height: 20%;
		}
			.info-content{
				margin: 0;
			}
		.consulta-existencias{
			height: 8%;
		}
			.consulta-filtros{
				flex-direction: initial;
				-webkit-flex-direction: initial;
			}

		.respuesta-e{
			height: 67%;
		}
			.respuesta-head{
				height: 6%;
			}
			.respuesta-sucursales{
				height: 93%;
			}

				.titulo-element{
					font-size: 16px;
				}	

.header-element{
	font-size: 13px;
}
.info-element{
	font-size: 13px;
}

} 

.progres-icon{
	display: none;
	background-color: #424242;
    width: 70px;
    height: 70px;
    border-radius: 35px;
    position: relative;
    top: 45%;
    margin: auto;
    box-shadow: 0px 0px 4px 2px #0c0c0c, inset 0px 0px 8px 6px #000000;
    justify-content: center;
    align-items: center;
	-webkit-justify-content:center;
	-webkit-align-items:center;
    animation: wait cubic-bezier(0.22, 0.61, 0.36, 1) 1s infinite;
	border-top: 2px dotted black;
    border-right: 2px dotted black;
    border-bottom: 2px dotted black;
    border-left: 2px dotted black;
}
	.progres-icon .circle-load{
	    width: 70%;
	    height: 70%;
	    border-top: 2px solid #c7c7c7;
	    border-right: 2px solid #000000;
	    border-bottom: 2px solid #000000;
	    border-left: 2px solid #000000;
	    background-color: #c7c7c7;
	    /* border-style: dotted; */
	    border-radius: 30px;
	    display: flex;
	    justify-content: center;
	    align-items: center;
   		display: -webkit-flex;
		-webkit-justify-content:center;
		-webkit-align-items:center;
}
	.circle-load div{
		width: 10px;
		height: 10px;
	    background-color: black;
	    border-radius: 5px;
	    border: 2px #909090 dotted;
		border-radius: 5px;
	}

@keyframes wait{
	
	0%{
		transform: rotate(00deg);
	}

	100%{
		transform: rotate(360deg);
	}

}


.info-mensaje{
	/*display: none;*/
    margin: auto;
    position: relative;
    top: 45%;
    text-align: center;
    color: #a2a2a2;
    display: flex;
    flex-direction: column;
	display: -webkit-flex;
	-webkit-flex-direction:column;
}
	.info-mensaje i{
		font-size: 70px;
	}
	.info-mensaje label{
		font-weight: 600;
	}