/* theme_v1.css */

/* =========================
   IDENTIDAD VISUAL
========================= */

:root{

  --primario:#26619C;

  --fondo:#F6F4EF;

  --card:#FFFFFF;

  --texto:#1F1F1F;

  --texto-secundario:#7A7A7A;

  --borde:#E5E1DA;

  --sombra:
    0 2px 8px rgba(0,0,0,.04);

}

/* =========================
   APP
========================= */

body{
  background:var(--fondo);
}

.app,
.pantalla{
  background:var(--fondo);
}

/* =========================
   HEADER
========================= */

.header{

  background:var(--fondo);

  border-bottom:
    1px solid var(--borde);
}

.titulo{
  color:var(--primario);
}

.btn-volver,
.btn-home{
  color:var(--primario);
}

/* =========================
   CARDS
========================= */

.card,
/* .stock-card, */
.doc-list-card,
.doc-detail,
.cobro-form,
.cobro-resumen,
.cobro-cliente-card,
.preview-proveedor-card{

  background:var(--card);

  border:
    1px solid var(--borde);

  box-shadow:
    var(--sombra);

  /* margin-top:2px; */

  /* margin-bottom:2px; */
}

/* =========================
   TEXTOS
========================= */

.card-sub,
.stock-sub,
.doc-list-fecha,
.doc-list-estado,
.doc-detail-entidad,
.doc-detail-meta-label,
.cobro-cliente-zona{

  color:var(--texto-secundario);
}

.card-title,
.stock-title,
.doc-list-tipo,
.doc-detail-tipo,
.cobro-cliente-nombre{

  color:var(--texto);
}

/* =========================
   BOTONES PRINCIPALES
========================= */

#btnConfirmar,
.btn-primario,
.fab{

  background:var(--primario);

  color:#fff;
}

/* =========================
   BOTONES ACTIVOS
========================= */

.resumen-chip-card.active{

  background:var(--primario);

  border-color:var(--primario);

  color:#fff;
}

.resumen-chip-card.active
.resumen-chip-value{

  color:#fff;
}

/* =========================
   INPUTS
========================= */

input,
select,
textarea{

  border:
    1px solid var(--borde);

  border-radius:12px;
}

/* =========================
   TOOLBARS
========================= */

.toolbar-documentos,
.resumen-docs{

  border:
    1px solid var(--borde);

  background:#fff;
}

/* =========================
   DROPDOWNS
========================= */

.dropdown-tipo-btn,
.dropdown-menu-btn{

  border:
    1px solid var(--borde);

  background:#fff;
}

/* =========================
   HEADER V2
========================= */

.header{

  padding:12px 16px;

  min-height:58px;
}

.titulo{

  font-size:16px;

  letter-spacing:1.5px;
}


#fechaDesde.fecha-destacada{

  background:var(--primario);

  border-color:var(--primario);

  color:#fff;

  font-weight:700;

}