@import url('https://fonts.googleapis.com/css?family=Charm|Courgette|Dancing+Script|Indie+Flower|Kalam|Kaushan+Script|Playball|Satisfy|Srisakdi|Open+Sans+Condensed:300');

@import url('https://fonts.googleapis.com/css2?family=Alegreya+SC:ital,wght@0,400;0,700;1,400;1,700&family=Average&family=Bebas+Neue&family=Cinzel&family=Cinzel+Decorative:wght@400;700&family=Fira+Sans+Extra+Condensed:ital,wght@0,200;1,200&family=Fredericka+the+Great&family=Galdeano&family=IM+Fell+French+Canon+SC&family=Pompiere&display=swap');



/*
font-family: 'Cinzel', serif;
font-family: 'Fredericka the Great', cursive;
font-family: 'Cinzel Decorative', cursive;
font-family: 'Alegreya SC', serif;
font-family: 'Pompiere', cursive;
font-family: 'IM Fell French Canon SC', serif;
font-family: 'Average', serif;
font-family: 'Bebas Neue', cursive;
font-family: 'Fira Sans Extra Condensed', sans-serif;
font-family: 'Galdeano', sans-serif;
*/

/*
font-family: 'Charm', cursive;
font-family: 'Dancing Script', cursive;
font-family: 'Kalam', cursive;
font-family: 'Playball', cursive;
font-family: 'Srisakdi', cursive;
font-family: 'Indie Flower', cursive;
font-family: 'Satisfy', cursive;
font-family: 'Courgette', cursive;
font-family: 'Kaushan Script', cursive;

*/

:root {

  
  /* --colorHeaderMenu:#E5FFF2; */
  --colorHeaderMenu:#44AEAA;
  
  /*--colorMenu:#F4CECD;  
  --colorBorderMenu:#F6B096;
  --colorBackground:#FCF7F7;*/

/*
  --colorHeaderMenu:#FAF0F0;
  --colorMenu:#F4CECD;  
  --colorBorderMenu:#F6B096;
  --colorBackground:#FCF7F7;
*/
  
  /*
  --colorHeaderMenu:#FAE5FF;
  --colorMenu:#FCF2FF;
  --colorBorderMenu:#EAA0FC;
  
  
  --colorHeaderMenu:#E8EAFF;
  --colorMenu:#FCF2FF;
  --colorBorderMenu:#FAE5FF;  
  
  
  --colorHeaderMenu:#FFFFC6;
  --colorMenu:#085AC4;
  --colorBorderMenu:#085AC4;  
    
  
  --colorHeaderMenu:#D59FFF;
  --colorMenu:#D094FF;
  --colorBorderMenu:#CA89FE;  
  
  --colorHeaderMenu:#F5F5F5;
  --colorMenu:white;
  --colorBorderMenu:#E8E8E8;
*/  
  
}

html{
	background-color: white;	
}

body, .alert-messages, .toast-container-main{
	max-width:1400px;
	margin: 0 auto;
}


.circulo {
	height: 17px;
	width: 21px;
	display: inline-table;
	text-align: center;
	font-size:14px;
	vertical-align: middle;
	border-radius: 50%;
	background: #1CC657;
	color:black;
  }


.group-container{
	position: fixed; 
	z-index:1900;	
}

