ul.dropdown-cart li {
	list-style-type: none;
}

.dropdown-menu .divider {
	background-color: #6db742;
}

.descripcion-cesta {
	font-family: "Roboto Condensed",Arial,sans-serif;
    font-weight: 400;
}
.item-left {
		width:calc(100% - 28px);
}

.item-left .item-info {
		width:calc(100% - 88px);
	overflow-x:hidden;
}

.base-cesta {
	font-family: "Roboto Condensed",Arial,sans-serif;
    font-weight: 400;
}

.cantidad-cesta span {
	display:inline-block;
}

ul.dropdown-cart li .item{
	display: block;
	padding-top: 8px;
	padding-right: 10px;
	padding-left: 8px;
	padding-bottom: 10px;
	margin-top: 3px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 6px;
	border-bottom: 1px solid #e5e5e5;
}
ul.dropdown-cart li .item:hover{
    background-color:#f3f3f3;
}
ul.dropdown-cart li .item:after{
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

ul.dropdown-cart li .item-left{
    float:left;
}
ul.dropdown-cart li .item-left img,
ul.dropdown-cart li .item-left span.item-info{
    float:left;
}
ul.dropdown-cart li .item-left img {
	margin-right:10px;
	width:50px;
	height:50px;
}

ul.dropdown-cart li .item-left span.item-info{
	margin-left:0px;
}
ul.dropdown-cart li .item-left span.item-info span{
    display: inline-block;
}
ul.dropdown-cart li .item-right{
    float:right;
}
ul.dropdown-cart li .item-right button{
    margin-top:0px;
}


.eliminar_articulo-cesta {
	width: 28px !important;
	height: 28px !important;
	padding:4px;
}

.cesta h4, .popup-usuarios h4 {
	font-family: "Roboto Condensed",Arial,sans-serif;
	font-weight: 700;
	font-size: 1.25em;
	text-transform: uppercase;
	margin-bottom:16px;
	line-height:1.1em;
}
.cesta h4 p {
	font-weight: 400;
	font-size: 0.8em;
	color:#505050;
}

.popup-usuarios p {
	font-family: "Roboto Condensed",Arial,sans-serif;
	font-weight: 400;
	font-size: 1em;
	color:#505050;
	margin-bottom:16px;
}
.popup-usuarios span {
	font-size: 1em;
	margin-right: 6px;
}
.mensaje-cesta{
	margin-top:1em;
}

.id-articulo-cesta {
	font-family: "Roboto Condensed",Arial,sans-serif;
	color: #333;
	font-weight: 700;
	font-size: 1.15em;
	margin-bottom: 0px;
}

/************************************************************** SUGERENCIAS **************************************************************/

#sugerencias {
    z-index: 1040;
	max-height:400px;
	overflow-y: auto;
}


ul #sugerencias {
	padding-left:0px;
	padding-top:0px;
	top: -18px;
	left: 0;
}

.mensaje-autocompletar {
	font-family: "Roboto Condensed",Arial,sans-serif;
	font-size: 1.21em;
	font-weight: 400;
	padding-top: 30px;
	margin-bottom: 16px;
	font-weight:700;
	padding-left:16px;
	text-transform:uppercase;
	line-height: 1.1em;
    margin-bottom: 9px;

}
#sugerencias .divider{
	margin-bottom:4px;
}

#sugerencias li .item {
    display: block;
}

#sugerencias li .item-left {
	display: block;
    /*width: calc(100% - 110px);*/
	float:left;
}
.sugerencia-right {
	display: block;
	float:right;
	height:56px;
	padding-top:14px;
	padding-right: 16px;
}


.one-line .fade-container span {
	color:#333;
}

.one-line:hover .fade-container span {
	color:#6db742;
}

.sugerencia {
	padding: 4px 0 4px 12px;
	list-style-type: none;
	height:auto; /* 72px */
	margin:0px;
	overflow: hidden;
	border-bottom: 1px solid #efefef;
}

.sugerencia span a {
	display:block;
	color:#333;
	width:100%;
}

