bnmbertsurhetertertertertertertertpdf'tdfg

hjkhghopjkertteerterterterertertrtoirh bnmbertsurhetertertertertertertertpdf'tdfg

/*BROWSER*/
@media screen and (max-width: 700px) {
	.browser {
		display:none;
	}
}

/*MOBILE*/
@media screen and (min-width: 699px) {
	.mobile {
		display: none;
	}
}

:root {
	--testColor: #85a094;
	/*var(--testColor);*/
}

/*BODY*/
body {
	margin: 0;
	font-family: 'Quicksand', sans-serif;
	background-color: #eee;
	/*background-color: white;*/
}

main {
	background-color: #dbdbdb;
}

/*USER BAR*/
div.userbar {
	background-color: #85a094; /*background-color: #fac541; color 2021*/
	height: 26px;
	font-size: 13px;
	position: fixed;
	width: 100%;
	z-index: 999;
}

input.userbar-login {
	border-color: #cccccc;
 	border-radius: 2px;
 	border-style: none;
}

div.no-userbar {
	background-color: white;
	height: 27px;
}

span.userbar-icon {
	font-size: 16px;
}

.userbar-menu {
	color: black;
	text-decoration: none;
}
.userbar-menu:hover {
	color: #fcfeff;
}

#errorLog-Box {
	z-index: 998;
	position: absolute;
	float: right;
	background-color: red;
	opacity: 0.87;
	width: 250px;
	height: 80px;
	margin-left: 79.5%;
	margin-top: 2.5%;
	padding: 10px;
	border-radius: 5px;
	color: white;
	display: block;
}

#atention-Box {
	z-index: 998;
	position: absolute;
	float: right;
	background-color: #FF9800;
	opacity: 0.93;
	width: 350px;
	height: 140px;
	margin-left: 72%;
	margin-top: 2.5%;
	padding: 10px;
	border-radius: 5px;
	color: black;
	display: block;
}

#errorLabel {
	font-size: 20px;
	color: white;
	font-weight: bold;
}

#seIcon {
	font-size: 20px;
	color: white;
}

.btn-login {
	background-color: #FFC107;/*#1976D2;*/ /*#44c767*/
	border-radius: 3px;
	border-style: none;
	cursor: pointer;
	color: #ffffff;
	/*padding: 3px 5px 3px 5px;
	padding: 2px 2px;*/
	text-decoration: none;
}
.btn-login:hover {
	background-color: #FFEB3B;/*#2196F3;*/ /*#5cbf2a;*/
}
.btn-login:active {
	/*position:relative;
	top:1px;*/
}

/*USER BAR*/
.mini-search {
	background-color: red;
	width: 100%;
	/*height: 32px;*/
	/*font-size: 13px;*/
	/*position: fixed;*/
	/*width: 100%;*/
	/*margin-top: 32px;*/
	/*z-index: 1001;*/
}
.ms-hide {
    /*opacity:0;*/
    display: none;
    transition: 0.4s;
}
.ms-show {
    /*opacity:1;*/
    display: inline-block;
    transition: 0.4s;
}

.mini-sb {
	border: none;
	border-radius: 5px;
}
.btn-mini-sb {
	border: none;
	border-radius: 30px;
	cursor: pointer;
}

/*HEADER*/
header {
	background-color: #47996b;/*#769e51;*/ /*background-color: #FFEB3B; color 2021*/
	height: 50px;
}

.logo img {
	max-width: auto;
}

/*UNDER MENU*/
.under-menu-1 {
	background-color: #373948;
	height: 8px; /*height: 22px;*/
	font-weight: bold;
}
.under-menu-2 {
	height: 3px; /*height: 3px;*/
	background-color: #949398;
}

/*SEARCH BAR*/
.search-bar {
	border: none;
	border-radius: 20px;
	width: 100%;
	height: 40px;
	margin-top: 4px;
	font-size: 16px;
}

.btn-search-bar {
	border: none;
	border-radius: 30px;
	height: 40px;
	width: 40px;
	margin-top: 5px;
	margin-left: 10px;
	cursor: pointer;
}

.btn-search-bar:hover {
	background-color: #F5F5F5;
}

