@import url('/include/colors.css');
	@import url('https://fonts.googleapis.com/css2?family=Maven+Pro:wght@400;700&display=swap');
	
	*:not(.fa-whatsapp){ box-sizing: border-box; }
	*:disabled{ cursor: not-allowed; }

	html{ scroll-behavior: smooth; height: 100%; }

	body{
	font-family: "Maven Pro", sans-serif;
	font-size: 18px;
	cursor: auto;
	margin: 0;
	background: var(--light-color);
	color: var(--black-color);
	height: 100%;
	}
	
	.fas:not(.btnUserSearch):not(.starRating):not(.iconInButton):not(.boxSellerSummary i):not(.eyePass):not(.closeModal):not(.iconHeader), .far, .fab{
	font-size: 30px;
	width: 30px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	margin: 5px 10px;
	}
	.fas:hover:not(.faNotHover):not(button .fas):not(button .far):not(button .fab), .far:hover, .fab:hover{
	cursor: pointer;
	opacity: 0.7;
	}
	
	.fa-whatsapp{
	margin: auto;
	color: #fff;
	border-radius: 50%;
	padding: 20px;
	font-size: 30px;
	width: 30px;
	text-decoration: none;
	background: #25D366;
	color: #fff;
	}
	
	.iconInButton{
	font-size: 24px;
	width: 30px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	margin: 5px 10px;
	}
	
	button{
	font-size: 18px;
	cursor: pointer;
	border: none;
	transition: 0.2s;
	}
	button:hover{ background-color: var(--normal-color); color: var(--black-color); }
	
	.buttonBig{
	width: 100%;
	min-height: 50px;
	background-color: var(--dark-color);
	color: #fff;
	margin: 2px;
	border-radius: 5px;
	}
	
	.buttonTwo{
	width: 45%;
	min-height: 40px;
	background-color: var(--dark-color);
	color: #fff;
	position: relative;
	border-radius: 5px;
	}
	.buttonThree{
	width: 30%;
	min-height: 40px;
	background-color: var(--dark-color);
	color: #fff;
	position: relative;
	border-radius: 5px;
	}
	.buttonTwo.buttonTwoActive:before, .buttonThree.buttonThreeActive:before{ border-color: var(--dark-color) transparent transparent transparent; }
	.buttonTwo:before, .buttonThree:before{
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	width: 0;
	height: 0;
	bottom: -8px;
	margin: 0 auto;
	border-style: solid;
	border-width: 8px 10px 0 10px;
	border-color: transparent transparent transparent transparent;
	}
	.buttonTwo.buttonTwoActive:hover:before, .buttonThree.buttonThreeActive:hover:before{ border-color: var(--normal-color) transparent transparent transparent; }
	
	.buttonPeqSeller{
	font-size: 18px;
	width: 60%;
	min-height: 40px;
	background-color: var(--dark-color);
	border: 2px solid var(--normal-color);
	color: #fff;
	border-radius: 5px;
	}
	
	.btnOnlyIcon{
	width: 10%;
	padding: 5px;
	background: transparent;
	color: var(--black-color);
	font-size: 20px;
	border: none;
	}
	
	.buttonAddCart{
	width: 90%;
	min-height: 40px;
	background-color: var(--dark-color);
	color: #fff;
	border-radius: 5px;
	position: absolute;
	bottom: 10px;
	display: none;
	}
	
	.buttonNormal{
	width: 90%;
	min-height: 40px;
	background-color: var(--dark-color);
	color: #fff;
	border-radius: 5px;
	font-size: 15px;
	}
	.buttonNormalResponsive{ width: 48%;margin: 5px; }
	.buttonNormal80{ width: 80%; }
	
	.notAvailableRed{ background-color: #ed3237; }
	
	hr{
	border: 1px solid var(--dark-color);
	border-radius: 5px;
	}
	
	.header{
	overflow: hidden;
	background-color: var(--dark-color);
	padding-bottom: 12px;
	padding-top: 12px;
	text-align: center;
	}
	.footer{
	overflow: hidden;
	background-color: var(--dark-color);
	color: var(--light-color);
	padding: 12px 50px;
	text-align: left;
	font-size: 16px;
	width: 100%;
	}
	.footer div:not(.flex){ width: 20%; }
	.footer a:not(.fas):not(.fab){
	text-decoration: none;
	color: var(--light-color);
	font-size: 14px;
	}
	.footerSocialMedia{
	text-decoration: none;
	color: var(--light-color);
	}
	.footerSocialMedia:hover{ opacity: 0.6; }
	
	.divIconHeader{
	width: 20%;
	margin: auto;
	display: inline-block;
	cursor: pointer;
	}
	.divIconHeader30{ width: 30%; }
	.captionIconHeader{
	font-size: 14px;
	margin-top: 0;
	user-select: none;
	}
	.iconHeader{
	font-size: 30px;
	width: 30px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	margin: 5px 10px;
	}
	
	.headerDot{
	border-radius: 50%;
	position: absolute;
	top: -17px;
	right: -17px;
	font-size: 14px;
	padding: 3px 6px;
	font-family: Maven Pro, sans-serif;
	color: var(--black-color);
	background-color: #fff;
	border: 1px solid var(--dark-color);
	}

	.column1{
	float: left;
	width: 20%;
	}
	.column2{
	float: left;
	width: 60%;
	}
	.column3{
	float: left;
	width: 50%;
	}
	.column4{
	float: left;
	width: 40%;
	}
	.column5{
	float: left;
	width: 80%;
	}
	.column6{
	float: left;
	width: 10%;
	}
	.column7{
	float: left;
	width: 30%;
	}
	.column8{
	float: left;
	width: 70%;
	}
	
	.column1R{
	float: left;
	width: 20%;
	}
	.column2R{
	float: left;
	width: 60%;
	}
	.column3R{
	float: left;
	width: 50%;
	}
	.column4R{
	float: left;
	width: 40%;
	}
	.column5R{
	float: left;
	width: 80%;
	}
	.column6R{
	float: left;
	width: 10%;
	}
	.column7R{
	float: left;
	width: 30%;
	}
	.column8R{
	float: left;
	width: 70%;
	}
	
	.row:after{
	content: "";
	display: table;
	clear: both;
	margin: auto;
	}

	.headerLogo{
	width: 35%;
	height: auto;
	margin: auto;
	padding-top: 10px;
	}

	.inputSearch{
	padding: 12px 20px 12px;
	border: 1px solid #ddd;
	width: 90%;
	float: left;
	border-radius: 5px 0px 0px 5px;
	}
	input[type=file]{ border: 2px dashed var(--black-color); }
	.inputButtonPeqSeller{ width: 60%; }
	
	.newProductImages{ width: 100%; }

	.btnSearch{
	display: block;
	width: 10%;
	padding: 10px;
	background: var(--normal-color);
	color: var(--black-color);
	font-size: 17px;
	border: 1px solid var(--normal-color);
	border-left: none;
	cursor: pointer;
	border-radius: 0px 5px 5px 0px;
	}
	.btnSearch:hover{ background: var(--light-color); }
	.btnSearchHome{
	background: var(--dark-color);
	color: #fff;
	}

	.searchContainer{
	padding-top: 30px;
	text-align: center;
	}
	.searchContainerSeller{
	padding-top: 0;
	text-align: center;
	}

	.menuContent{
	display: none;
	position: absolute;
	background-color: var(--light-color);
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	z-index: 2;
	text-align: left;
	}
	.menuContentShow{ display: block; }
	.categoriesA{
	color: var(--black-color);
	padding: 12px 16px;
	text-decoration: none;
	display: block;
	cursor: pointer;
	}
	.categoriesA:hover, .sellerFilters:hover{ background-color: var(--normal-color); }
	@media screen and (min-width: 801px){ .divIconHeaderCategories:hover .menuContent{ display: block; }}
	
	.sellerFilters{
	color: var(--black-color);
	padding: 12px 16px;
	text-decoration: none;
	cursor: pointer;
	}
	
	.prevSlider, .nextSlider{
	cursor: pointer;
	position: absolute;
	top: 50%;
	padding: 8px;
	color: var(--black-color);
	font-weight: bold;
	transition: 0.3s;
	border-radius: 0 3px 3px 0;
	user-select: none;
	background-color: var(--light-color);
	}
	.nextSlider{
	right: 0;
	border-radius: 3px 0 0 3px;
	}
	.prevSlider:hover, .nextSlider:hover{
	background-color: var(--dark-color);
	color: #fff;
	}
	
	.slideshow-container{
	position: relative;
	margin: auto;
	}
	.fade{
	-webkit-animation-name: fade;
	-webkit-animation-duration: 1s;
	animation-name: fade;
	animation-duration: 1s;
	}
	@-webkit-keyframes fade{
	from{
	opacity: 0.4;
	}
	to{
	opacity: 1;
	}}
	@keyframes fade{
	from{
	opacity: 0.4;
	}
	to{
	opacity: 1;
	}}

	.cuadroDestacadas{
	display: block;
	text-align: center;
	width: 190px;
	min-height: 190px;
	background-color: transparent;
	filter: drop-shadow(2px 2px 10px var(--dark-color));
	cursor: pointer;
	margin: auto;
	margin-bottom: 30px;
	background-size: cover;
	}

	.flex{
	display: flex;
	flex-flow: row wrap;
	align-items: stretch;
	justify-content: space-around;
	}

	.modal{
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0, 0, 0, 0.4);
	z-index: 4;
	}
	.modal-content{
	background-color: var(--light-color);
	margin: 5% auto;
	padding: 20px;
	border: 1px solid #888;
	width: 60%;
	-webkit-animation: slideInModal 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
	animation: slideInModal 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
	}
	#imagenModal{ max-width: 80%; }
	.closeModal{
	color: var(--dark-color);
	position: absolute;
	font-size: 20px;
	right: 20px;
	}
	@-webkit-keyframes slideInModal{
	0%{
	-webkit-transform: translateY(-1000px);
	transform: translateY(-1000px);
	opacity: 0;
	}
	100%{
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	}}
	@keyframes slideInModal{
	0%{
	-webkit-transform: translateY(-1000px);
	transform: translateY(-1000px);
	opacity: 0;
	}
	100%{
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	}}
	.modal button:hover{
	background-color: var(--normal-color);
	color: var(--black-color);
	cursor: pointer;
	}
	
	.imgBigContainer{
	position: relative;
	text-align: center;
	width: 80%;
	float: right;
	}
	
	.productBox{
	width: 80%;
	background-color: #fff;
	border: 1px solid var(--normal-color);
	border-radius: 5px;
	margin: auto;
	padding: 10px;
	}
	
	.productImgs{
	width: 20%;
	float: left;
	}
	
	.productImgs div{
	width: 100%;
	border: 1px solid var(--normal-color);
	border-radius: 5px;
	cursor: pointer;
	margin-bottom: 5px;
	}
	
	.productImgs img{ width: 100%; height: auto; border-radius: 5px; }
	
	.divCostosEnvio{
	border: 1px dashed var(--dark-color);
	border-radius: 5px;
	padding: 5px;
	}
	
	.detallesProducto{
	margin-left: 20px;
	margin-bottom: 20px;
	}
	
	.fadeEnter{
	-webkit-animation: fade-in 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
	animation: fade-in 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
	}
	@-webkit-keyframes fade-in{
	0%{
	opacity: 0;
	}
	100%{
	opacity: 1;
	}}
	@keyframes fade-in{
	0%{
	opacity: 0;
	}
	100%{
	opacity: 1;
	}}
	
	select{
	padding: 8px 5px 8px;
	border: 1px solid #ddd;
	margin-bottom: 12px;
	border-radius: 5px;
	}
	input{
	padding: 12px 20px 12px;
	border: 1px solid #ddd;
	margin-bottom: 12px;
	border-radius: 5px;
	}
	
	.inputFiltro{
	padding: 8px 5px 8px;
	border: 1px solid #ddd;
	margin-bottom: 12px;
	border-radius: 5px;
	width: 30%;
	}

	.filterBtn{
	border: none;
	background-color: transparent;
	padding: 0;
	margin: 0;
	width: 20%;
	}
	
	.pageProduct{
	width: 80%;
	padding: 10px;
	margin: auto;
	}

	.resultsProductBox{
	position: relative;
	border: 1px solid var(--normal-color);
	border-radius: 5px;
	padding: 10px;
	background-color: #fff;
	text-align: left;
	margin-bottom: 20px;
	color: var(--black-color);
	text-decoration: none;
	transition: 0.2s;
	width: 15%;
	}
	.resultsProductBox21{ width: 21%; }
	.resultsProductBox img{
	width: 100%;
	height: auto;
	margin: auto;
	overflow: hidden;
	}
	.resultsProductBox h4{ font-weight: normal; margin-bottom: 2px; }
	.resultsProductBox h3{ margin-top: 2px; }
	.resultsProductBox:hover{ box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); }
	.productBoxInfo{ overflow: hidden; } 
	
	.divFiltros{
	margin-top: 20px;
	width: 100%;
	margin: auto;
	}
	
	.divSellerProfile{
	margin-top: 20px;
	width: 80%;
	background-color: #fff;
	border: 1px solid var(--normal-color);
	border-radius: 5px;
	text-align: center;
	padding: 10px;
	}
	.divSellerProfile img{
	width: 60%;
	border-radius: 100%;
	border: 2px solid var(--normal-color);
	}
	
	.columnSellerLeft{
	height: 100%;
	background-color: var(--normal-color);
	padding: 20px;
	top: 0;
	overflow: auto;
	}
	.columnSellerLeft a{
	text-decoration: none;
	color: var(--black-color);
	}
	.columnSellerLeft a:hover{ opacity: 0.7; }

	.boxSellerSummary{
	background-color: #fff;
	border: 1px solid var(--normal-color);
	border-radius: 5px;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	width: 30%;
	margin: auto;
	margin-top: 10px;
	padding: 10px;
	min-height: 150px;
	}
	.boxSellerSummary .boxSInfo{
	position: relative;
	text-align: right;
	}
	.boxSellerSummary i{
	opacity: 0.4;
	color: var(--dark-color);
	cursor: auto;
	font-size: 80px;
	position: absolute;
	margin-top: 15px;
	}
	
	.vendorCharts{
	width: 100%;
	margin: auto;
	border-radius: 5px;
	margin-top: 10px;
	}
	.marginTop0{ margin-top: 0;border-radius: 0px 0px 5px 5px; }
	.marginTop40{ margin-top: 40px; }
	
	.sellerProductsTable{
	width: 80%;
	border: 1px solid var(--normal-color);
	margin: auto;
	background-color: #fff;
	padding: 10px;
	}
	.sellerProductsTable img, .imgBox{
	width: 100%;
	border: 1px solid var(--normal-color);
	border-radius: 5px;
	padding: 2px;
	padding: 0;
	}
	.sellerProductsTable .sellerProdTable3 h4{
	font-weight: normal;
	margin-top: 18px;
	}
	
	.sellerOrdersMobileChevron{ display: none;text-align: center; }
	.sellerProductsTable .sellerProdTable4 i{ margin-top: 32px; }
	
	.addressesBox{
	width: 30%;
	border: 3px solid var(--dark-color);
	border-radius: 5px;
	padding: 10px;
	margin: auto;
	margin-top: 10px;
	background-color: #fff;
	}
	.addressesBox30{ width: 30%; }
	.paymentBox{
	width: 45%;
	border-radius: 5px;
	padding: 10px;
	margin: auto;
	margin-top: 10px;
	}
	
	.newProductBox{
	width: 80%;
	border: 1px solid var(--dark-color);
	background-color: #fff;
	border-radius: 0 0 5px 5px;
	margin: auto;
	}
	.newProductBoxPadding{ padding: 10px; }
	.newProductBoxBorder{ border-radius: 5px; }
	
	.rowCategoriesSel{
	max-height: 500px;
	overflow: auto;
	padding: 0 15px;
	}
	.rowCategoriesSel a{ cursor: pointer; color: var(--black-color); text-decoration: none; }
	
	.newProductImageBox{
	border: 1px solid var(--dark-color);
	border-radius: 5px;
	width: 30%;
	padding: 5px;
	text-align: center;
	position: relative;
	margin: auto;
	margin-top: 10px;
	}
	.newProductImageBox img{
	width: 90%;
	border-radius: 5px;
	}
	
	.newProductImgsSelBox{
	width: 30%;
	margin: auto;
	}
	
	.progressBar{
	width: 100%;
	background-color: var(--light-color);
	margin-bottom: 10px;
	}
	.progressBarContent{
	padding-top: 4px;
	padding-bottom: 4px;
	background-color: var(--dark-color);
	}
	
	.alert{
	display: none;
	padding: 20px;
	background-color: #f44336;
	color: #fff;
	}
	.alert2{
	display: none;
	padding: 20px;
	background-color: #4caf50;
	color: #fff;
	}
	.alert3{
	display: none;
	padding: 20px;
	background-color: #0d8bf2;
	color: #fff;
	}
	.cartAlert{
	display: none;
	padding: 5px;
	background-color: rgba(13, 139, 242, 0.5);
	color: #fff;
	border-radius: 5px;
	text-align: center;
	margin: 10px 0;
	}
	.closebtnAl{
	margin-left: 15px;
	color: #fff;
	font-weight: bold;
	float: right;
	font-size: 22px;
	line-height: 20px;
	cursor: pointer;
	transition: 0.3s;
	}
	.closebtnAl:hover{ color: var(--black-color); }
	
	.eyePass{
	position: absolute;
	right: 0;
	top: 22px;
	padding: 10px;
	font-size: 18px;
	}
	
	.fade{
	-webkit-animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	}
	@-webkit-keyframes fade-in{
	0%{
	opacity: 0;
	}
	100%{
	opacity: 1;
	}}
	@keyframes fade-in{
	0%{
	opacity: 0;
	}
	100%{
	opacity: 1;
	}}
	
	.snackbar{
	min-width: 250px;
	color: #fff;
	text-align: center;
	border-radius: 2px;
	padding: 16px;
	position: fixed;
	z-index: 999;
	right: 5%;
	bottom: 0px;
	font-size: 15px;
	box-shadow: 2px 2px 13px #bbbaba;
	bottom: 30px;
	-webkit-animation: slide-in-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	animation: slide-in-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	}
	.snGreen{ background-color: #339a37; }
	.snRed{ background-color: #cc0000; }
	@-webkit-keyframes slide-in-right{
	0%{
	-webkit-transform: translateX(1000px);
	transform: translateX(1000px);
	opacity: 0;
	}
	100%{
	-webkit-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
	}}
	@keyframes slide-in-right{
	0%{
	-webkit-transform: translateX(1000px);
	transform: translateX(1000px);
	opacity: 0;
	}
	100%{
	-webkit-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
	}}
	.snackBarHide{
	-webkit-animation: slide-out-right 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
	animation: slide-out-right 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
	}
	@-webkit-keyframes slide-out-right{
	0%{
	-webkit-transform: translateX(0);
	transform: translateX(0);
    opacity: 1;
	}
	100%{
	-webkit-transform: translateX(1000px);
	transform: translateX(1000px);
	opacity: 0;
	}}
	@keyframes slide-out-right{
	0%{
	-webkit-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
	}
	100%{
	-webkit-transform: translateX(1000px);
	transform: translateX(1000px);
	opacity: 0;
	}}
	
	.aButtonSnack{
    color: #fff;
    text-decoration: none;
    border: 1px solid var(--light-color);
    border-radius: 5px;
    padding: 5px;
    margin-left: 5px;
    transition: 0.2s;
    }
	.aButtonSnack:hover{ background-color: var(--dark-color); }
	
	.productsCart{
	width: 95%;
	background-color: #fff;
	border: 1px solid var(--normal-color);
	border-radius: 5px;
	padding: 10px;
	}
	.productsCartRight{ margin-right: auto; }
	.productsCartLeft{ margin-left: auto; }
	
	.imgCart{
	border: 1px solid var(--normal-color);
	border-radius: 5px;
	margin: auto;
	}
	.imgCart img{
	width: 100%;
	height: auto;
	border-radius: 5px;
	}
	
	.tableCart{
	width: 100%;
	border-collapse: collapse;
	}
	.tableCart td{
	border-bottom: 1px solid var(--dark-color);
	padding: 10px;
	word-break: break-word;
	}
	
	.alignLeft{ text-align: left; }
	.alignRight{ text-align: right; }
	#showMenuBars{ display: none; }
	
	.orderDetailsMobile{ display: none; }
	.orderDetailsPC{ display: block; }
	
	.starRating{
	padding: 0;
	margin: 0;
	font-size: 18px;
	vertical-align: middle;
	cursor: auto;
	color: #A9ABAE;
	}
	.starChecked{ color: #ffa500 }
	
	.ratingImage{
	max-width: 80%;
	border-radius: 5px;
	margin-top: 50%;
	}
	
	#overlay{
	position: fixed;
	display: none;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.5);
	z-index: 2;
	cursor: wait;
	text-align: center;
	color: #fff;
	}
	
	.columnStarsLeft{ text-align: center; border-right: 2px solid var(--dark-color); }
	.columnStarsRight{ padding-left: 10px; }
	
	.selectAttributes{ width: 100%; padding: 15px 5px 15px; }
	
	.transDetailsRow{ padding: 0 10px; }
	.transDetailsRow p span{ float: right; word-break: break-word; }
	
	.imgProcessing{ width: 60%; margin: auto; }
	
	.rowCart{
	display: flex;
	flex-wrap: wrap;
	}
	
	.imgThanksPurchase{ max-width: 10%; }
	
	.boxAdminImgs{
	width: 22%;
	border: 2px solid var(--black-color);
	border-radius: 5px;
	text-align: center;
	padding: 10px;
	margin-top: 10px;
	}
	
	.containerCheckbox{
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	}
	.containerCheckbox input{
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
	}
	.checkmark{
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #eee;
	}
	.containerCheckbox:hover input ~ .checkmark{ background-color: #ccc; }
	.containerCheckbox input:checked ~ .checkmark{ background-color: var(--dark-color); }
	.checkmark:after{
	content: "";
	position: absolute;
	display: none;
	}
	.containerCheckbox input:checked ~ .checkmark:after{ display: block; }
	.containerCheckbox .checkmark:after{
	left: 9px;
	top: 5px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	}
	
	.boxAdminInfo{
	width: 30%;
	border: 2px solid var(--normal-color);
	background-color: #fff;
	border-radius: 5px;
	text-align: center;
	padding: 30px;
	margin-top: 10px;
	text-decoration: none;
	color: var(--black-color);
	}
	
	.loginContainer{
	display: table;
	width: 100%;
	}
	.loginColumn{
	width: 50%;
	display: table-cell;
	padding: 16px;
	background-color: var(--light-color);
	border-radius: 5px 0 0 5px;
	}
	.loginColumn2{
	width: 50%;
	display: table-cell;
	padding: 16px;
	text-align: center;
	}
	
	.columnUserStats{
	width: 50%;
	display: table-cell;
	padding-right: 10px;
	}
	.columnUserStats2{
	width: 50%;
	display: table-cell;
	padding-left: 10px;
	}
	
	.titleProduct{ word-break: break-word; }
	
	.paymentBoxSelected{ background-color: var(--light-color); }
	
	.headerColumn2:not(.menuContent), .headerColumn2 a:not(.menuContent a){ color: var(--dark-color); }
	
	.logoFooter{ width: 30%; }
	
	@media screen and (max-width: 850px){
	.inputSearch{ width: 80%;}
	.btnSearch{ width: 20%; }
	.searchContainer{ padding-top: 0; }
	.buttonBig{ width: 80%; }
	.buttonTwo, .buttonThree{ width: 80%;margin-bottom: 10px; }
	.column1R, .column2R, .column3R, .column4R, .column5R, .column6R, .column7R, .column8R{ width: 100%; }
	.productImgs{
	width: 100%;
	float: none;
	display: flex;
	flex-flow: row wrap;
	align-items: stretch;
	justify-content: center;
	}
	.productImgs div{ width: 20%; margin-left: 5px; }
	.imgBigContainer{ width: 100%; float: none; }
	.imgBigContainer img{ width: 100%; }
	#imagenModal{ width: 100%; }
	.modal-content{ width: 100%; }
	.pageProduct{ width: 100%; }
	.divFiltros{ margin-top: 0; }
	.columnSellerLeft{ display: none; }
	.boxSellerSummary{ width: 100%;min-height: 150px; }
	.sellerProductsTable .sellerProdTable1{ width: 30%; }
	.sellerProductsTable .sellerProdTable2{ width: 70%; }
	.sellerProductsTable .sellerProdTable3, .sellerProductsTable .sellerProdTable4{ width: 100%; }
	.sellerProductsTable .sellerProdTable4 i{ margin-top: 0; }
	.sellerProductsTable .sellerProdTable3 h4:first-child{ margin-bottom: 4px; }
	.sellerProductsTable .sellerProdTable3 h4{ margin-top: 4px; }
	.sellerOrdersMobile{ display: none; }
	.sellerOrdersMobileChevron{ display: block; }
	.buttonPeqSeller{ width: 100%; }
	.inputButtonPeqSeller{ width: 100%; }
	#filtrosSearch{ display: none; }
	.addressesBox, .addressesBox30, .paymentBox{ width: 90%; }
	.newProductImages{ width: 100%; }
	.newProductBox{ width: 100%;border-radius: 0; }
	.newProductImageBox{ width: 100%; }
	.newProductImageBox img{ width: 50%; }
	.newProductImgsSelBox{ width: 100%; }
	.imgCart{ width: 60%; }
	.cartProduct{ text-align: center; }
	.productsCart{ margin-top: 10px; }
	.productsCartRight, .productsCartLeft{ margin: auto; margin-top: 10px; }
	#showMenuBars{ display: block; }
	.orderDetailsMobile{ display: block; }
	.orderDetailsPC{ display: none; }
	.columnStarsLeft{ border-right: none; }
	.columnStarsRight{ padding-left: auto; margin-top: 20px; }
	.hrHide{ display: block; }
	.selectAttributes{ width: 100%; padding: 8px 5px 8px; }
	.resultsProductBox{ width: 100%; }
	.resultsProductBox21{ width: 48%; }
	.buttonNormalResponsive{ width: 98%; }
	.sellerFilters{ display: block;width: 100%; }
	.transDetailsRow:not(.transDetailsRowNotHover){ margin-top: 40px; }
	.rowCategoriesSel{ height: auto; }
	.borderTop{ border-top: 2px solid var(--dark-color); }
	.headerColumn1{ width: 100%; padding: 10px 10px 0; }
	.headerColumn2{
	position: fixed;
	bottom: 0px;
	z-index: 10;
	background-color: var(--dark-color);
	transition: 0.2s;
	width: 100%;
	padding-top: 15px;
	overflow: hidden;
	}
	.headerColumn2:not(.menuContent), .headerColumn2 a:not(.menuContent a){ color: #fff; }
	.iconHeader{ font-size: 24px; }
	.footer div:not(.flex){ width: 100%; margin-bottom: 15px; }
	.cuadroDestacadas{ width: 125px;min-height: 125px; }
	.ratingImage{ margin-top: auto; }
	.resultsProductBox21Home{ width: 48%; }
	.imgProcessing{ width: 100%; }
	.rowCart{ flex-direction: column-reverse; }
	.imgThanksPurchase{ max-width: 50%; }
	.boxAdminImgs{ width: 48%; }
	.boxAdminInfo{ width: 100%; }
	.loginContainer{ display: block; }
	.loginColumn, .loginColumn2{ width: 100%; display: block; }
	.columnUserStats, .columnUserStats2{ padding: 0; width: 100%; display: block; }
	.headerLogo{ padding-top: 0; width: 15%; }
	.divSellerProfile{ width: 100%; }
	.logoFooter{ width: 80%; }
	}