.paddingnone{
	padding-left: 0px !important;
	padding-right: 0px !important;
}
/*elementos que modifican las reglas de kendo y bootstrap*/
.sidebar-scrollarea{
	z-index: 100 !important;
}
/*reglas de diseño propias para elementos de grid*/
.style-button{
	font-family: calibri !important;
	color : #3E3D3D !important;
}
.producto{
	height:100px !important;
	width:200px !important;
	font-size:13pt;
}
tr td:first-child{
	width:150px !important;
}
.laboratorio{
	width:200px !important;
	font-size:11pt;
	font-style: italic;
}
.precio{
	width:150px !important;
	font-size:12pt;
	font-weight: bold !important;
}
.cantidad{
	width:120px;
}

.botonComprar{
	position: relative;
	float:right ; !important;
	margin-right: 10px;
}
.subtotal, .carsubtotal{
	font-size: 10pt;
	
}
.carsubtotal{
	color: #3772A4;
	cursor: pointer;
}
.estrellaFavorito{
	color:#FFBA25;
}
.eliminarCarrito{
	color:#FF7272;
}
.carritoCompra{
	color:#16B8D5 !important;
}
.check{
	color:#FB8050;
	cursor:pointer !important;
}
.addAll{
	opacity: .80;
	position: fixed !important;
	right: 10px;
	bottom: 50px;
	z-index: 100;
}

/*reglas de medias querys para responsividad del sitio*/
@media (min-width: 800px) { 
	.modal-xl{
		width:750px !important;
	}
}
@media (min-width: 900px) { 
	.modal-xl{
		width:850px !important;
	}
}
@media (min-width: 1000px) { 
	.modal-xl{
		width:1000px !important;
	}
}
@media (min-width: 1400px) { 
	.modal-xl{
		width:1200px !important;
	}
}
@media (min-width: 1024px) {
  	.padding-left-none{
		padding-left: 0px !important;
	}
	.dinamicMB{
		margin-bottom: 15px !important;
	}
}
@media (max-width: 1024px) {
  	.margin-bottom-10{
		margin-bottom: 15px !important;
	}
		.padding-bottom{
		padding-bottom: 15px !important;
	}
	.dinamicMB{
		margin-bottom: 0 !important;
	}
}



/*reglas a aplicar a los cuatros de direcciones*/

.direccion{
	border:2px solid #B1B1B1;
	background-color: #DDDADA;
	padding:10px;
	cursor: pointer;
	min-height:215px;
}
.direccion:hover{
	background-color: #BDBDBD;
}
.direccion:active{
	border:2px solid #565555 !important;
	background-color: #BDBDBD !important;
}
.margenInferior{
	margin-bottom: 10px !important;
}
.icono{
	color: #434242;
	font-size: 12pt !important;
}
.content{
	font-size: 12pt !important;
	color:#1D1D1D;
	font-family: calibri;
}
.options{
	width:100% !important;
	border-top: 1px solid #7F7E7E !important;
	border-bottom: none !important;
	margin-bottom: 5px !important;
}
.opciones{
	margin: 5px;
	font-size: 14pt !important;
	cursor: pointer;
}
.opciones:hover{
	color: #60B1E6;
}
.selected{
	background-color: #A6E7FC;
	border:2px solid #565555 !important;
}
.selected:hover{
	background-color: #A6E7FC !important;
	border:2px solid #565555 !important;
}
.relleno{
	height:400px;
}
.pendiente{
	color:#F76060 !important;
}
.margenright{
	margin-right: 15px !important;
}
#direcciones{
	display: flex;
	align-content: flex-start;
	flex-wrap: wrap;
}
.direccion{
	min-width: 260px;
}