.sugerencia span a:hover {
	color: #6db742;
}
.img-sugerencias {
	float:left;
	padding-right:16px;
}

.img-sugerencias img {
	width:56px;
	height: 56px;
}

.id-articulo-sugerencia {
    font-family: "Roboto Condensed",Arial,sans-serif;
    font-weight: 400;
	font-size: 11px;
}
.descripcion-sugerencia {
    font-family: "Roboto Condensed",Arial,sans-serif;
    color: #333;
    font-weight: 700;
    font-size: 1.15em;
    margin-bottom: 0px;
}

.spinner-sugerencias {
  float: left;
  width: 36px;
  height: 28px;
  padding: 0;
  font-size: 1em;
  text-transform: uppercase;
  text-align: center;
  color: #93504C;
  border: 1px #ccc solid;
  background: none;
  outline: none;
  font-family: "Roboto Condensed",Arial,sans-serif;
}

span.spinner {
  position: relative;
  height: 28px;
}

span.spinner button {
	background-color:#fff;
}



span.spinner > .sub,
span.spinner > .add {
  float: left;
  display: block;
  width: 28px;
  height: 28px;
  text-align: center;
  font-size: 1.2em;
  line-height: 28px;
  color: #93504C;
  border: 1px #ccc solid;
  border-right: 0;
  border-radius: 2px 0 0 2px;
  cursor: pointer;
  transition: 0.1s linear;
  -o-transition: 0.1s linear;
  -ms-transition: 0.1s linear;
  -moz-transition: 0.1s linear;
  -webkit-transition: 0.1s linear;
}

span.spinner > .add {
  top: 0;
  border: 1px #ccc solid;
  border-left: 0;
  border-radius: 0 2px 2px 0;
}

span.spinner > .sub:hover,
span.spinner > .add:hover {
  background: #6db742;
  color: #fff;
}
 input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
 -webkit-appearance: none;
}

/************************************************************** SUGERENCIAS **************************************************************/



.id-articulo-cesta:hover {
	color: #6db742;
}
.articulo-cesta a:hover  {
	text-decoration:none;
}

.cantidad-cesta {
	font-family: "Roboto Condensed",Arial,sans-serif;
	color: #666;
	font-weight: 400;
	font-size: 1em;
	margin-bottom:0px;
	line-height: 0.8em;
}



.ver-cesta {
	width: 100%;
	padding-left: 16px;
	padding-right: 16px;
	color: #6db742;
	background-color: #fff;
	border: 1px solid #6db742;
	border-radius: 6px;
	line-height: 40px;
	text-align: center;
	text-transform: uppercase;
}
.ver-cesta:hover{
	background-color: #6db742;
	border: 1px solid #6db742;
	color: #fff;
}

.invertit {
	color: #fff;
	background-color: #6db742;
	border: 1px solid #6db742;
}

.invertit:hover {
	background-color: #333;
	border: 1px solid #333;
	color: #fff;
}
.total-cesta{
	width: 100%;
	font-family: "Roboto Condensed",Arial,sans-serif;
	font-weight: 400;
	font-size: 0.9em;
	padding-top: 8px;
	text-transform: uppercase;
	margin-top: 8px;
	margin-bottom: 16px;
	border-top: 1px solid #CCCCCC;
	text-align: right;
}
.total-cesta span{
	font-size: 1.3em;
	font-weight: 700;
	margin-left:6px;
}
.subtotales-cesta{
	list-style:none;
	margin-top: 8px;
	padding: 8px 0;
	color:#999;
	border-top: 1px solid #e0e0e0;
	font-family: "Roboto Condensed",Arial,sans-serif;
}
.subtotales-cesta .subtotales-linea > div {
	display:inline-block;
	padding:3px 0;
	font-size:.8em;
	font-weight: 400;
	margin:0;
}
.subtotal-cesta span{
	font-size: .9em;
	font-weight: bold;
	padding:0 8px 0 3px;
	color:#525252;
}
@supports (display: flex) {
	.subtotales-cesta .subtotales-linea {display:flex; flex-flow: row nowrap; justify-content:space-between; align-items:center;  }
}