/*MENU DESPLEGABLE*/
.accordion {
  background-color: #dbdbdb; /*background-color: #eee;*/
  color: #444;
  cursor: pointer;
  padding: 13px;
  width: 100%;
  text-align: left;
  font-size: 16px;
  font-weight: bold;
  border: none;
  outline: none;
  transition: 0.4s;
  font-family: Quicksand;
}

.accordion2 {
  background-color: #dbdbdb;
  color: #444;
  padding: 13px;
  width: 100%;
  text-align: left;
  font-size: 20px;
  font-weight: bold;
  /*border: none;*/
  outline: none;
  transition: 0.4s;
  border-width: 1px;
  border-color: #f7f7f7;
  border-left: none;
  border-top: none;
  border-right: none;
  font-family: Quicksand;
}

.active, .accordion:hover {
  background-color: #ccc;
}

.accordion:after {
  content: '\2771'; /* Unicode character for "plus" sign (+) '\02795';*/
  /*font-size: 13px;*/
  color: #777;
  float: left;
  margin-left: 2px;
  margin-right: 6px;
}

.active:after {
  content: "\2771"; /* Unicode character for "minus" sign (-) "\2796";\2B9F*/
  transform: rotate(90deg);
}

.panel {
  padding: 0 12px; /*padding: 0 18px;*/
  background-color: #f7f7f7;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.panel2 {
  background-color: red;
}

/*SCROLL UP*/
.simplescrollup__button {
	position: fixed;
	bottom: 0.5rem;
	right: 0.5rem;
	transition: 1s all;
	z-index: 10000;
}
.simplescrollup__button--show {
	transform: translateX(0);
}
.simplescrollup__button--hide {
	transform: translateX(100px);
}

/*CAJA MENU*/
.caja-menu {
	width: 18%; /*width: 20%;*/
	float: left;
	background-color: #dbdbdb; /**/
	/*position: fixed;*/
	/*background-color: #eee;*/
}

.caja-menu-interior {
	display: inline-block;
	width: 100%;
}

.menulink {
	color: #373948;
	text-decoration: none;
	/*font-weight: bold;*/
}

.menulink:hover {
	color: #59b581;/*#769e51;*/
	cursor: pointer;
	text-decoration: none;
	font-weight: bold;
}

/*SOCIAL LINKS*/
.linkWA {
	color: #373948;
	text-decoration: none;
}
.linkWA:hover {
	color: #8BC34A;
	cursor: pointer;
	text-decoration: none;
	font-weight: bold;
}

.linkFB {
	color: #373948;
	text-decoration: none;
}
.linkFB:hover {
	color: #03A9F4;
	cursor: pointer;
	text-decoration: none;
	font-weight: bold;
}

.linkIG {
	color: #373948;
	text-decoration: none;
}
.linkIG:hover {
	color: #9C27B0;
	cursor: pointer;
	text-decoration: none;
	font-weight: bold;
}

.linkMail {
	color: #373948;
	text-decoration: none;
}
.linkMail:hover {
	color: #00BCD4;
	cursor: pointer;
	text-decoration: none;
	font-weight: bold;
}

.linkLocation {
	color: #373948;
	text-decoration: none;
}
.linkLocation:hover {
	color: #D32F2F;
	cursor: pointer;
	text-decoration: none;
	font-weight: bold;
}

/*SCROLL MENU DISPLAY*/
.smenu {
    position: fixed;
    left: 0;
    top: 26px;
    width: 18%; /*width: 20%;*/
    height: 95.9%; /*height: 95.9%;*/ /*69%*/
    /*border-top: 1px solid #000;*/
    /*background: red;*/
    z-index: 1;
    transition: all 1s;
    overflow: auto;
    /*background-color: red;*/
}
.hide {
    opacity:0;
    left:-100%;
}
.show {
    opacity:1;
    left:0;
}

/*ITEM DISPLAY MENU*/
.itemDisplay {
	width: 81%;
	margin-left: 9%;
	/*padding: 10px;*/
	color: white;
	background-color: #FFC107;/*#3F51B5;*/
	border-radius: 5px;
}

/*ITEM ARROWS*/
.arrowBox {
	float: left;
	margin-top: 20%;
	width: 5%;
	text-align: center;
}

