/* compatible_utf8:0 */
@charset "UTF-8";
/* AREA PRIVADA */

/*//////////////////////////////// PROVEEDORES //////////////////////////////////////*/

#fichaProveedor {
	margin-bottom: 25px;
	width: 100%;
}
#fichaProveedor th {
	text-align: left;
	font-size: 0.7em;
	text-transform: uppercase;
	color: var(--color-texto-enfasis-01);
	margin-bottom: 10px;
	border-bottom: 1px solid var(--color-borde-primario-01);
	padding-bottom: 10px;
}
#fichaProveedor h4 {
	color: var(--color-texto-enfasis-01);
	font-size: 1.6em;
	margin: 0;
	padding: 0;
}
#fichaProveedor th p {
	padding: 0;
	margin: 2px;
}
#fichaProveedor td {
	padding: 4px;
	font-size: 0.8em;
	color: var(--color-texto-estandar-01);
	border-bottom: 1px solid var(--color-borde-primario-01);
}
#fichaProveedor strong {
	color: var(--color-texto-enfasis-01);
}
#fichaProveedor td img {
    height: auto;
    width: 100%;
}
#fichaProveedor tr.cebra {
	background-color: var(--color-fondo-secundario-01);
}
#fichaProveedor .tDerecha {
	text-align: right;
	font-size: 12px;
}
#fichaProveedor .tIzquierda {
	text-align: left;
	padding-left: 10px;
	font-size: 12px;
}
a.lnkVolverLista {
	font-size: 11px;
	display: block;
	padding: 3px 15px 3px 5px;
	border-top: 1px solid var(--color-borde-primario-01);
	border-bottom: 1px solid var(--color-borde-primario-01);
	text-align: right;
}
a.lnkVolverLista:hover {
	text-decoration: none;
}
.listados .paginador {
	margin: 0;
}
#listaProveedores {
	margin: 0 0 5px;
	padding: 0;
	list-style: none;
	clear: both;
}
#listaProveedores ul {
	padding: 0;
	list-style: none;
	border-top: 1px solid var(--color-borde-primario-01);
	font-weight: normal;
    margin: 0 0 15px;
}
#listaProveedores li a {
	color: var(--color-texto-estandar-01);
	display: block;
	padding: 6px 10px 6px 0;
	border-bottom: 1px solid var(--color-borde-primario-01);
	font-size:12px;
}
#listaProveedores li:last-child a {
    border: medium none;
}
#listaProveedores.proveedores a {
    border: medium none;
}
#listaProveedores a:hover {
	background-color: var(--color-fondo-secundario-01);
	text-decoration: none;
	padding-left: 15px;
}
.listaSectores ul {
	padding-left: 0;
}
.listaSectores li {
	color: var(--color-texto-enfasis-01);
	display: block;
	padding: 3px 3px;
	border-bottom: 1px solid var(--color-borde-primario-01);
}
.sector {
    color: var(--color-texto-enfasis-01);
    font-size: 12px;
    font-weight: 600;
    list-style: outside none outside;
    margin-left: 15px;
    text-transform: uppercase;
}
p.elementos_encontrados {
	font-size: 12px;
	margin: 0;
	float: left;
	width: 70%;
	padding: 0 0 5px;
}
td.elementos_encontrados {
	font-size: 12px;
	margin-left: 10px;
	margin-top: 0;
	width: 70%;
	margin-bottom: 0;
	padding: 0 0 5px;
}
td.elementos_encontrados:last-child {
    text-align: right;
}
td.nombreSegmento {
	text-align: left;
	font-size: 12px;
}
input.botonLista {
	background: var(--color-fondo-secundario-02);
	border: 1px solid var(--color-texto-estandar-01);
	margin-right: 15px;
	padding: 4px 15px;
	font-weight: bold;
	color: var(--color-texto-enfasis-01);
}
.filtro form {
	font-size: 1.2em;
}
#fichaProveedor .notaPie {
	padding-top: 10px;
	font-size: 12px;
	color: var(--color-error-02);
	padding-bottom: 10px;
}
#fichaProveedor .notaPie a {
	color: var(--color-texto-enfasis-01);
}
/*//////////////////////////////// PROVEEDORES (mis productos) //////////////////////////////////////*/
td.titMisProductos {
	padding-top: 20px;
}
a.lnkNuevoProducto {
	background: url(../images/iconos/ico_nuevo.gif) no-repeat 5px center;
	display: block;
	width: 7.5em;
	font-size: 0.8em;
	padding: 4px 4px 4px 20px;
	margin-right: 10px;
}
#tablaMisProductos th {
	color: var(--color-error-02);
	font-size: 0.8em;
	border-bottom: 2px solid var(--color-borde-primario-01);
}
#tablaMisProductos td {
	text-align: center;
	font-size: 11px;
	border-bottom: 1px solid var(--color-borde-primario-01);
	padding: 4px 1px;
}
#tablaMisProductos .tIzquierda {
	text-align: left;
}
#tablaMisProductos .miniTxt {
	font-size: 0.65em;
}
#tablaMisProductos .cebra {
	background: var(--color-fondo-secundario-01);
}
#tablaNuevoProducto td {
	font-size: 0.8em;
	font-weight: bold;
	padding: 5px 5px 2px;
	color: var(--color-error-02);
}
#tablaNuevoProducto select {
	width: 250px;
	border: 1px solid var(--color-fondo-secundario-03);
	padding: 2px;
}
#tablaNuevoProducto input.campo {
	width: 250px;
	border: 1px solid var(--color-fondo-secundario-03);
	padding: 2px 5px;
}
#tablaNuevoProducto input.campoPeque1 {
	width: 45px;
	border: 1px solid var(--color-fondo-secundario-03);
	padding: 2px 5px;
}
#tablaNuevoProducto input.campoPeque2 {
	width: 28px;
	border: 1px solid var(--color-fondo-secundario-03);
	padding: 2px 5px;
}
#tablaNuevoProducto input.boton {
	width: 150px;
	border: 3px double var(--color-error-02);
	padding: 2px 5px;
	background: var(--color-error-02);
	font-weight: bold;
	text-transform: uppercase;
	color: var(--color-texto-light-01);
	margin-top: 5px;
}
#tablaNuevoProducto textarea {
	width: 250px;
	font-size: 11px;
	border: 1px solid var(--color-fondo-secundario-03);
	padding: 2px 5px;
}
#tablaNuevoProducto .filaFin td {
	padding-bottom: 15px;
	border-bottom: 1px solid var(--color-borde-primario-01);
}
#tablaNuevoProducto .filaIni td {
	padding-top: 15px;
}
#tablaNuevoProducto .lnkBorrar {
	background: url(../images/iconos/ico_delete.gif) no-repeat;
	display: block;
	height: 15px;
	width: 15px;
	float: right;
	text-indent: -999px;
}
/* ::::: ULTIMOS PEDIDOS (EN COLUMNA) ::::: */
.pedido_cliente {
    font-size: 12px;
    padding: 10px;
    background-color: var(--color-fondo-secundario-01);
    margin-top: 3px;
    overflow: hidden;
    position: relative;
}
.pedido_cliente > div.referenciaPedido {
    margin-bottom: 10px;
    display: block;
}
.pedido_cliente > div {
    display: inline-block;
    vertical-align: top;
}
.pedido_cliente > div.importePedido {
    float: right;
}
.pedido_cliente .titulo {
    text-transform: uppercase;
    font-size: 10px;
}
.referenciaPedido .dato {
    color: var(--color-enlace-principal-01);
    font-weight: 600;
}
.fechaPedido .titulo, .estadoPedido .titulo, .importePedido .titulo {
    display: none;
}
.pedido_cliente > div.estadoPedido {
    position: absolute;
    right: 0;
    top: 0;
}
.datoPedido span {
    display: block;
    text-align: center;
    color: var(--color-texto-light-01);
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 600;
    padding: 3px 10px;
}
/*//////////////////////////////// AREA PRIVADA (mis facturas) //////////////////////////////////////*/
.texto_descripcion {
  margin-bottom: 15px;
}
table.tablaFacturas {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 10px;
	border-bottom: 3px solid var(--color-borde-secundario-01);
}
.tablaFacturas th {
    background-color: var(--color-fondo-dark-01);
    color: var(--color-texto-light-01);
    font-size: 10px;
    padding: 6px 10px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    font-family: var(--font-familiy-thead);
}
.tablaFacturas td {
	font-size: 12px;
	padding: 5px 7px;
	vertical-align: middle;
	border-top: 3px solid var(--color-borde-secundario-01);
	background-color: var(--color-fondo-secundario-01);
}
table.tablaRecibos {
    border-collapse: collapse;
    float: right;
    font-size: 11px;
    margin: 0 0 15px;
    padding: 0;
    position: relative;
}
table.tablaRecibos td {
	font-size: 11px;
	padding: 3px;
	border-collapse: collapse;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border: 1px solid var(--color-borde-secundario-01);
	margin: 0;
	line-height: normal;
	color: var(--color-texto-secundario-01);
}
.tablaFacturas tr.tr_recibos td {
    background-color: transparent;
}
.tablaFacturas .celda_tablaRecibos {
	padding-inline: 0;
	border: medium none;
}
table.tablaRecibos th {
	background-color: var(--color-fondo-light-01);
	border: none;
	border-collapse: collapse;
	color: var(--color-texto-enfasis-01);
	font-size: 10px;
	padding: 3px;
	text-transform: uppercase;
	text-align: center;
	font-family: var(--font-familiy-thead);
}
.tablaFacturas td.importeFactura {
	background-color: var(--color-fondo-secundario-01);
	text-align: right;
	font-weight:bold;
	color: var(--color-texto-enfasis-01);
}
.facturaPagada, .reciboPagado {
	color: var(--color-success-01);
}
.facturaPendiente, .reciboPendiente {
	color: var(--color-error-01);
}
.facturaParcialmentepagada {
	color: var(--color-parcial-01);
}
.facturadeAbono {
	color: var(--color-error-01);
}
.reciboDevuelto {
	color: var(--color-parcial-01);
}
td.pagoRecibo .boton {
	border: medium none;
	padding: 4px 15px;
	text-transform: uppercase;
	background-color: var(--color-error-01);
	color: var(--color-texto-light-01);
}
td.pagoRecibo .boton:hover {
	background-color: var(--color-fondo-dark-01);
}
/*//////////////////////////////// AREA PRIVADA (mis salidas) //////////////////////////////////////*/
#alm-origen {
  margin-bottom: 5px;
  font-size: 12px;
}
#alm-origen span {
  text-transform: uppercase;
}
.edit_cant div {
  display: inline-block;
}
/*//////////////////////////////// AREA PRIVADA (listado de compras) //////////////////////////////////////*/
.tablaRecibos.tablaGenerica {
    width: 100%;
}
.tablaRecibos.tablaGenerica::after {
	border: medium none;
}
.tablaRecibos.tablaGenerica th {
	background-color: var(--color-fondo-dark-01);
	color: var(--color-texto-light-01);
	font-family: var(--font-familiy-thead);
	font-size: 10px;
	padding: 6px 10px;
	text-align: center;
	text-transform: uppercase;
}
.tablaRecibos.tablaGenerica td {
	border-bottom: 1px solid var(--color-borde-secundario-01);
	border-left: medium none;
	border-right: medium none;
	font-size: 12px;
	padding: 5px 7px;
}
.tablaRecibos.tablaGenerica td:last-child {
    white-space: nowrap;
}
a.producto span span.referencialista {
    font-size: 11px;
}
a.producto span span.nombreproductolista {
    font-size: 14px;
    color: var(--color-texto-enfasis-01);
    font-weight: bold;
}
/*//////////////////////////////// EXPORTAR CATALOGO //////////////////////////////////////*/
#areaPrivada div.formulario {
	margin: 0;
}
.campos.campos-catalogo {
    border-top: 1px dotted var(--color-borde-primario-01);
    padding-top: 10px;
}
.campos.campos-catalogo li {
    vertical-align: top;
    width: 18%;
}
/*//////////////////////////////// CONFIGURACIONES BOLSA //////////////////////////////////////*/
.menuCartera {
  overflow: hidden;
  margin-top: 20px;
  display: flex;
  gap: 20px;
}
.menuCartera label {
    display: block;
    font-size: 18px;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.menuCartera input[type="text"] {
    text-align: right;
    font-size: 36px;
    width: 150px;
    line-height: 48px;
}
.menuCartera form {
    font-size: 36px;
    text-align: center;
}
.menuCartera input[type="submit"] {
    font-size: 18px;
    text-transform: uppercase;
    padding: 15px 20px;
    vertical-align: top;
    background-color: var(--color-fondo-secundario-03);
    color: var(--color-texto-light-01);
    border-color: var(--color-fondo-secundario-03);
}
.menuCartera input[type="submit"]:hover {
    background-color: var(--color-fondo-dark-01);
}
.cuadroDestacado {
  background-color: var(--color-fondo-light-01);
  flex: 1;
  font-size: 12px;
  text-transform: uppercase;
  padding: 15px;
  color: var(--color-texto-estandar-01);
  text-align: center;
  border: 3px solid var(--color-fondo-secundario-01);
}
.cuadroDestacado span {
    display: block;
    font-size: 24px;
    line-height: 36px;
    font-weight: 600;
    color: var(--color-texto-enfasis-01);
}
.limiteCestaSesion {
    width: 95%;
    margin: 0 auto 20px;
    background-color: var(--color-fondo-secundario-01);
    padding: 10px 20px;
    text-align: center;
}
.limiteCestaSesion ul {
    padding: 0;
    margin: 0;
}
.limiteCestaSesion li {
    list-style: none;
    display: inline-block;
    margin-right: 30px;
}
.limiteCestaSesion li:last-child {
    margin: 0;
}
.titulosCestaSesion {
    font-size: 12px;
    vertical-align: text-top;
}
.datosCestaSesion {
    font-weight: bold;
    color: var(--color-enlace-principal-01);
    font-size: 16px;
}
/*//////////////////////////// MENU PESTANYAS AREA PRIVADA //////////////////////////////////////*/
#menuAreaPrivada {
    position: relative;
}
#menuTabs {
	clear: both;
	list-style: outside none none;
	margin: 0;
	padding: 10px 0 15px;
}
#menuTabs li {
    display: inline-block;
    margin: 7px 3px 3px;
    text-align: center;
    vertical-align: top;
}
#menuTabs li a {
	font-size: 11px;
	text-transform: uppercase;
	display: block;
	padding: 5px 9px;
	background-color: var(--color-fondo-light-01);
	color: var(--color-texto-estandar-01);
	border: 1px solid var(--color-borde-primario-01);
}
#menuTabs li a:hover {
	text-decoration: none;
	background-color: var(--color-borde-secundario-01);
	color: var(--color-texto-enfasis-01);
}
#menuTabs li.activo, #menuTabs li.activo:hover {
	background-color: var(--color-fondo-dark-01);
	font-weight: bold;
	border: 1px solid var(--color-texto-enfasis-01);
}
#menuTabs li.activo a, #menuTabs li.activo a:hover {
	color: var(--color-texto-light-01);
	background-color: var(--color-fondo-dark-01);
	border-width: 0;
	border-style: none;
}
#menuTabs li span::before {
    content: "(";
}
#menuTabs li span::after {
    content: ")";
}
/*///////////////////////////// AREA PRIVADA //////////////////////////////*/
#areaPersonal #base {
  overflow: visible;
}
#areaPersonal p.rastroMigas {
  display: none;
}
#contenido #areaPrivada {
  margin-bottom: 40px;
  overflow: hidden;
}
#contenido #areaPrivada h2 {
  font-size: 20px;
  letter-spacing: 0;
  margin-bottom: 15px;
  padding: 10px;
  text-transform: uppercase;
  text-align: center;
}
.texto_descripcion_direcciones {
  margin-bottom: 20px;
}
/******************************* MIS DATOS *********************************/
#areaPrivada label {
  font-size: 12px;
}
#areaPrivada label.labelradio.otra_dir {
	font-size: 14px;
}
fieldset.areaprivada {
    background-color: transparent;
    border-top: 3px solid var(--color-borde-secundario-01);
    margin-bottom: 30px;
    margin-top: 20px;
    padding: 10px 25px;
}
fieldset.areaprivada legend {
    -moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	-ms-border-radius: 30px;
    margin: 0;
}
#areaPrivada .celdaTitForm {
    background-color: var(--color-fondo-secundario-01);
    border: medium none;
    clear: both;
    color: var(--color-fondo-secundario-03);
    font-size: 12px;
    font-weight: normal;
    padding: 7px 15px;
    text-transform: uppercase;
    width: inherit;
}
#areaPrivada #AP_datosDireccionFactura {
	background-color: transparent;
}
#AP_datosIdentificacion {
	padding-top: 10px;
}
#AP_datosIdentificacion td.campos {
	padding-left: 0;
	width: 85%;
	text-align: left;
}
#AP_datosIdentificacion td, #AP_datosFactura td, #AP_datosDireccionFactura td {
	text-align: right;
}
#AP_datosIdentificacion td.tit_label, #AP_datosFactura td.tit_label, #AP_datosDireccionFactura td.tit_label {
  padding-left: 0;
  min-width: 120px;
  text-align: right;
}
#AP_datosFactura {
	float: left;
	width: 50%;
	padding-bottom: 10px;
	padding-top: 10px;
}
#AP_datosFactura td.campos {
	padding-left: 0;
	width: 70%;
	text-align: left;
}
#AP_datosDireccionFactura {
	background-color: var(--color-fondo-secundario-01);
	float: left;
	width: 50%;
	padding-bottom: 10px;
	padding-top: 10px;
}
#AP_datosDireccionFactura td.campos {
	padding-left: 0;
	width: 70%;
	text-align: left;
}
#AP_datosEnvio {
	padding-top: 10px;
}
#AP_datosEnvio td {
	padding-left: 0;
}
#AP_table_comentarios_dir_envio td {
	text-align: right;
}
#AP_table_comentarios_dir_envio td.campos {
	padding-left: 0;
	width: 85%;
	text-align: left;
}
#AP_avisoLegal td {
	text-align: left;
	padding-left: 0;
}
#AP_avisoLegal {
    margin: 0;
}
p.guardar {
	text-align: right;
	overflow: hidden;
}
p.guardar .lnkSiguiente {
	background-color: var(--color-enlace-principal-01);
	color: var(--color-texto-light-01);
	font-size: 14px;
	padding: 15px 30px;
	text-transform: uppercase;
}
p.guardar .lnkSiguiente:hover {
	text-decoration: none;
	background-color: var(--color-fondo-dark-01);
}
#logoClienteFieldset > div {
  display: flex;
  align-items: center;
  gap: 20px 30px;
  flex-wrap: wrap;
}
img.img_logo {
  max-width: 130px;
  max-height: 64px;
}
/******************************* MIS DIRECCIONES / LISTADO *******************************/
.listado_direcciones {
  flex-direction: column;
  display: flex;
  gap: 20px;
  clear: both;
}
.datos_direccion {
  border: var(--color-borde-primario-01) solid 1px;
  display: block;
  position: relative;
  font-size: 14px;
}
.dir_tipo {
  text-transform: uppercase;
  color: var(--color-texto-enfasis-01);
  font-weight: bold;
  font-size: 11px;
  padding: 5px 20px;
  border-bottom: 1px solid var(--color-borde-primario-01);
}
.dir_datos {
  padding: 10px 20px;
}
.dir_comentarios {
  font-style: italic;
  padding-block: 10px;
}
.dir_botonera {
  padding: 10px 20px;
  display: flex;
  justify-content: flex-end;
  gap: 20px;
  font-size: 12px;
}
.dir_botonera a::before {
  content: "[";
}
.dir_botonera a::after {
  content: "]";
}
#boton-agregar-direccion {
  width: fit-content;
}
/******************************* MIS DIRECCIONES / EDICION DE DIRECCION *******************************/
#formulario_direccion {
    margin-top: 20px;
}
#destinoDireccion {
    margin-bottom: 30px;
    padding-left: 160px;
}
#destinoDireccion label {
    margin-right: 30px;
    text-transform: uppercase;
}
#formulario_direccion p label {
    display: block;
    float: left;
    width: 160px;
    margin-top: 9px;
    text-align: right;
    padding-right: 15px;
}
#areaPrivada p.cancelar.edit_direccion {
    padding-left: 160px;
}
#boton-cancelar-dir {
    display: block;
    float: left;
}
/******************************* MIS PEDIDOS / MIS RESERVAS PENDIENTES *******************************/
.filtro_areaprivada {
  background-color: var(--color-fondo-secundario-01);
  padding: 15px 20px 10px;
  margin-bottom: 10px;
  clear: both;
  width: fit-content;
}
#areaPrivada div.paginador, body#areaMapaWeb div.paginador {
  width: calc(100% - 105px);
  white-space: nowrap;
  overflow: auto;
  display: block;
  border: none;
  float: right;
  text-align: right; 
  margin-bottom: 10px;
  padding: 0 1px;
}
#areaPrivada ul.campos.filtrofecha + div.paginador {
  margin-top: 25px;
}
#areaPrivada .resultado_por_pagina {
  font-size: 12px;
  display: inline-block;
  vertical-align: top;
  width: fit-content;
}
#areaPrivada .resultado_por_pagina input {
  text-align: center;
}
#areaPrivada .paginador .paginaActual, body#areaMapaWeb .paginador .paginaActual {
  background-color: var(--color-fondo-dark-01);
  border: 1px solid var(--color-fondo-dark-01);
  color: var(--color-texto-light-01);
  display: inline-block;
  font-size: 12px;
  padding: 7px 10px;
  text-decoration: none;
  vertical-align: top;
}
#areaPrivada .paginador > a, body#areaMapaWeb .paginador > a {
  border: 1px solid var(--color-borde-primario-01);
  color: var(--color-texto-estandar-01);
  display: inline-block;
  vertical-align: top;
  font-size: 12px;
  padding: 7px 10px !important;
}
#areaPrivada .paginador > a:last-child, body#areaMapaWeb .paginador > a:last-child, #areaPrivada .paginador .paginaActual:last-child {
  margin-right: -5px;
}
#areaPrivada div.paginador > a:hover, body#areaMapaWeb div.paginador > a:hover {
  background-color: var(--color-borde-primario-01);
  text-decoration: none;
  color: var(--color-texto-enfasis-01);
}
#areaPrivada div.paginador.paginadorpie {
  margin-top: 0;
}
.notaSuperior {
  clear: both;
  color: var(--color-fondo-secundario-03);
  font-size: 11px;
}
table.misPedidos {
  border-bottom: 2px solid var(--color-borde-secundario-01);
  border-collapse: collapse;
  margin-bottom: 10px;
  color: var(--color-texto-estandar-01);
  margin-top: 10px;
}
table.misPedidos th {
	background-color: var(--color-fondo-dark-01);
	color: var(--color-texto-light-01);
	font-size: 10px;
	padding: 6px 10px;
	text-align: center;
	text-transform: uppercase;
	vertical-align: middle;
	font-family: var(--font-familiy-thead);
}
table.misPedidos th span {
    display: block;
    line-height: 10px;
    font-size: 8px;
}
table.misPedidos th.th_fecha {
	width: 110px;
}
table.misPedidos td {
  padding: 5px 7px;
  border-top: 1px solid var(--color-borde-secundario-01);
  font-size: 12px;
}
table.misPedidos tr.filaFinanciacionPedido td {
  border-top: 1px dashed var(--color-borde-secundario-01);
}
table.misPedidos td.refPedido > div {
  flex-direction: column;
  display: flex;
  justify-content: center;
}
table.misPedidos td.imagen-compra img {
  max-width: 64px;
  max-height: 64px;
}
.separador01.precioPedido {
  background-color: var(--color-fondo-secundario-01) !important;
  font-weight: bold;
  color: var(--color-texto-enfasis-01);
  font-size: 14px;
}
table.misPedidos td.estadoPedido span {
	font-size: 11px;
    display: block;
    padding: 5px;
    text-transform: uppercase;
    color: var(--color-texto-light-01);
    line-height: 1.2;
	font-weight: 600;
    border-radius: 4px;
}
table.misPedidos td.tipoProceso {
  font-size: 11px;
  line-height: 1.2;
  white-space: nowrap;
}
.tipoProceso span::before {
  content: "";
  /*display: inline-block;*/
  width: 7px;
  height: 7px;
  vertical-align: top;
  margin-right: 5px;
  margin-top: 4px;
}
.estado-no-iniciado {
  font-size: 9px;
  font-weight: 600;
  display: block;
  padding: 3px5px;
  text-transform: uppercase;
  display: block;
  margin-top: 3px;
  border-radius: 4px;
  background-color: var(--color-fondo-secundario-01);
  color: var(--color-texto-enfasis-01);
}
.estado-no-iniciado:hover {
  background: var(--color-enlace-secundario-01);
  color: #fff;
  text-decoration: none;
}
.estado-iniciado::before {
  background-color: var(--color-parcial-01);
}
.estado-iniciado {
  font-weight: normal;
  padding: 5px;
  background-color: #fbde91;
  color: var(--color-fondo-dark-01) !important;
}
.estado-finalizado::before {
  background-color: var(--color-success-01);
}
.estado-solicitado {
  background-color: var(--color-parcial-01);
  color: #fff) !important;
}
.estado-encurso {
	background-color: var(--color-success-01); 
	color: var(--color-texto-enfasis-01);
}
.estado-finalizado {
  background-color: var(--color-enlace-principal-01);
}
.estado-cancelado {
	background-color: var(--color-enlace-secundario-01);
}
.repetir-compra {
  display: block;
}
div.herramientasPedido {
  margin-top: 10px;
}
div.tipoProceso {
  margin-top: 10px;
}
ul.campos.filtrofecha li input[type="date"] {
  text-align: center;
  width: 130px;
}
table.misPedidos.misReservas td.checkbox, table.misPedidos th.checkbox {
    padding-right: 0;
    width: 10px;
	display: table-cell;
	text-align: right;
}
table.misPedidos.misReservas td.checkbox input.css-checkbox[type="checkbox"] + label.labelcheck, table.misPedidos.misReservas th.checkbox input.css-checkbox[type="checkbox"] + label.labelcheck {
  padding-left: 13px;
}
.ordenable {
  color: var(--color-texto-light-01);
  font-weight: 400;
}
table.misPedidos.misReservas th.columnaCantidad {
  width: 80px;
}
.ordActiva {
  color: var(--color-enlace-principal-01);
  text-decoration: underline;
}
.producto {
    color: var(--color-texto-enfasis-01);
    display: block;
    font-weight: 500;
}
.ahorroPorUnidad {
    background-color: var(--color-error-01);
    color: var(--color-texto-light-01);
    font-size: 10px;
    padding: 2px 4px;
    white-space: nowrap;
    font-weight: 600;
}
#areaPrivada p.botoneraInferior {
    margin: 0 0 15px;
    overflow: hidden;
    text-align: right;
}
table.misPedidos tr.totales td {
    color: var(--color-texto-enfasis-01);
    font-size: 16px;
    font-weight: 600;
}
table.misPedidos tr.totales td .ahorroPorUnidad {
    font-size: 12px;
}
#areaPersonal .mensajeAlerta {
    margin-top: 2%;
}
.misPedidos.misReservas .agotado, .misPedidos.misReservas .disponoble, .misPedidos.misReservas .parcialmentedisponible {
    font-size: 14px;
}
table.misReservas td.total {
    text-align: right;
    font-weight: bold;
    font-size: 16px;
    color: var(--color-texto-enfasis-01);
}
.botonera_areaprivada {
  clear: both;
  float: none;
  margin-block: 20px;
  display: flex;
  justify-content: flex-end;
  gap: 20px;
  width: 100%;
}
.botonera_areaprivada .botonsecundario {
  margin-right: auto;
  display: block;
}
#infoToken {
    clear: both;
    margin: 20px 0;
    border: 1px solid var(--color-fondo-secundario-01);
    padding: 0 20px 15px;
    background-color: var(--color-fondo-secundario-01);
    overflow: hidden;
    display:none;
}
#infoToken h6 {
    margin: 15px 0 3px;
    color: var(--color-texto-enfasis-01);
    font-weight: bold;
    font-size: 14px;
}
#infoToken ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
#infoToken li {
    border-bottom: 1px solid var(--color-borde-primario-01);
    padding: 5px 0;
}
#infoToken li:last-child {
    border: none;
}
#infoToken strong {
    color: var(--color-enlace-principal-01);
}
#infoToken a {
    color: var(--color-fondo-secundario-03);
    word-wrap: break-word;
}
table.misPedidos td.agenciaPedido {
    max-width: 120px;
}
.trackingPedido {
    font-size: 11px;
    overflow: hidden;
    word-wrap: break-word;
}
.trackingPedido span {
    display: block;
}
.pedidoFactura a {
    display: block;
}
.botonComprar.excel {
    float: left;
}
.botonComprar.url {
    float: right;
}
/******************************* MIS PEDIDOS (documentos) *******************************/
table.misPedidos td.fila-docs-pedidos, div.misPedidos div.fila-docs-pedidos {
	background: var(--color-fondo-secundario-01);
	border-top: 0 none;
	padding: 4px 4px 0px;
}
#contenido table.misPedidos td.fila-docs-pedidos h3, #contenido div.misPedidos div.fila-docs-pedidos h3 {
	font-size: 11px;
	text-transform: uppercase;
	background: var(--color-borde-secundario-01);
	color: var(--color-fondo-secundario-03);
		padding: 3px 7px 2px;
		margin-bottom: 5px;
}
span.peso-doc {
	font-size: 10px;
	}
