:root{
	/*--main_blue:#1f428c;*/
	--main_blue:#0172b6;
	--gray-bubble:#80929c;
	--shadow-bubble:#c7c7c7;
	--gray-soft:#ccc;
	--gray-hover:#666;
	--white:#fff;
	--black:#000;
}

@keyframes new_bounce{
	0%{
		bottom:60px;
	}
	25%{
		bottom:0px;
	}
	50%{
		bottom:40px;
	}
	75%{
		bottom:20px;
	}
	100%{
		bottom:30px;
	}
}

@keyframes new_bounce_movil{
	0%{
		bottom:20px;
	}
	25%{
		bottom:0px;
	}
	50%{
		bottom:15px;
	}
	75%{
		bottom:5px;
	}
	100%{
		bottom:10px;
	}
}

/*Clases de bootstrap no presentes en el tema*/
.d-flex{
	display:flex;
}
.jsutify-content-center{
	justify-content:center;
}
.justify-content-between{
	justify-content:space-between;
}
.justify-content-around{
	justify-content:space-around;
}
.justify-content-start{
	justify-content:flex-start;
}
.justify-content-end{
	justify-content:flex-end;
}
.align-items-center{
	align-items:center;
}
.align-items-start{
	align-items:flex-start;
}
.align-items-end{
	align-items:flex-end;
}
.bold{
	font-weight:bold;
}
/*sobreescritura estilo del tema*/
p:last-child{
	margin:inherit;
}

#hc_chatbot_container{
	display:flex;
	justify-content:center;
	align-items:center;
	position:fixed;
	width:3.25rem;
	height:3.25rem;
	left: 10px;
	bottom: 10px;
	border-radius:50%;
	border:3px solid var(--main_blue);
	z-index:9999;
	overflow:hidden;
	box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.15);
	background-color:#fff;
	opacity:0;
	transition:right 200ms linear, bottom 200ms linear, opacity .2s ease-out;
}

@media (min-width:991px){
	#hc_chatbot_container{
		width:5rem;
		height:5rem;
		left:30px;
		bottom: 30px;
	}
}

#hc_chatbot_container #hc_chatbot_img{
	max-width:unset;
	width: auto;
	height:120%;
}

#hc_chatbot_dialog{
	display:none;
	/*width: 355px;*/
	width: 96vw;
	height: 520px;
	border-radius:40px;
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
	position: fixed;
	left:6px;
	bottom:6px;
	z-index:9999;
	background-color:#fff;
}
@media (min-width:767px){
	#hc_chatbot_dialog{
		width:500px;
	}
}
@media (min-width:991px){
	#hc_chatbot_dialog{
		width: 600px;
		left:28px;
		bottom:28px;
	}
}

/*header*/
#hc_chatbot_dialog_header{
	background-color: var(--main_blue);
	border-radius:40px 40px 0 0;
	height:4rem;
	display: grid;
	grid-template-columns: 45% 10% 45%;
	grid-template-rows: 1fr;
	align-items: center;
	overflow:hidden;
	padding: 0.75rem 0 0.25rem;
}

#wave_effect{
	filter: drop-shadow(1px 1px 3.5px rgb(0 0 0 / 0.4));
}

#hc_chatbot_dialog_header .hc-first-block{
	display:flex;
	justify-content:space-between;
	align-items:center;
	
}

.hc-first-block i{
	cursor:pointer;
	color:var(--white);
	padding:0 0.75rem;
	margin-left:1.5rem;
}

.hc-first-block img{
	width:3rem;
	height:3rem;
	border-radius:50%;
	border:2px solid var(--white);
	margin-right:0.5rem;
	justify-self: end;
	background-color: var(--white);
}

#hc_chatbot_dialog_header #hc_chatbot_title{
	color:var(--white);
	font-size:17px;
	letter-spacing:0.5px;
	justify-self: center;
}

#hc_chatbot_dialog_header .hc-icon-block{
	display:flex;
	align-items:center;
	padding:0 1.5rem 0 0;
	justify-self: end;
	color:var(--white);
}

.hc-icon-block i{
	cursor:pointer;
	padding:0 0.75rem;
}

/*body*/
#hc_chatbot_dialog_body{
	margin:2rem 1rem 2rem;
	overflow-y: scroll;
	height: 75%;
}

.bubble{
	padding: 0.4rem 1rem;
	line-height: 1.5;
	display:block;
	width: max-content;
	position: relative;
	box-shadow: 1px 1px 2px 0px var(--shadow-bubble);
}