/*SUB IMAGES BOX*/
.subImagesBox {
	float: left;
	margin-top: 11%; /*4%*/
	margin-left: 8px;
	padding: 1%;
	width: 5%;
	height: 20%;
	text-align: center;
	background-color: #eee;
	border-radius: 5px;
}
.subimg {
	width: 100%;
	border-radius: 5px;
	border: 0;
}

.thumbnails {
	overflow: hidden;
	margin: 1em 0;
	padding: 0;
	text-align: center;
}

.thumbnails li {
	display: inline-block;
	/*width: 140px;
	margin: 0 5px;
	*/
}

.thumbnails li a{
	border-radius: 5px;
}

.thumbnails img {
	display: block;
	min-width: 100%;
	max-width: 100%;
}

/*MAIN IMAGE BOX*/
.mainImageBox {
	float: left;
	margin: 20px 15px 5px 15px; /*top right bottom left*/
	width: 40%;
}

.mainIMG {
	width: 100%;
	border-radius: 3px;
	/*border-style: solid;*/
	border-color: #cdd1ce;
}

.infoBox {
	float: left;
	margin-top: 20px;
	width: 39%;
}

.btnAddtoCart {
	width: 50%;
	height: 34px;
	background-color: #FFC107;
	cursor: pointer;
	border: none;
	border-radius: 5px;
	font-size: 16px;
	font-weight: bold;
	font-family: 'Quicksand';
	color: #212121;
}
.btnAddtoCart:hover {
	background-color: #FFEB3B;
}

.btnCancelCoupon {
	width: 30%;
	height: 34px;
	background-color: #D32F2F;
	cursor: pointer;
	border: none;
	border-radius: 5px;
	font-size: 16px;
	font-weight: bold;
	font-family: 'Quicksand';
	color: white;
}
.btnCancelCoupon:hover {
	background-color: #F44336;
}

.relatedItems {
	float: left;
	width: 100%;
	height: 410px; /*350px*/
	text-align: center;
	overflow: hidden;
}

/*CAJA CONTENIDO*/
.caja-contenido {
	width: 80%;
	display: inline-block;
	padding: 1%;
	background-color: white;
}

/*FOOTER*/
footer {
	background-color: #47996b;/*#769e51;*/
	width: 100%;
	float: left;
}

.footerLeft {
	background-color: transparent;
	width: 50%;
	display: inline-block;
	float: left;
	padding: 5px;
}
.footerRight {
	background-color: transparent;
	width: 30%;
	display: inline-block;
	float: right;
	text-align: right;
	padding: 5px;
}

/*TITULOS*/
.caja-titulo {
	background-color: #eee;
	text-align: left;
	padding: 1%;
	font-size: 24px;
	font-weight: bold;
	border-radius: 5px;
}

.caja-subtitulo {
	font-size: 18px;
	font-weight: bold;
}

/*CAJA REGISTRO*/
.register-box {
	/*background-color: lightblue;*/
	width: 50%;
	display: inline-block;
	float: left;
}

.caja-registro {
	background-color: #eee;
	padding: 2%;
	width: 95%;
	margin-bottom: 1%;
	border-radius: 5px;
}

#mensaje {
	color: #303F9F;
	font-weight: bold;
}

.btn-enviar {
	width: 150px;
	font-size: 18px;
	font-weight: bold;
	background-color: #1976D2;
	padding: 20px;
	color: white;
	cursor: pointer;
	border: none;
	border-radius: 5px;
	font-family: Quicksand;
}

.btn-enviar:hover {
	background-color: #2196F3;
	/*color: black;*/
}

.btn-enviar:disabled {
	background-color: #9E9E9E;
	color: #616161;
	cursor: progress;
}

.apriv {
	color: black;
	text-decoration: none;
}
.apriv:hover {
	color: #85a094;
}

/*THUMBNAIL PRODUCTOS*/
.thumbnail {
	width: 175px;
	height: 235px;
	background-color: #e6e3e3;/*#ccd6d9;*//*#f5f5f5*//*#d7dee0*//*#94a9b3*//*#b8c9d1*//*#dae1e3*/
	margin-right: 20px; /*margin-right: 15px;*/
	margin-top: 15px;
	margin-bottom: 10px;
	padding: 10px;
	border-radius: 5px;
	float: left;
	box-shadow: 4px 4px 0px 0px #a3abad;
}