.toast-header{
	background: linear-gradient(to bottom, #A5C9A8 0%, #ffffff 100%);
}

.toast-container{
	position: fixed; 
	top:10px; 
	z-index:900;
	background-color: white;
}

.modal-color-primary{
	background-color: #D6EAF8;
}
.modal-color-secondary{
	background-color: #EAEDED;
}
.modal-color-success{
	background-color:#D5F5E3;
}
.modal-color-danger{
	background-color: #F5B7B1;
}
.modal-color-warning{
	background-color: #FCF3CF;
}
.modal-color-info{
	background-color: #FDF2E9;
}
/*.modal-color-light{
	background-color: ;
}
.modal-color-dark{
	background-color: ;
}*/
.modal-color-white{
	background-color: white;		
}

.con-comunicacion{
	font-style: italic;
	font-weight: bold;
	color: orangered;
}

.comunicacion-sin-respuesta{
	font-weight: bold;
	color: maroon;	
}

.bg-pasar-embalar, .bg-pasar-embalar:hover{
	background-color:#5479ff;
	color:white;
}

.bg-retirar, .bg-retirar:hover{
	background-color:#9b54ff;
	color:white;
}

.bg-decorar, .bg-decorar:hover{
	background-color: #FF8355;
	color:white;
}

.bg-a-pagar, .bg-a-pagar:hover{
	background-color: #86C467;
	color:white;
}

.text-pasar-embalar{
	 color:#5479ff;
	 font-weight: 600;
}

.text-retirar{
	 color:	#9b54ff;
	 font-weight: 600;
}

.text-decorar{
	color:	#FC5517;
	font-weight: 600;
}

.text-pendiente-pago{
	color:	#369B03;
	font-weight: 600;
}

/* .redes-flotantes {						
	max-width:1400px;
	margin: 0 auto;		
	width:100%;
	position: fixed;
	bottom: 10px;	
	z-index: 20;
} */

.redes-flotantes {						
	margin: 0 auto;		
	position: fixed;	
	right:10px;
	bottom: 10px;
	z-index:998;
}

.boton-subir {						
	margin: 0 auto;		
	position: fixed;	
	right:150px;
	bottom: 10px;
	z-index:998;
}


/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1400px) { 
	.redes-flotantes {								
		right:4%;
	}
	.boton-subir {								
		right:8%;
	}	
}

@media (min-width: 1500px) { 
	.redes-flotantes {								
		right:6%;
	}
	.boton-subir {								
		right:12%;
	}	
}

@media (min-width: 1600px) { 
	.redes-flotantes {								
		right:13%;
	}
	.boton-subir {								
		right:26%;
	}	
}

.redes-flotantes img {
	float: right; clear: right;
	 margin: 5px;
	-moz-transform: scale(.8) ;
	-webkit-transform: scale(.8) ;
	-o-transform: scale(.8) ;
	-ms-transform: scale(.8) ;
	transform: scale(.8) ;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}


.redes-flotantes img:hover {
	-moz-transform: scale(1.1) rotate(6deg);
	-webkit-transform: scale(1.1) rotate(6deg);
	-o-transform: scale(1.1) rotate(6deg);
	-ms-transform: scale(1.1) rotate(6deg);
	transform: scale(1.1) rotate(6deg);
}

.redes-flotantes.boton-subir img:hover {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}


.botones-productos-container{
	border-bottom: solid 1px #E8E8E8;	
}

.inicio-container{
	border-bottom: solid 1px #E8E8E8;	
}

.contacto-container{
	border-top: solid 1px #E8E8E8;
	border-bottom: solid 1px #E8E8E8;
	padding-top: 50px;
	padding-bottom: 50px;	 	
}

.contact-info{
	font-size: 1.3em;
}

.cargando {
    height:350px;
	/*background:transparent url(../images/waiting.gif) center no-repeat;*/
 }

.breadcrumb-item{
	font-size:1.2em;
	font-family: Arial, 'Dancing Script', cursive;
}

.precio{
	font-size:1em;
	/* font-family: 'Dancing Script', cursive; */
	font-family: Arial, 'Alegreya SC', serif;
}

.ofertas{
	font-size:1em;
	/* font-family: 'Dancing Script', cursive; */
	font-family: Arial, 'Alegreya SC', serif;
}

/*.precio{
	font-size:1.2rem;
}*/

.precio.activo{
	/*font-size:1.1rem;	*/
	font-weight:bold;
}

.ofertas .precio-oferta {
	font-size:1em;	
	color:red;
}

.ofertas .precio-oferta.activo{
	/*font-size:1.1em;*/
	font-weight:bold;
}

.ofertas .desc-oferta{
	/*font-family:'Kalam', cursive;
	*/
	font-size:1rem;
	padding-left:0.6rem;	
}

.nombre{
	position: relative;
    left: 20px;
	font-size:0.8em;
	/* font-family: 'Kalam', cursive; */
	font-family: Arial, 'Alegreya SC', serif;

}

.desc-variante-small{
	font-size:0.7em;
}

.descripcion{
	font-size:0.8em;	
	font-family: Arial, 'Alegreya SC', serif;
}

.breadcrumb{
	background-color: white;	
}


.config_reg{
	padding:5px;
}

.config_reg_border{
	background-color:#F0F0F0;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border: 0px solid #ffffff;	
}


.solo-encomiendas-reg{
	padding:5px;
}

.solo-encomiendas-reg-border{
	background-color:#F0F0F0;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border: 0px solid #ffffff;	
}