.cesta-vacia {
	color: #999;
	text-align: center !important;
}
.cesta-vacia span {
	color: #ccc;
	font-size: 3em !important;
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.articulos-cesta {
	margin-bottom:20px;
	margin-top:16px;
}

.articulos-cesta ul li {
	list-style-type:none;
}

/**********************  PROCESO DE COMPRA  *********************/

/******************* PAS A PAS DEL FINAL DE COMANDA ******************/

.stepwizard-step p {
    margin-top: 10px;
}

.process-row {
    display: table-row;
}

.process {
    display: table;
    width: 100%;
    position: relative;
}

.process-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.process-row:before {
	top: 30px;
	bottom: 0;
	position: absolute;
	content: " ";
	width: 100%;
	height: 1px;
	background-color: #A5A5A5;
	z-order: 0;
}

.process-step {
    display: table-cell;
    text-align: center;
    position: relative;
	width:25%;
}

.process-step p {
    margin-top:4px;
	font-size: .9em;
	font-weight: 400;

}
@media screen and (max-width: 991px){
	.process{
		margin-bottom: 16px;
	}
	.process-step p{
		display:none;
	}
}
.btn-circle {
  width: 48px;
  height: 48px;
  text-align: center;
  padding: 6px 0;
  font-size: 20px;
  line-height: 36px;
  border-radius: 50%;
}

.credit-card-box{
	border-color:#e8e8e8;
}
.credit-card-box .panel-heading {
	/* background-color: #fff !important;
	border-bottom:none; */
	padding:15px;
}

.credit-card-box .panel-title {
    display: inline;
	color:#333;
	font-size:18px;
	border-color:#eee;
}

.credit-card-box label {
    display: block;
}

.credit-card-box .display-table {
    display: table;
	 width: 100%;
}
.credit-card-box .display-tr {
    display: table-row;
    vertical-align: middle;
}
.credit-card-box .comentario-resumenpedido{
	margin-top:0 !important;
}
.credit-card-box .btn-blau{
	height: 34px;
	padding: 8px 20px;
	margin-top: 16px;
}
.panel-body .resumen-pedido {
	padding: 0px !important;
}

/******************* RESUMEN PEDIDO ****************/
.resumenpedido-tabla {
	box-sizing: border-box;
}
.resumenpedido-tabla>thead>tr.info>th{
	/* background-color:#eee; */
}
.resumenpedido-tabla .td-taula-pedido > th:first-child{
	padding:0;
	max-width:48px;
}
.resumenpedido-tabla .resumenpedido-pedir{
	min-width:164px;
	/*display:block;*/
	min-height:48px;
}
.resumenpedido-tabla .fa-plus, .resumenpedido-tabla .fa-minus{
	font-size:13px;
}
.resumenpedido-tabla .resumenpedido-eliminar{
	width:40px;
}
.resumenpedido-tabla .eliminar_articulo {
	border:none;
	background:none;
	width:auto;
	height:auto;
	font-size: 18px;
	color:#597DE8;
}
.resumenpedido-tabla .eliminar_articulo:hover{
	color:#333;
}
.resumenpedido-tabla .descuento-representada {
	font-weight: bold;
}
.tabla-totales tbody tr:hover,
.cerrarpedido-totales-tabla tr:hover{
	border-bottom:none;
	border-color:#eee;
}
.tabla-totales tr,
.cerrarpedido-totales-tabla tr,
.resumenpedido-tabla .descuento-representada tr,
.resumenpedido-tabla .descuento-representada tr:hover{
	background-color: #fff !important; /* #EEE */
	border-top: 1px solid #eee;
}
.resumenpedido-tabla .descuento-representada > tr > td{
	padding: 0 0 8px;
}
.resumenpedido-tabla .subtotales-tabla tr:first-child,
.resumenpedido-tabla .subtotales-tabla tr:first-child td{
	border:none;
}
.resumenpedido-tabla .subtotales-tabla tr td:first-child{
	width:66%;
	position:relative;
}
.resumenpedido-tabla .subtotales-tabla tr td:last-child{
	padding-right:16px;
	width:33%;
}
.resumenpedido-tabla tbody tr:hover{
	border-bottom:none;
}
.resumenpedido-tabla .resumenpedido-desc span{
	color:#666;
}
.resumenpedido-tabla .descuento-representada .subtotales-tabla{
	margin:0;
}
.resumenpedido-tabla .alert .continuar-comprando{
	width:auto;
	padding:12px 24px;
	float:right;
}
.resumenpedido-tabla .alert .col-sm-8 p{
	margin-top:1em;
}
.resumenpedido-tabla  .pedido-minimo-ko tr{
	background:#fff !important;
}
.resumenpedido-tabla .subtotales-tabla{
	font-weight: bold;
}
.resumenpedido-tabla .pedido-minimo-ko,
.resumenpedido-tabla .pedido-minimo-ko > tr{
	position: relative;
}
.resumenpedido-tabla tbody.pedido-minimo-ko th,
.resumenpedido-tabla tbody.pedido-minimo-ko td{
	opacity:0.35;
}
.resumenpedido-tabla tbody.pedido-minimo-ko >tr.td-taula-pedido > *:nth-child(3),
.resumenpedido-tabla tbody.pedido-minimo-ko .td-taula-pedido td:last-child{
	opacity:1;
}
/* .resumenpedido-tabla .pedido-minimo-ko:after{
	display:block;
	content:"";
	position:absolute;
	width: inherit;
	height: inherit;
	background:white;
	opacity:.3;
} */
.resumenpedido-tabla .pedido-minimo-ko select,
.resumenpedido-tabla .pedido-minimo-ko input,
.resumenpedido-tabla .pedido-minimo-ko button{
	z-index:1100;
	position:relative;
}

#contenido .credit-card-box .tabla-totales>tbody>tr.warning>th,
#contenido .credit-card-box .tabla-totales>tbody>tr.warning>td,
#contenido .credit-card-box .cerrarpedido-totales-tabla>tbody>tr.warning>th,
#contenido .credit-card-box .cerrarpedido-totales-tabla>tbody>tr.warning>td{ /* TOTAL */
	/* background-color:#fff !important; */
	font-size:16px;
	text-transform:uppercase;
}

