.swal2-container.swal2-shown {

	z-index: 100000

}



.MaskFondo {

	background-image: url(../../vistas/img/nosotros.png);

	background-position: center;

	background-size: cover

}



.Mask {

	min-height: 126px

}



.Header-text {

	height: 44px;

	font-size: 23px;

	font-weight: 500;

	font-style: italic;

	font-stretch: normal;

	line-height: 1.26;

	letter-spacing: 0.6px;

	text-align: center;

	color: #ffffff

}



main {

	background-color: white;

	min-height: 200px

}



.colBarra {

	text-align: center;

	padding: 10px

}



i.fas {

	display: inline-block;

	border-radius: 60px;

	border: solid 1px #e6e6e6;

	padding: 0.5em 0.6em;

	height: 50px;

	line-height: 35px;

	width: 50px;

	color: #9b9b9b

}



.colBarra > span {

	font-size: 14px;

	position: relative;

	top: 10px;

	font-weight: 500;

	font-style: normal;

	font-stretch: normal;

	line-height: 1.43;

	letter-spacing: normal;

	text-align: center;

	color: #9b9b9b

}



.colBarra.active > span {

	color: #077ed0

}



.colBarra.active > i.fas {

	background-color: #077ed0;

	color: white

}



.circlebarra {

	border: solid 1px #e6e6e6;

	border-radius: 60px;

	height: 15px;

	width: 15px;

	position: relative;

	top: 27px

}



.colCirculo.active > .circlebarra {

	background-color: #077ed0

}



.onClickBorrarCodigo {

	cursor: pointer;

	font-weight: 500

}



.onClickBorrarCodigo:hover {

	font-weight: 900

}



table.productosT > thead > tr {

	font-size: 14px;

	font-weight: normal;

	font-style: normal;

	font-stretch: normal;

	line-height: 1.43;

	letter-spacing: normal;

	text-align: center;

	color: #9b9b9b

}



table.productosT > tbody > tr {

	font-size: 16px;

	font-weight: normal;

	font-style: normal;

	font-stretch: normal;

	letter-spacing: normal;

	text-align: center;

	color: #000

}



table.productosT > thead > th {

	line-height: 21px

}



.imagenesTabla {

	width: 87px;

	height: 87px;

	border: solid 1px #d9d9d9

}



.celdaDescriptiva {

	vertical-align: middle !important;

	text-align: left;

	font-size: 12px;

	font-style: normal;

	font-stretch: normal;

	line-height: 1.43;

	letter-spacing: normal;

	color: #000000

}



.descSpanDesc {

	font-size: 14px

}



.celdaNumericoCarrito,

.celdaSubtotal,

.celdaQuitar {

	vertical-align: middle !important

}



.celdaQuitar>i {

	cursor: pointer;

	border: solid 0px #e6e6e6

}



.celdaQuitar>i:hover {

	color: #000

}



.numericoCarrito {

	padding-left: 18px;

	width: 70px;

	height: 48px;

	border-radius: 5px;

	box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5);

	border: solid 1px #d9d9d9;

	background-color: #ffffff

}



.tfootNumericoCarrito,

.tfootSubtotal,

.tfootQuitar {

	vertical-align: middle !important;

	text-align: center

}



table.productosT > tfoot  th,

table.productosT > tfoot  td {

	border-top: 0px solid #dee2e6

}



table.productosT > tfoot > tr:nth-child(1) > th {

	border-top: 1px solid #dee2e6 !important

}



.ocultableRepetible {

	display: none

}



.codDescDesc {

	font-size: 16px;

	font-weight: 500;

	font-style: normal;

	font-stretch: normal;

	line-height: 1.25;

	letter-spacing: normal;

	text-align: center;

	color: #9b9b9b

}



.inputCodigoDescu,

.inputCodigoDescu2 {

	width: 146px;

	height: 47px;

	border-radius: 5px;

	box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.36);

	border: solid 1px #d9d9d9;

	background-color: #ffffff

}



.porcentajitoVerdeDesc {

	margin-right: 1.5rem !important;

	margin-left: 1.5rem !important;

	color: #51C15D;

	font-weight: 900;

	position: relative;

	top: -2px

}



.btnAgregarCodigoDescuento {

	width: 107px;

	height: 47px;

	border-radius: 5px;

	background-color: #848484;

	font-size: 16px;

	font-weight: 500;

	font-style: normal;

	font-stretch: normal;

	line-height: 1.25;

	letter-spacing: normal;

	text-align: center;

	color: #ffffff

}



.SubtotalCarritotablaD {

	font-size: 16px;

	font-weight: normal;

	font-style: normal;

	font-stretch: normal;

	line-height: 1.25;

	letter-spacing: normal;

	color: #9b9b9b

}