.row-reg{
	padding:5px;
}

.row-reg-border{
	background-color:#F0F0F0;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border: 0px solid #ffffff;	
}

input[type=radio]:focus{
	box-shadow: none !important;
}

.item-menu{
	padding:0.5px;
}

.item-menu-border{
	padding-top:5px;
	height: 45px;
	background-color:#44AEAA;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border: 1px solid #86B6BC;
	
}

.item-menu-border:active{
	background-color:#6AD3CF;	
}

.item-menu-border:hover{
	background-color:#6AD3CF;	
}

.link-menu{	
	color:#FFFFFF;
	cursor: pointer;	
	font-size:1.2em;
	font-family: Arial, 'Alegreya SC', serif;	
}

.link-menu:active { 
	/*font-weight:bold;*/
	color:#868E96;
}
	
.btn-menu{	
	background-color:var(--colorHeaderMenu);
	/*border: 1px solid #F5B096!important;*/
	border: 2px solid #E3E5E5!important;	
	font-size:1.6em;
	font-family: 'Dancing Script', cursive;
	margin-bottom:.15rem!important;
	margin-top:.15rem!important;
	padding:.6rem!important;
	cursor: pointer;
}

.btn-menu:active { 
	font-weight:bold;
}

.btn-etiqueta{
	background-color:var(--colorHeaderMenu);
	/*border: 1px solid #F5B096!important;*/
	border: 2px solid #E3E5E5!important;	
	font-size:1.6em;
	font-family: 'Dancing Script', cursive;
	/*font-family: 'Indie Flower', cursive;*/
	margin-bottom:.15rem!important;
	margin-top:.15rem!important;
	padding:.5rem!important;	
	cursor: pointer;
}

.btn-etiqueta:active { 
  font-weight:bold;
}

.texto-inicio{
	font-size:1.2em;
	font-family: 'Open Sans Condensed', sans-serif;
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 
	.texto-inicio{
		font-size:1.5em;
	}
	
	.descripcion{
		font-size:0.9em;
	}	
	
	.nombre{
		font-size:1em;
	}	
	
/* 	.precio{
		font-size:1.4em;
	}

	.ofertas{
		font-size:1.1em;
	} */
	
	.breadcrumb-item{
		font-size:1.2em;
	}	
	
	.link-menu{
		font-size:1.2em;
	}
		
	.btn-menu{
		font-size:1.8em;
		margin-bottom:.2rem!important;
		margin-top:.2rem!important;
		padding:.8rem!important;
	}

	.btn-etiqueta{
		font-size:1.8em;
		margin-bottom:.2rem!important;
		margin-top:.2rem!important;
		padding:.6rem!important;	
	}
 }

.user-panel{
	position:absolute;
	z-index:9999;
	top:35px;
	right:5px;
	width:170px;
}

.etiqueta-view{
	background-color:white;	
	-webkit-box-shadow: 1px 1px 5px 0px rgba(112,111,112,1);
	-moz-box-shadow: 1px 1px 5px 0px rgba(112,111,112,1);
	box-shadow: 1px 1px 5px 0px rgba(112,111,112,1);
}

.input-bultos-edit{
	width:35px;
	height:25px;
}

.input-cantidad-edit{
	width:35px;
	height:25px;
}

.input-precio-edit{
	width:70px;
	height:25px;
}

.input-cantidad-en-set-edit{
	width:70px;
	height:25px;
}

.input-variacion-stock-edit{
	width:70px;
	height:25px;
}


.td-item-edit.active{
	display:block;
}

.td-item-edit:not(.active){
	display:none;
}

.td-item-value.active{
	display:block;
}

.td-item-value:not(.active){
	display:none;
}

/*.header-menu{
	background-color:var(--colorHeaderMenu);	
}*/

/*
.slide-menu{
	top:40px;
	background-color:var(--colorMenu);
	border: solid 1px var(--colorBorderMenu);
	position:absolute;
	z-index:9999;
	height:100%;	
}

.slide-menu .itemMenu{
	background-color:var(--colorMenu);
	padding-bottom:0.2rem;
	padding-left:1.2rem;
}

.slide-menu .itemMenu .menu-option{
	margin-bottom:0.4rem;
	display:block;
	cursor:pointer;
	color: black;
	text-decoration:none;
}

.slide-menu .itemMenu .menu-option:active{	
	color: white;
}

.slide-menu .dropdown-item{
	background-color:var(--colorMenu);
	padding-left:0.7rem;	
}
*/

