/* Header de inventarios: centra verticalmente titulo y boton.
   El #botones2 original usa margin-top:-30px, que ademas de cancelar el
   margin-bottom:20px del navbar lo solapa 10px (dejando la parte de arriba del
   bar oculta bajo el navbar). Con -20px queda FLUSH con el navbar (cancela solo
   su margin-bottom, sin solapar), asi el bar es 100% visible y el contenido
   centrado con flex se ve realmente centrado. Es robusto ante navbars de
   distinta altura porque -20px solo cancela el margin del navbar. */
.pg-inventarios #botones2.botones-inv, .pg-inventarios#botones2.botones-inv {
  margin-top: -20px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#botones2.botones-inv .tituloBotones,
#botones2.botones-inv .btn-acciones {
  float: none;
  position: static;
  transform: none;
  margin: 0;
  width: auto;
}

/* Headers ordenables: clicables, con la flecha de orden a la derecha del texto.
   El icono neutro (fa-sort) va atenuado; el activo (asc/desc) resalta. */
.pg-inventarios .th-orden, .pg-inventarios.th-orden {
  cursor: pointer;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.pg-inventarios .th-orden:hover, .pg-inventarios.th-orden:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.th-orden .fa {
  margin-left: 4px;
}
.pg-inventarios .th-orden .fa-sort, .pg-inventarios.th-orden .fa-sort {
  opacity: 0.3;
}
.pg-inventarios .th-orden .fa-sort-asc, .pg-inventarios.th-orden .fa-sort-asc, .pg-inventarios .th-orden .fa-sort-desc, .pg-inventarios.th-orden .fa-sort-desc {
  color: #337ab7;
}

/* Boton de limpiar la busqueda dentro del input-group. */
.pg-inventarios .input-group-addon-clear, .pg-inventarios.input-group-addon-clear {
  cursor: pointer;
}

/* Total de registros: entre el combo de droguerias y el buscador. Alineado
   verticalmente con los controles de la fila. */
.pg-inventarios .total-registros, .pg-inventarios.total-registros {
  padding-top: 7px;
  white-space: nowrap;
}
.pg-inventarios .total-registros .total-label, .pg-inventarios.total-registros .total-label {
  color: #777;
  margin-right: 6px;
}
.pg-inventarios .total-registros .total-badge, .pg-inventarios.total-registros .total-badge {
  background-color: #337ab7;
  font-size: 13px;
}


/* Badges de promos de Farma24 junto al nombre (informativos: el precio
   mostrado ya trae esos descuentos aplicados). */
.pg-inventarios .badgePromo, .pg-inventarios.badgePromo {
    display: inline-block;
    margin-left: 6px;
    padding: 1px 7px;
    border-radius: 9px;
    font-size: 10.5px;
    font-weight: bold;
    color: #fff;
    vertical-align: middle;
    white-space: nowrap;
}
.pg-inventarios .badgeOferta, .pg-inventarios.badgeOferta { background-color: #f0ad4e; }
.pg-inventarios .badgePromoRoja, .pg-inventarios.badgePromoRoja { background-color: #d9534f; }
.pg-inventarios .badgeDia, .pg-inventarios.badgeDia { background-color: #5a4fcf; }
.pg-inventarios .badgeLab, .pg-inventarios.badgeLab { background-color: #7c8b99; }

/* La fila de cabeceras se perdia nada mas desplazar: en Inventarios, con mas de 17.000 registros, eso
   significa dejar de saber que columna es cual justo cuando mas filas hay.
   position:sticky la fija contra el borde de la ventana sin necesidad de un
   contenedor con scroll propio, asi que no cambia el comportamiento: la pagina
   sigue desplazandose igual. Comprobado que ningun antecesor tiene overflow
   (lo romperia) y que la pantalla no registra ningun listener de scroll.

   El background explicito es OBLIGATORIO: sin el, las filas se ven por detras
   de la cabecera al pasar. El blanco es exactamente el color que ya se veia,
   heredado de .table, asi que el aspecto no cambia. */
.pg-inventarios table thead th {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 2;
  background-color: #fff;
}