.totalesCarritoTablaD {

	font-size: 18px;

	font-weight: 500

}



.totalesCarriotMSCMXN {

	font-size: 16px;

	font-weight: 500;

	font-style: normal;

	font-stretch: normal;

	line-height: 1.25;

	letter-spacing: normal;

	text-align: right;

	color: #9b9b9b

}



.contenedorGrisChia {

	border-top: solid 1px #d9d9d9;

	padding-top: 10px;

}



.btSeguirComprando {

	width: 221px;

	height: 51px;

	border-radius: 4px;

	border: solid 2px #077ed0;

	font-size: 15px;

	font-weight: 500;

	font-style: normal;

	font-stretch: normal;

	line-height: 1.4;

	letter-spacing: normal;

	text-align: center;

	color: #077ed0;

	background-color: white

}



.btnProcesarPedido {

	width: 221px;

	height: 51px;

	border-radius: 4px;

	background-color: #077ed0;

	font-size: 15px;

	font-weight: 500;

	font-style: normal;

	font-stretch: normal;

	line-height: 1.4;

	letter-spacing: normal;

	text-align: center;

	color: #ffffff

}



.compraMinCarritoDesc {

	font-size: 18px;

	font-weight: normal;

	font-style: normal;

	font-stretch: normal;

	line-height: 1.11;

	letter-spacing: normal;

	text-align: center;

	line-height: 50px;

	color: #077ed0

}



.compraMinCarritoDescROW {

	border: solid 1px #d7ecf9;

	background-color: #f2faff;

	margin-top: 20px;

	height: 51px

}



.TipoDeTextoEncabezarTablaCarrito {

	font-size: 14px;

	font-weight: normal;

	font-style: normal;

	font-stretch: normal;

	line-height: 1.43;

	letter-spacing: normal;

	color: #9b9b9b;

	border-bottom: solid 1px #d9d9d9;

	padding-bottom: 10px

}



.spanEstiloTextoFormCarrito {

	font-size: 12px;

	font-weight: normal;

	font-style: normal;

	font-stretch: normal;

	line-height: 1.67;

	letter-spacing: normal;

	color: #9b9b9b

}



.formControlEstiloCajaCarrito {

	height: 48px;

	border-radius: 5px;

	box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5);

	border: solid 1px #d9d9d9;

	background-color: #ffffff

}



.imagenResumen {

	width: 87px;

	height: 87px;

	border: solid 1px #d9d9d9

}



.EstiloCarritoResumenDESCNombre {

	height: 45px;

	font-size: 12px;

	font-weight: 500;

	font-style: normal;

	font-stretch: normal;

	line-height: 1.25;

	letter-spacing: normal;

	color: #000000;

	overflow: hidden

}



.EstiloCarritoResumenSKU {

	font-weight: normal !important

}



.precioEstiloCarritoResumenDESCNombre {

	font-size: 16px;

	font-weight: normal;

	font-style: normal;

	font-stretch: normal;

	line-height: 1.25;

	letter-spacing: normal;

	color: #000000;

	position: relative;

	bottom: -20px

}



.cuadroGrisEstiloResumenCarrito {

	height: 51px;

	background-color: #fbfbfb;

	border-radius: 10px;

	margin-top: 10px

}



.estiloCarritoResumenTotalidades {

	font-size: 13px;

	font-weight: normal;

	font-style: normal;

	font-stretch: normal;

	line-height: 1.54;

	letter-spacing: normal;

	line-height: 50px;

	color: #a4a4a4

}



.estiloCarritoPreciosTotalidades {

	line-height: 50px;

	font-size: 13px;

	font-weight: normal;

	font-style: normal;

	font-stretch: normal;

	letter-spacing: normal;

	color: #000000

}



.estiloEspecialResumenTotalidadesTotal,

.estiloEspecialResumenTotalidadesPrecio,

.estiloEspecialResumenTotalidadesIVA {

	font-weight: normal;

	font-style: normal;

	font-stretch: normal;

	letter-spacing: normal;

	line-height: 50px

}



.estiloEspecialResumenTotalidadesTotal {

	font-size: 16px;

	color: #077ed0

}



.estiloEspecialResumenTotalidadesPrecio {

	font-size: 16px;

	color: #000000

}



.estiloEspecialResumenTotalidadesIVA {

	font-size: 10px;

	color: #9b9b9b

}



.estiloPaypalImagenFormaCarritoDesd {

	width: 139px

}



.cardCarritoTextoEstilo {

	font-size: 14px;

	font-weight: normal;

	font-style: normal;

	font-stretch: normal;

	line-height: 1.43;

	letter-spacing: normal;

	color: #212121

}