table.misPedidos td.descargas-docs-pedidos, div.misPedidos div.fila-docs-pedidos {
	background: var(--color-fondo-secundario-01);
	border-top: 0 none;
	padding: 5px 7px 5px;
}
ul.lista-docs-pedidos {
	margin: 0 0 5px;
	padding: 0;
	list-style-type: none;
}
ul.lista-docs-pedidos li {
	display: inline-block;
	background: #fff;
	padding: 4px 8px;
	margin-right: 4px;
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
	
	-webkit-transition: all 0.3s ease;                  
	-moz-transition: all 0.3s ease;                 
	-o-transition: all 0.3s ease;   
	-ms-transition: all 0.3s ease;          
	transition: all 0.3s ease;
	
	border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
div.misPedidos div.fila-docs-pedidos ul.lista-docs-pedidos li {
	font-size: 12px;
}
ul.lista-docs-pedidos li:hover {
	padding: 4px 11px;
	box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.15);
}
span.peso-doc {
	font-size: 10px;
}
ul.lista-docs-pedidos li img, 
.ico-doc-docs-pedidos {
	width: 12px;
	height: auto;
	display: inline-block;
	margin-right: 2px;
	vertical-align: center;
}
/******************************* PEDIDOS EXPRES *******************************/
div.referencias {
    float: left;
    width: 200px;
    padding-right: 30px;
}
/******************************* MIS AVISOS DE STOCK *******************************/
table.misPedidos.avisosStock th.columnaProducto {
    text-align: left;
}
table.misPedidos.avisosStock td.td_checkbox {
    padding-right: 0;
    text-align: right;
}
table.misPedidos.avisosStock td.td_checkbox {
    text-indent: -999em;
}
table.misPedidos.avisosStock td.celdaProducto {
    padding-left: 0;
    min-width: 250px;
}
table.misPedidos.avisosStock td.celdaEstados {
    text-align: center;
    white-space: nowrap;
}
table.misPedidos.avisosStock td.total {
    color: var(--color-texto-enfasis-01);
    text-align: right;
    font-weight: bold;
    font-size: 16px;
}