.imgThumbnail {
	width: 90%;
	border: 1px solid #e9e8ed;
	border-radius: 5px;
}
.imgThumbnail:hover {
	border: 1px solid #008357;
	/*width: 90%;*/
	/*border-radius: 5px;*/
}

.thumbnail_2 {
	float: left;
	background-color: #F5F5F5;
	width: 250px;
	height: 317px;
	border-radius: 3px;
	margin: 8px;
	margin-top: 15px;
	border: 1px solid #e9e8ed;
	overflow: hidden;
	/*padding: 4px;
	width: 175px;
	height: 235px;
	background-color: #e6e3e3;
	margin-right: 20px;
	margin-top: 15px;
	margin-bottom: 10px;
	padding: 10px;
	border-radius: 5px;
	float: left;
	box-shadow: 4px 4px 0px 0px #a3abad;*/
}
.thumbnail_2:hover {
	border: 1px solid #008357;
}
.imgThumbnail_2 {
	width: 99.5%;
	border: 1px solid #e9e8ed;
	/*border: 1px solid grey;*/
	/*width: 90%;
	border: 1px solid #e9e8ed;
	border-radius: 5px;*/
}
.imgThumbnail_2:hover {
	/*border: 1px solid #008357;*/
	/*width: 90%;*/
	/*border-radius: 5px;*/
}

.thumbnail_3s {
	float: left;
	background-color: #F5F5F5;
	width: 195px;
	height: 258px;
	border-radius: 3px;
	/*margin: 8px;*/
	margin-top: 7px;
	margin-bottom: 3px;
	border: 1px solid #e9e8ed;
	overflow: hidden;
	/*padding: 4px;
	width: 175px;
	height: 235px;
	background-color: #e6e3e3;
	margin-right: 20px;
	margin-top: 15px;
	margin-bottom: 10px;
	padding: 10px;
	border-radius: 5px;
	float: left;
	box-shadow: 4px 4px 0px 0px #a3abad;*/
}
.thumbnail_3s:hover {
	border: 1px solid #008357;
}
.imgThumbnail_3s {
	width: 99.5%;
	border: 1px solid #e9e8ed;
	/*border: 1px solid grey;*/
	/*width: 90%;
	border: 1px solid #e9e8ed;
	border-radius: 5px;*/
}
.imgThumbnail_3s:hover {
	/*border: 1px solid #008357;*/
	/*width: 90%;*/
	/*border-radius: 5px;*/
}

@media screen and (max-width: 699px) {
	.thumbnail_2 {
		float: left;
		background-color: none;
		width: 170px;
		height: 220px;
		border-radius: 3px;
		margin: 5px;
		margin-top: 10px;
		border: 1px solid #e9e8ed;
		overflow: hidden;
	}
}

/*TABLA CARRITO*/
table.tableCart {
  border: 0px solid #CFD8DC;
  background-color: #DEDEDE;
  width: 100%;
  text-align: right;
  border-collapse: collapse;
}
table.tableCart td, table.tableCart th {
  border: 0px solid #94A9B3;
  padding: 1px 1px;
}
table.tableCart tr:nth-child(even) {
  background: #E7E7E7;
}
table.tableCart thead {
  background: #414042;
}
table.tableCart thead th {
  font-weight: bold;
  color: #FFFFFF;
  text-align: right;
}
table.tableCart tfoot td {
  font-size: 14px;
}
table.tableCart tfoot .links {
  text-align: right;
}
table.tableCart tfoot .links a{
  display: inline-block;
  background: #1C6EA4;
  color: #FFFFFF;
  padding: 2px 8px;
  border-radius: 5px;
}

.btnPedido {
	background-color: #448AFF;
	color: white;
	text-decoration: none;
	cursor: pointer;
	border: none;
	border-radius: 3px;
	padding: 1%;
	margin: 5px;
	float: right;
	height: 80px;
	width: 80px;
}
.btnPedido:hover {
	background-color: #3F51B5;
}

.btnVaciar {
	background-color: #F44336;
	color: white;
	text-decoration: none;
	cursor: pointer;
	border: none;
	border-radius: 3px;
	padding: 1%;
	margin: 5px;
	float: right;
	height: 80px;
	width: 80px;
}
.btnVaciar:hover {
	background-color: #D32F2F;
}