@media screen and (max-width: 768px){
	.resumenpedido-tabla .resumenpedido-dto,
	.resumenpedido-tabla .resumenpedido-qty{
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow:hidden;
		max-width:60px;
	}
	.resumenpedido-tabla .resumenpedido-desc span {
		font-size:11px;
	}
	.resumenpedido-tabla .subtotales-tabla {
		float:right;
		width:50%;
	}
}
@media screen and (min-width: 992px){
	.resumenpedido-tabla .subtotales-tabla {
		float:right;
		width:50%;
	}
	.resumenpedido-tabla .subtotales-tabla td:first-child{
		padding: 8px 0;
	}
}
@media screen and (min-width: 1240px){
	.resumenpedido-tabla .subtotales-tabla {
		width:40%;
	}
}
/******************* MIS DATOS ******************/
.tabs-panell .panel-body .pedido-info-usuario{padding:16px;}
.tabs-panell .pedido-info-usuario p{border-bottom:1px solid #e0e0e0; padding:6px 0; font-size:14px;}
.tabs-panell .pedido-info-titulo{font-weight:bold; padding-right:6px;}
@media screen and (min-width: 1200px){
	.tabs-panell .pedido-info-usuario .col-sm-6{padding: 2% 5%;}
}
/******************* CONTRASENA ******************/
.tabs-panel-btn-final{padding: 1em;max-width: 1200px; margin: 0 auto 2em; text-align:center;}
.tabs-panel-btn-final hr{border-top: 1px solid #dbdbdb;}

#cambiarpassword .form-panell label{text-transform: none; font-size:16px; font-weight: normal;}
#cambiarpassword .form-panell input{margin-top:4px !important; padding:8px 12px; height:auto; border: 1px solid #BCBCBC !important; border-radius: 4px;box-shadow:none;}
#cambiarpassword #passwordStrength{margin-top:-16px;}

#listaformaspago .btn.forma-pago{
	border-color:#e8e8e8;
}