/******************************* MIS LISTAS DE LA COMPRA (EDICION) *******************************/
.mensaje-areaprivada {
    border: 1px solid var(--color-borde-primario-01);
    padding: 20px;
    text-align: center;
}
/******************************* MIS COMPRAS *******************************/
#por_referencia {
  min-width: 140px;
  text-align: left;
}
.select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default .select2-selection--multiple {
	border: 1px solid var(--color-borde-primario-01) !important;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
}
/******************************* MIS PEDIDOS (MOVIL) *******************************/
.datosVersionMovil.misPedidos > div {
    border: 2px solid var(--color-borde-secundario-01);
    margin-bottom: 20px;
}
.contenedor_div:first-child {
    background-color: var(--color-borde-secundario-01);
    padding: 5px 15px 10px;
}
.contenedor_div {
    padding: 5px 15px 10px;
    color: var(--color-texto-enfasis-01);
    overflow: hidden;
    line-height: 120%;
    position: relative;
}
.contenedor_div .titulo {
    text-transform: uppercase;
    color: var(--color-texto-estandar-01);
    font-size: 11px;
    display: block;
}
.contenedor_div .dato {
    font-size: 14px;
    font-weight: 600;
}
.contenedor_div:first-child .dato {
    font-size: 18px;
}
.misPedidos .referenciaPedido {
    float: left;
}
.misPedidos .importePedido {
    float: right;
    text-align: right;
}
.datosVersionMovil.misPedidos .fechaPedido, .datosVersionMovil.misPedidos .origenPedido, .datosVersionMovil.misPedidos .referenciaClientePedido, .datosVersionMovil.misPedidos .ticketPedido {
    display: inline-block;
    width: 49%;
    vertical-align: top;
    margin-bottom: 10px;
}
.contenedor_div:nth-child(3) {
    border-top: 2px solid var(--color-borde-secundario-01);
    min-height: 50px;
}
.estadoPedido .titulo {
    display: none;
}
.estadoPedido .dato {
    position: absolute;
    right: 0;
    bottom: 0;
}
.contenedor_div .estadoPedido .estado-solicitado {
    background-color: var(--color-parcial-01);
    color: var(--color-texto-light-01);
    font-weight: 600;
    padding: 5px 10px;
    line-height: 200%;
    text-transform: uppercase;
    font-size: 12px;
}
.contenedor_div .estadoPedido .estado-encurso {
    background-color: var(--color-texto-secundario-01);
    color: var(--color-texto-light-01);
    font-weight: 600;
    padding: 5px 10px;
    line-height: 200%;
    text-transform: uppercase;
    font-size: 12px;
}
.contenedor_div .estadoPedido .estado-finalizado {
	background-color: var(--color-success-01);
	color: var(--color-texto-light-01);
    font-weight: 600;
    padding: 5px 10px;
    line-height: 200%;
    text-transform: uppercase;
    font-size: 12px;
}
.contenedor_div .estadoPedido .estado-cancelado {
	background-color: var(--color-error-01);
	color: var(--color-texto-light-01);
    font-weight: 600;
    padding: 5px 10px;
    line-height: 200%;
    text-transform: uppercase;
    font-size: 12px;
}
.datosVersionMovil.misPedidos .trackingPedido {
    background-color: var(--color-enlace-principal-01);
    padding: 5px;
    text-align: center;
    color: var(--color-texto-light-01);
}
.datosVersionMovil.misPedidos .cabecera_pedido {
	display: flex;
	flex-direction: column;
	gap: 10px; /* Espacio entre los divs */
}
/******************************* MIS RESERVAS PENDIENTES (MOVIL) *******************************/
.datosVersionMovil.misReservasPendientes > div {
    border: 2px solid var(--color-borde-secundario-01);
    margin-bottom: 20px;
}
.datosVersionMovil.misReservasPendientes .referenciaReservasPendientes {
    float: left;
}
.datosVersionMovil.misReservasPendientes .checkbox {
    float: left;
}
.referenciaReservasPendientes .dato {
    font-size: 14px !important;
}
.referenciaReservasPendientes .checkbox + .contenido {
    float: left;
}
.datosVersionMovil.misReservasPendientes div.imagen {
    float: left;
    width: auto;
    margin-right: 20px;
    min-height: 60px;
}
.datosVersionMovil.misReservasPendientes .descripciones {
    float: left;
    width: 70%;
    margin-bottom: 10px;
}
.datosVersionMovil.misReservasPendientes .fecha_lanzamiento {
    float: left;
    margin-right: 20px;
}
.datosVersionMovil.misReservasPendientes .cantidad {
    float: left;
}
.datosVersionMovil.misReservasPendientes .cantidad .agotado, .datosVersionMovil.misReservasPendientes .cantidad .disponible {
    padding: 0;
    font-size: 14px;
    text-align: center;
}
.datosVersionMovil.misReservasPendientes .tarifa {
    float: left;
    width: 50%;
    margin: 0;
}
.datosVersionMovil.misReservasPendientes .precio_sin_iva {
    float: right;
    text-align: right;
}
.datosVersionMovil.misReservasPendientes .estado {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0;
    float: none;
}
.datosVersionMovil.misReservasPendientes .estado .titulo {
    display: none;
}
.datosVersionMovil.misReservasPendientes .estado .dato {
    position: absolute;
    bottom: 4px;
    left: 0;
}
.datosVersionMovil.misReservasPendientes .estado-agotado, .datosVersionMovil.misReservasPendientes .estado-parcialmentedisponible {
    border-radius: 0;
    -webkit-border-radius: 0;
	-moz-border-radius: 0;
	white-space: nowrap;
}
.datosVersionMovil.misReservasPendientes > div.totales {
    border: none;
    overflow: hidden;
}
.datosVersionMovil.misReservasPendientes > div.totales > div {
    float: left;
}
.datosVersionMovil.misReservasPendientes > div.totales > div:nth-child(2) {
    display: none;
}
.datosVersionMovil.misReservasPendientes > div.totales > div:last-child {
    float: right;
    font-size: 24px;
    color: var(--color-enlace-principal-01);
    font-weight: 700;
}
/******************************* MIS FACTURAS (MOVIL) *******************************/
.pendiente, .parcial {
    border: 2px solid #f8e0e0;
    background-color: #fff3f3;
    overflow: hidden;
    margin-bottom: 20px;
    clear: both;
}
.pagada {
    border: 2px solid var(--color-borde-secundario-01);
    overflow: hidden;
    margin-bottom: 20px;
    clear: both;
}
.pendiente .contenedor_div:first-child, .parcial .contenedor_div:first-child {
    background-color: #f8e0e0;
}
.contenedor_div .referenciaFactura {
    float: left;
    margin-top: 7px;
}
.contenedor_div .referenciaFactura .titulo {
    font-size: 18px;
    font-weight: 600;
}
.contenedor_div .referenciaFactura .titulo a {
    color: var(--color-texto-enfasis-01);
}
.contenedor_div .importeFactura {
    float: right;
    text-align: right;
}
.contenedor_div .pedidoFactura {
    color: var(--color-texto-enfasis-01);
    overflow: hidden;
    line-height: 120%;
    position: relative;
	float: left;
    margin-right: 20px;
    margin-bottom: 10px;
}
.contenedor_div .pedidoFactura .dato a {
    color: var(--color-enlace-principal-01);
}
.contenedor_div .fechaFactura {
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
}
.contenedor_div .estadoFactura {
    float: left;
}
.pedidoFactura .titulo, .estadoFactura .titulo {
    text-transform: uppercase;
    color: var(--color-texto-estandar-01);
    font-size: 11px;
}
.misFacturasRecibos {
    padding: 10px;
}
.misFacturasRecibos table.tablaRecibos {
    width: 100%;
}
.pendiente .misFacturasRecibos table.tablaRecibos th, .parcial .misFacturasRecibos table.tablaRecibos th {
    background-color: rgba(248, 224, 224, 0.66);
    border: 1px solid #f3e1e4;
}
.pendiente .misFacturasRecibos table.tablaRecibos td, .parcial .misFacturasRecibos table.tablaRecibos td {
    border: 1px solid #f3e1e4;
}
.referenciaFactura img {
  width: 18px;
  max-height: 18px;
}
/******************************* MIS SALDOS *******************************/
.tablaFacturas.tablaSaldos td.saldoAnterior {
	background-color: var(--color-fondo-secundario-01);
	font-size: 16px;
	text-align: right;
	color: var(--color-texto-enfasis-01);
	font-weight:bold;
}
.fechaSaldo {
	text-align: center;
}
.saldos {
    overflow: hidden;
}
.saldos div {
    float: left;
    clear: none;
    margin-bottom: 10px;
}
#areaPrivada .saldos div.paginador {
    margin-top: 10px;
}
#contenido a.botonsecundario.masSaldo {
    background-color: var(--color-success-01);
    float: left;
    font-size: 12px;
    padding: 12px 20px 12px 42px;
    margin-bottom: 5px;
    background-repeat: no-repeat;
    background-image: url(../images/plus.svg);
    background-size: 18px auto;
    background-position: 20px center;
    color: var(--color-texto-light-01);
    margin-right: 10px;
}
#contenido a.botonsecundario.menosSaldo {
    background-color: var(--color-error-01);
    float: left;
    font-size: 12px;
    padding: 12px 20px 12px 42px;
    margin-bottom: 5px;
    background-repeat: no-repeat;
    background-image: url(../images/minus.svg);
    background-size: 18px auto;
    background-position: 20px center;
    color: var(--color-texto-light-01);
}
.tablaFacturas.tablaSaldos td.saldoAnterior span {
    font-weight: normal;
    color: var(--color-texto-estandar-01);
    font-size: 12px;
    vertical-align: text-top;
}
.tablaFacturas.tablaSaldos td {
    background-color: var(--color-fondo-light-01);
    border-width: 1px;
}
.fechaSaldo span:first-child::after {
    content: ", ";
}
.tablaFacturas.tablaSaldos td.saldoAcumulado {
	background-color: var(--color-fondo-secundario-01);
	font-size: 12px;
	text-align: right;
	font-weight:bold;
	color: var(--color-texto-enfasis-01);
}
.debeSaldo {
	color: var(--color-success-01);
	text-align: right;
	font-size: 12px;
}
.haberSaldo {
	color: var(--color-error-01);
	text-align: right;
	font-size: 12px;
}
#saldoActual {
    float: right;
    font-size: 12px;
    margin-bottom: 15px;
    text-align: right;
}
.importeSaldoActual {
    color: var(--color-texto-enfasis-01);
    font-size: 24px;
    font-weight: bold;
    margin-left: 15px;
    vertical-align: text-top;
    line-height: 24px;
}