.btnSave {
	background-color: #4CAF50;
	color: white;
	text-decoration: none;
	cursor: pointer;
	border: none;
	border-radius: 3px;
	padding: 1%;
	margin: 5px;
	float: right;
	height: 80px;
	width: 80px;
}
.btnSave:hover {
	background-color: #8BC34A;
}

.btnEditarCarrito {
	background-color: #fa6711;
	color: white;
	text-decoration: none;
	cursor: pointer;
	border: none;
	border-radius: 3px;
	padding: 1%;
	margin: 5px;
	float: right;
	height: 80px;
	width: 80px;
}
.btnEditarCarrito:hover {
	background-color: #ff7221;
}

/*Descargar PDF*/
.btnDownload {
	height: 30px;
	background-color: #FFC107;
	cursor: pointer;
	border: none;
	border-radius: 4px;
	font-size: 18px;
	font-weight: bold;
	font-family: 'Quicksand';
	color: #212121;
}
.btnDownload:hover {
	background-color: #FFEB3B;
}

.verify-input {
	height: 35px;
	border-style: none;
	border-radius: 5px;
	width: 50%;
	font-size: 20px;
	text-align: center;
}

input[type=file].subircsv::file-selector-button {
  margin-right: 20px;
  border: none;
  background: #084cdf;
  padding: 10px 20px;
  border-radius: 10px;
  color: #fff;
  cursor: pointer;
  transition: background .2s ease-in-out;
}

input[type=file].subircsv::file-selector-button:hover {
  background: #0d45a5;
}

/*.processbox {
	width: 100%;
	height: 100%;
	z-index: 999;
	background-color: white;
	color: black;
	opacity: 85%;
	position: fixed;
	margin: 0;
	display: none;
	border-radius: 5px;
	font-size: 30px;
	font-weight: bold;
}*/
.processbox {
	width: 100%;
	height: 100%;
	z-index: 999;
	background-color: white;
	color: black;
	opacity: 80%;
	position: fixed;
	top: 0;
	left: 0;
	margin: 0;
	padding: 10%;
	display: none;
	font-size: 30px;
	font-weight: bold;
}