/*
.slide-menu .dropdown-item:active{
	background-color:var(--colorMenu);	
}
	
.slide-menu .dropdown-item:hover{
	background-color:var(--colorMenu);
}
*/
/*
.slide-menu>.dropdown-menu{
	background-color:var(--colorMenu);
}

	
.slide-menu>.dropdown-menu:first-child {
    position: static;
    display: block;
	background-color:var(--colorMenu);
	border:none;
}
*/


.item-etiqueta:hover { 
	background-color:#FAFCFF;
	cursor: pointer;
}

.item-etiqueta:active { 
	color:#868E96;
}

.spin-cantidad .bootstrap-touchspin-up,.spin-cantidad .bootstrap-touchspin-down, .spin-cantidad .input-cantidad{
	padding-left:0.45rem;
	padding-right:0.45rem;
	padding-top:0.15rem;
	padding-bottom:0.15rem;
	
}

.input-cantidad{
	height:30px;
}

/*.cuerpoPrincipal{
	background-color:#F5F5F5;			
}*/

.header-container{
	border-bottom: solid 1px #E8E8E8;
}

.filtro-container{
	/*background-color:#F2F2F2;	*/
	background-color:#FAFCFF;
	/*border-top: solid 1px #E8E8E8;*/
	border-bottom: solid 1px #E8E8E8;
}

.articuloView{	
	/* border-bottom: solid 4px #E8E8E8; */
	padding-top: 15px;
	border-bottom: solid 3px #E8E8E8;
	/*background-color:var(--colorHeaderMenu);*/
	/*-webkit-box-shadow: 3px 10px 10px 0px rgba(112,111,112,1);
	-moz-box-shadow: 3px 10px 10px 0px rgba(112,111,112,1);
	box-shadow: 3px 10px 10px 0px rgba(112,111,112,1);*/
	 /*--colorHeaderMenu:#FAF0F0;
  --colorMenu:#F4CECD;  
  --colorBorderMenu:#F6B096;
  --colorBackground:#FCF7F7;  
  */
}

.nav-link.disabled{
	cursor:default;
}

.btn:not([disabled])
{
	cursor:pointer;
}

.drop-down-custom-menu{
	border-width:0px;
	background-color: transparent;
}

.icono-borrar-img{
	cursor:pointer;
	padding:2px;
	/*position:absolute;
	top:2px;
	left:5px;*/
}

tr.prearmado-sin-stock{
	background-color:#fadbd8;
	font-style: normal;
}

tr.prearmado-si{
	background-color:#fef5e7;
	font-style: italic;
}

tr.prearmado-no{
	background-color:#f5eef8;
	font-style: normal;
}

.hidden{
	visibility:hidden;
}

.cursor-pointer:not(.disabled){
	cursor:pointer;
}



.filtro-etiquetas-group span, .filtro-etiquetas-group div{
	position:relative;
}

	
.filtro-etiquetas-group span:not(.referencia-etiqueta) div{
	margin-left:10px;
	padding:4px 4px 0px 4px;	
	color:#F44881;
	cursor:pointer;
	text-decoration:underline;
} 

.filtro-etiquetas-group span.referencia-etiqueta div{
	margin-left:10px;
	padding:4px 4px 0px 4px;	
	text-decoration:underline;
} 	

.filtro-etiquetas-group span:not(.referencia-etiqueta):hover{
	font-weight: bolder;}	



/* https://cssglobe.com/pure-css3-post-tags/		*/
.etiquetas-group span, .etiquetas-group div{
	position:relative;
}

	
.etiquetas-group div{
	margin-left:20px;
	padding:4px 10px 4px 12px;
	background:#0089e0;
	color:#fff;
	text-decoration:none;
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;	
	border-bottom-right-radius:4px;
	-moz-border-radius-topright:4px;
	-webkit-border-top-right-radius:4px;	
	border-top-right-radius:4px;	
	} 
.etiquetas-group div:before{
	content:"";
	float:left;
	position:absolute;
	top:0;
	left:-16px;
	width:0;
	height:0;
	border-color:transparent #0089e0 transparent transparent;
	border-style:solid;
	border-width:16px 16px 16px 0;		
	}