.btnPagoFormaEstiloCarrito {

	width: 221px;

	height: 51px;

	border-radius: 4px;

	background-color: #077ed0;

	font-size: 15px;

	font-weight: 500;

	font-style: normal;

	font-stretch: normal;

	line-height: 1.4;

	letter-spacing: normal;

	text-align: center;

	color: #ffffff

}



.btnPagoFormaEstiloCarritoOrden {

	border: solid 2px #077ed0;

	width: 221px;

	height: 51px;

	border-radius: 4px;

	background-color: #fff;

	font-size: 15px;

	font-weight: 500;

	font-style: normal;

	font-stretch: normal;

	line-height: 1.4;

	letter-spacing: normal;

	text-align: center;

	color: #077ed0

}



.cardCarritoTextoEstiloPeque {

	font-size: 12px;

	color: #9b9b9b

}



.noselect {

	-webkit-touch-callout: none;

	-webkit-user-select: none;

	-khtml-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none

}

.flechitaRotableChia.rotatedChia > i{

    transform: rotate(90deg);

}





@media (max-width:1200px) {

}



@media (max-width:992px) {

	.colBarra > span {

		font-size: 10px

	}



	i.fas {

		height: 32px;

		line-height: 16px;

		font-size: 13px;

		width: 32px

	}



	.colBarra > span {

		display: none

	}



	.circlebarra {

		height: 5px;

		width: 4px;

		top: 24px

	}



	.compraMinCarritoDesc {

		font-size: 12px

	}



	.compraMinCarritoDescROW {

		margin-right: 5px;

		margin-left: 5px

	}



	.btSeguirComprando {

		display: none;

	}



	.btnProcesarPedido {



		/*width: 119px;

		height: 34px;*/

		margin: 45px;

	}



	.numericoCarrito {

		font-size: 10px;

		padding-left: 4px;

		width: 51px;

		height: 31px;

		padding-left: 17px;

	}



	table.productosT > thead > tr {

		font-size: 9px;

	}



	.celdaDescriptiva {

		font-size: 14px;

		line-height: 1.43;

		letter-spacing: normal;

		color: #000000;

	}



	.celdaDescriptiva > .subtotalPreviw {

		font-size: 16px;

		line-height: 1.25;

		margin-top: 20px;

		margin-bottom: 20px;

		font-weight: 500;

	}



	.celdaDescriptiva > .d-lg-none > i {

		width: 17px;

		height: 21px;

		font-size: 21px;

		text-align: center;

		color: #9b9b9b;

		border: solid 1px #e6e6e600;

		top: -13px;

		right: -36px;

		position: relative;

	}



	.celdaDescriptiva > .d-lg-none > span {

		font-size: 14px;

		line-height: 1.43;

		letter-spacing: normal;

		text-align: center;

		color: #9b9b9b;

		position: relative;

		top: -16px;

		right: -35px;

	}



	.celdaDescriptiva > .d-lg-none {

		cursor: pointer;

	}



	.codDescDesc {

		padding-right: 0px !important;

		font-size: 14px;

		margin-bottom: 10px;

	}



	.imagenesTabla {

		width: 67px;

		height: 67px;

	}



	.productosT  > thead > tr > th:nth-child(2) {

		width: 68vw !important;

	}



	.btnAgregarCodigoDescuento {

		width: 94px;

	}



	.inputCodigoDescu,

	.inputCodigoDescu2,

	.btnAgregarCodigoDescuento {

		height: 40px;

		margin-top: 10px

	}



	.btnAgregarCodigoDescuento {

		position: relative;

		top: -6px;

	}



	.TipoDeTextoEncabezarTablaCarrito {

		border-bottom: solid 0px #d9d9d9;

	}



	.resumenChia {

		    padding-top: 18px;

		padding-left: 0px !important;

		background-color: #f4f4f4;

	}



	.resumenChia > .container {

		padding-left: 0px !important;

	}



.flechitaRotableChia{cursor: pointer;}

	.flechitaRotableChia > i {

		font-size: 15px;

		border: solid 1px #e6e6e600 !important;

		position: relative;

		top: -8px;

		left: 16px;

		color: #077ed0;

	}



	.contenedorGrisChia {

		border-top: solid 1px #d9d9d900;

	}

	.cuadroGrisEstiloResumenCarrito {

		padding-left: 15px;

    background-color: #fbfbfb00;}

    .estiloEspecialResumenTotalidadesIVA {display: none;

}



.imagenResumen {

   position: relative;

   left: 15px;

}



}



@media (max-width:768px) {

}



@media (max-width:576px) {

}