.bubble a{
	color: var(--white);
  text-decoration: underline;
}

.container-bubble-left{
	display:flex;
	align-items:flex-start;
	flex-direction: column;
}

.bubble-left{
	background-color: var(--main_blue);
	border-radius:30px 20px 20px 1%;
}

.container-bubble-right{
	display:flex;
	align-items:flex-end;
	flex-direction: column;
}

.bubble-right{
	text-align:right;
	background-color: var(--gray-bubble);
	border-radius:20px 30px 1% 20px;
}

.bubble-left,.bubble-right{
	max-width:90%;
	color:var(--white);
}
/*
.bubble-left:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 3%;
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-top-color: var(--main_blue);
	border-bottom: 0;
	border-left: 0;
	margin-bottom: -7px;
}
*/
/*
.bubble-right:after{
	content: '';
	position: absolute;
	bottom: 0;
	right: 4.5%;
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-top-color: var(--gray-bubble);
	border-bottom: 0;
	border-right: 0;
	margin-bottom: -7px;
}
*/
.bubble:not(.bubble-suggestion){
	margin: 0 0.25rem 0.5rem;
	cursor:default;
}

.container-suggestion{
	display:block;
	width:90%;
	margin-left:auto;
}

.bubble-suggestion{
	border:2px solid var(--main_blue);
	background-color:var(--white);
	padding: 0.15rem 0.75rem;
  margin: 0 0.25rem 0.45rem auto!important;
	cursor:pointer;
	border-radius:20px;
}

/*Modal confirmar cierre*/
#hc_chatbot_modal_backdrop{
	display:none;
}

#hc_chatbot_modal{
	display:none;
	background-color:var(--white);
	padding:15px;
	position:absolute;
	top:40%;
	left:5%;
	width:90%;
}

.modal-title-no-header{
	margin:0.25rem 0 15px;
}

.hc-chatbot-modal-buttons{
	display: flex;
	justify-content:flex-end;
}

.hc-chatbot-modal-buttons #hc_chatbot_modal_cancel{
	background-color:var(--gray-soft);
	margin:0 0.5rem 0 0;
}

#hc_chatbot_modal_cancel:hover{
	background-color:var(--gray-hover);
	transition:.4s;
}

#hc_chatbot_modal_backdrop{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-color:var(--black);
	opacity:0.5;
	border-radius:40px;
}

/*listado de productos pedidos*/
.container-products-left{
	width:90%;
	display:flex;
	flex-direction: column;
}

.hc-product{
	width:100%;
	margin:0 0.4rem 0.4rem;
	padding: 0.4rem 0.75rem;
	line-height: 1.5;
	cursor:pointer;
	border-radius:20px;
	border:2px solid var(--gray-bubble);
	display:flex;
	align-items:center;
}

.hc-product img{
	height:80px;
	margin:0 0.5rem 0 0;
}

.hc-product p{
	margin:0;
}

.hc-product-title{
	margin:0 0 0.25rem!important;
}

.hc-product-content-no-title{
	display:block;
}
@media (min-width:991px){
	.hc-product-content-no-title{
		display:flex;
		justify-content:space-between;
	}
}

.hc-product-show-more{
	display: block;
	width:90%;
	text-decoration:underline;
	cursor:pointer;
	margin:0.25rem 0 0;
	text-align:right;
}

#order_history_table{
	width:88%;
	margin-left:1%;
}

#order_history_table th{
	font-weight:bold;
}

#order_history_table th, #order_history_table td{
	padding:0.35rem;
}

@media (min-width:767px){
	#order_history_table th, #order_history_table td{
		padding:0.5rem 0.75rem;
	}
}

/*textarea*/
#hc_form_change_order{
	width:90%;
}

#hc_text_change_order{
	resize:none;
	width:100%;
	border-radius:3px;
	border:none;
	box-shadow: 0px 0px 4px 0px var(--gray-bubble);
	margin: 0 0.25rem 0.5rem;
	height: 65px;
}

#hc_submit_change_order{
	margin: 0 0.25rem 0.5rem;
	padding: 6px 20px;
  text-transform: unset;
}
/*
.hc-chatbot-error-message{
	width:90%;
	margin: 0 0.25rem 0.5rem;
}
*/
/*ifrmae historico*/
.iframe-historico-julia{
	margin: 0 0.25rem 0.5rem;
}