.etiquetas-group div:after{
	content:"";
	position:absolute;
	top:14px;
	left:0;
	float:left;
	width:4px;
	height:4px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	background:#fff;
	-moz-box-shadow:-1px -1px 2px #004977;
	-webkit-box-shadow:-1px -1px 2px #004977;
	box-shadow:-1px -1px 2px #004977;
	}
.etiquetas-group div:hover:not(.readonly){background:#555;}	

.etiquetas-group div:hover:not(.readonly):before{border-color:transparent #555 transparent transparent;}


/*para los menu*/
.menu-group span{
	margin-left:5px;
	background:#0089e0;
	color:#fff;
	text-decoration:none;	
} 
.menu-group span:hover:not(.readonly){background:#555;}	

.image-preview-input {
    position: relative;
	overflow: hidden;
	margin: 0px;    
    color: #333;
    background-color: #fff;
    border-color: #ccc;    
}
.image-preview-input input[type=file] {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}
.image-preview-input-title {
    margin-left:2px;
}
.image-preview-clear{
	color: #333;
    background-color: #fff;
    border-color: #ccc;    
	cursor: pointer;
}	

.form-signin {
  width: 100%;
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;  
}
.form-signin .checkbox {
  font-weight: 400;
}
.form-signin .form-control {
  position: relative;
  box-sizing: border-box;
  height: auto;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.icon-size-md{
	font-size:20px;
	width:20px;
}

.igroup-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}

.igroup-append, .igroup-prepend {
    display: -ms-flexbox;
    display: flex;
}

.logo{
	width:90px;
}

.slide-menu{
	width:75%;
}
/* Small devices (landscape phones, 576px and up)*/ 
.container-btn-usr-large{
	/*visibility: visible;*/
	visibility:hidden;
	display:none;
}	
	
@media (min-width: 576px) { 
	.slide-menu{
		width:50%;
	}	
	
	.container-btn-usr-small{
		/*visibility: visible;*/
		visibility:hidden;
		display:none;
	}
	
	.container-btn-usr-large{
		/*visibility: visible;*/
		visibility:visible;
		display:inherit;
	}	

	.articuloView{
		/* border-right: solid 1px #E8E8E8;
		border-bottom: solid 1px #E8E8E8;		 */
		padding-top: 5px;
		border: solid 1px #E8E8E8;		
		/*background-color:var(--colorHeaderMenu);*/
		/*-webkit-box-shadow: 3px 10px 10px 0px rgba(112,111,112,1);
		-moz-box-shadow: 3px 10px 10px 0px rgba(112,111,112,1);
		box-shadow: 3px 10px 10px 0px rgba(112,111,112,1);*/
		 /*--colorHeaderMenu:#FAF0F0;
	  --colorMenu:#F4CECD;  
	  --colorBorderMenu:#F6B096;
	  --colorBackground:#FCF7F7;  
	  */
	}	
 }

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 
	.logo{
		width:100px;
	}
	
	.slide-menu{
		width:30%;
	}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
 }

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
 }


 /*** Bootstrap custom widths ***/

.custom-col {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.col-0-5 {
  flex: 0 0 4.16666667%;
  max-width: 4.16666667%;
}

.col-1-5 {
  flex: 0 0 12.5%;
  max-width: 12.5%;
}
.col-2-5 {
  flex: 0 0 20.833333325%;
  max-width: 20.833333325%;
}
.col-3-5 {
  flex: 0 0 29.166666655%;
  max-width: 29.166666655%;
}

.col-4-5 {
 flex: 0 0 37.499999985%;
  max-width: 37.499999985%;
}

.col-5-5 {
  flex: 0 0 45.833333315%;
  max-width: 45.833333315%;
}

.col-6-5 {
  flex: 0 0 54.166666645%;
  max-width: 54.166666645%;
}

.col-7-5 {
  flex: 0 0 62.499999975%;
  max-width: 62.499999975%;
}

.col-8-5 {
  flex: 0 0 70.833333305%;
  max-width: 70.833333305%;
}

.col-9-5 {
  flex: 0 0 79.166666635%;
  max-width: 79.166666635%;
}

.col-10-5 {
 flex: 0 0 87.499999965%;
  max-width: 87.499999965%;
}

.col-11-5 {
  flex: 0 0 95.8333333%;
  max-width: 95.8333333%;
}

/**************************/

.hide-on-load{
	display:none !important;
}