/*//////////////////////////////// FANCY AUMENTAR SALDO //////////////////////////////////////*/
#div_aumentar_saldo div.titular_fancy, #div_reducir_saldo div.titular_fancy {
	background-color: var(--color-fondo-dark-01);
    color: var(--color-texto-light-01);
    font-size: 16px;
    padding: 10px 20px;
}
div.contenidoFancyAumentarSaldo, div.contenidoFancyReducirSaldo {
	padding: 20px;
}
@media only screen and (max-width: 950px) {
.areaprivada.misdatos {
    padding-left: 0;
    padding-right: 0;
}
}
@media only screen and (max-width: 768px) {
.mask {
    background: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(100%,rgba(255,255,255,1)));
    border-bottom-right-radius: 8px;
    height: 100px;
    position: absolute;
    pointer-events: none;
    right: 0;
    top: 0;
    width: 40px;
    z-index: 2;
}
.contenedor-menuTabs {
    overflow-x: auto;
    position: relative;
    white-space: nowrap;
}
#menuAreaPrivada #menuTabs {
    padding: 0 30px 15px 0;
    margin: 0 -999em 0 0;
	white-space: nowrap;
	float: left;
	min-width: 280px;
}
#AP_datosIdentificacion td.campos {
    width: 70%;
}
#AP_datosFactura, #AP_datosDireccionFactura {
    width: 100%;
    float: none;
}
}
@media only screen and (max-width: 600px) {
.tpvSaldo, .tipoSaldo {
    display: none;
}
.fechaSaldo span:first-child::after {
    content: "";
}
.fechaSaldo span {
    display: block;
}
}
@media only screen and (max-width: 600px) {
#areaPersonal .cuadroDestacado {
    width: 100%;
    float: none;
}
}
@media only screen and (max-width: 600px) {
.menuCartera {
  flex-direction: column;
}
}
@media only screen and (max-width: 480px) {
#areaPrivada .botoneraInferior a.botonComprar {
    width: 100%;
}
.filtro_misPedidos .campos li, .filtro_misPedidos .campos li input, .filtro_misPedidos .campos li .SumoSelect {
    width: 100%;
}
}
@media only screen and (max-width: 480px) {
/*/////////////////////////////////////////////// AREA PRIVADA /////////////////////////////////////////////////////////*/
fieldset.areaprivada {
    padding: 0;
}
}
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
   ESTILOS HASTA 360 
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media (max-width: 360px) {
/*/////////////////////////////////////////////// AREA PRIVADA /////////////////////////////////////////////////////////*/
#areaPersonal td {
    display: block;
    text-align: left;
    padding-left: 0;
    padding-bottom: 0;
    width: 100%;
}
#AP_datosIdentificacion td.campos, #AP_datosFactura td.campos, #AP_datosDireccionFactura td.campos {
    width: 100%;
    margin-bottom: 10px;
}
#areaPersonal a.botonComprar, #areaPersonal input.botonComprar {
    float: none !important;
}
}