.loader {
  border: 16px solid #f3f3f3; /* Light grey */
  border-top: 16px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.pedidosBox {
	background-color: #eee;
	display: inline-block;
	width: 30%;
	margin: 5px;
	padding: 5px;
	border-radius: 4px;
}

/*AJUSTAR REGISTRO MOBILE*/
@media screen and (max-width: 700px) {
	.aligner {
		display: block;
		margin-bottom: 10px;
		width: 98%;
		font-size: 16px;
	}

.caja-contenido {
		width: 98%;
		padding: 1%;
		float: center;
	}

.infoBox {
		width: 100%;
	}

.mainImageBox {
		float: center;
		/*margin: 20px 15px 5px 15px;*/ /*top right bottom left*/
		width: 80%;
	}

.arrowBox {
		float: left;
		margin-top: 20%;
		width: 5%;
		text-align: center;
	}

/*THUMBNAIL PRODUCTOS*/
	.thumbnail {
		width: 157px; /*175px;*/
		height: 230px;
		background-color: #ccd6d9;/*#f5f5f5*//*#d7dee0*//*#94a9b3*//*#b8c9d1*//*#dae1e3*/
		margin-right: 7px;
		margin-left: 7px;
		margin-top: 15px;
		margin-bottom: 10px;
		padding: 10px;
		border-radius: 5px;
		float: left;
		box-shadow: 4px 4px 0px 0px #a3abad;
		/*margin-left: 23px;*/
	}

/*USER BAR*/
	.headerm {
		background-color: #85a094; /*background-color: #fac541; color 2021*/
		height: 42px;
		/*height: 50px;*/
		/*font-size: 13px;*/
		position: fixed;
		width: 100%;
		z-index: 999;
	}
	.no-userbar {
		background-color: white;
		height: 50px;
	}
	/*UNDER MENU*/
	.under-menu-1m {
		background-color: #373948;
		height: 50px;
		/*height: 57px;*/
		font-weight: bold;
	}
	.under-menu-2m {
		height: 1px;
		/*height: 3px;*/
		background-color: #949398;
	}

.btn-menu-mobile {
		border: none;
		background-color: transparent;
		color: white;
	}
	.btn-menu-mobile:hover {
		color: #FFF9C4;
	}

/*SCROLL MENU DISPLAY*/
	.menum {
	    /*transition: all 1s;*/
	    overflow: auto;
	}
	.hide {
	    opacity:0;
	    left:-100%;
	    transition: all 1s;
	}
	.show {
	    opacity:1;
	    left:0;
	    transition: all 1s;
	}

/*SEARCH BAR*/
	.search-bar {
		border: none;
		border-radius: 20px;
		height: 30px;
		width: 95%;
		margin-left: 5%;
		margin-bottom: 3px;
		/*width: 80%;
		height: 30px;*/
		/*margin-top: 4px;*/
		/*font-size: 14px;*/
	}

.btn-search-bar {
		border: none;
		border-radius: 30px;
		width: 28px;
		height: 28px;
		margin-bottom: 5px;
		cursor: pointer;
	}

/*MAIN IMAGE BOX*/
	.mainImageBox {
		/*float: center;
		margin: 20px 15px 5px 15px;*/ /*top right bottom left*/
		width: 93%;
		border-style: solid 1px;
		border-color: #cdd1ce;
	}

.subImagesBox {
		/*margin: 5px;*/
		margin-left: 6%;
		width: 77%;
		height: 50px;
		/*float: center;
		margin-top: 8px;
		margin-left: 5%;
		padding: 1%;
		width: 78%;
		height: 50px;
		text-align: center;
		background-color: #eee;
		border-radius: 5px;*/
	}
	.subimg {
		/*width: 100%;
		border-radius: 5px;
		border: 0;*/
	}

.arrowBoxM {
		float: left;
		margin-top: 23px;
		width: 5%;
		text-align: center;
	}

.thumbnails {
		overflow: hidden;
		margin: 0;
		padding: 0;
		text-align: center;
	}

.thumbnails li {
		display: inline;
		/*width: 140px;
		margin: 0 5px;
		*/
	}

.thumbnails a {
		/*width: 10%;*/
		width: 18%;
		background-color: transparent;
		padding: 0;
		margin: 0;
	}
	.thumbnails a:hover {
		width: 19%;
		border-radius: 5px;
	}

.thumbnails img {
		display: inline;
		/*min-width: 14%;
		max-width: 14%;*/
	}

/*TABLA CARRITO*/
	.tableCart {
		font-size: 10px;
	}

.userbox {
		background-color: #F5F5F5;
		width: auto;
		padding: 10px;
	}

.userbox span {
		font-size: 40px;
	}

.footerLeft {
		background-color: transparent;
		width: 96%;
		display: block;
		float: center;
		text-align: center;
		padding: 5px;
	}
	.footerRight {
		background-color: transparent;
		width: 98%;
		display: block;
		float: center;
		text-align: center;
		padding: 5px;
	}

#errorLog-Box2 {
		z-index: 998;
		position: absolute;
		float: center;
		background-color: red;
		opacity: 0.87;
		width: 85%;
		height: 80px;
		margin-left: 5%;
		margin-top: 15%;
		padding: 10px;
		border-radius: 5px;
		color: white;
	}

#errorLabel {
		font-size: 20px;
		color: white;
		font-weight: bold;
	}

#seIcon {
		font-size: 20px;
		color: white;
	}

/*TITULOS*/
	.caja-titulo {
		font-size: 20px;
	}

.relatedItems {
		height: 470px; /*610px*/
	}

.pedidosBox {
		width: 94%;
	}
}

@media screen and (max-width: 320px) {
	/*TABLA CARRITO*/
	.tableCart {
		font-size: 9px;
	}
}

.statusflag_General {
	width: 100%;
	z-index: 3;
	position: relative;
	left: -80px;
	top: -290px;
	transform: rotate(-45deg);
}
@media screen and (max-width: 699px) {
	.statusflag_General {
		width: 100%;
		z-index: 3;
		position: relative;
		left: -45px;
		top: -235px;
		transform: rotate(-45deg);
		font-size: 12px;
	}
}

.sf_Nuevo {
	background-color: #3F51B5;
	color: white;
}

.sf_Ultimas {
	background-color: #FFC107;
}

.sf_xLlegar {
	background-color: #689F38;
}

.sf_Pedido {
	background-color: #0097A7;
}

.sf_Agotado {
	background-color: #D32F2F;
	color: white;
}