/* Layout */
header.navbar{
  position: sticky;
  top: 0;
  z-index: 2;
  background-color: #FFF;
  color: #000;
}
.container-grid{
  width: 100%;
  display: grid;
  grid-template-areas: "sidebar main";
}
.navbar .navbar-nav-container{
  width: 100%;
  display: flex;
  flex-direction: row;
}

.menu-aside-container{
  padding: 0;
  display: block;
}

.menu-aside{
  background-color: #FFF;
  position: sticky;
  top: 62px;
  height: calc(100vh - 6rem);
  width: 250px;
  overflow-y: auto;
  padding-left: 0.5rem;
}
.menu-aside ul{
  list-style: none;
  padding-left: 12px;
  text-decoration: none;
}
.menu-aside ul .menu-section{
  padding: 0.5rem 0;
}
.menu-aside ul strong{
  font-size: 16px;
}
.menu-aside ul .menu-section ul{
  padding-bottom: 0.5rem;
}
.menu-aside a{
  font-size: 14px;
  color: #212529;
  padding: 0.1875rem 0.5rem;
  margin-top: 0.125rem;
  color: var(--bs-body-color);
  display: inline-block;
  border-radius: 0.475rem;
}
.menu-aside a:hover, .menu-aside a.active{
  text-decoration: none;
  background-color: #5bc0de;
  color: #FFF;
}
.menu-aside a.active{
  font-weight: 600;
}

.main-right{
  display: flex;
  flex-direction: column;
  width: calc(100vw - 270px);
}

.header-right{
  position: sticky;
  top: 62px;
  z-index: 1;
  background-color: #FFF;
}

/* Template para mobile */
@media (max-width: 991px){
  .container-grid {
    grid-template-areas: "sidebar" "main";
  }
  .navbar .form-inline input.form-control{
    width: calc(100vw - 130px);
    margin-right: 0.5rem;
  }
  .navbar-expand .navbar-toggler.fx-toggler{
    display: block;
  }

  .menu-aside{
    position: sticky;
    top: 62px;
    height: calc(100vh - 4rem);
    width: calc(100vw - 20px);
    overflow-y: auto;
    z-index: 1;
  }

  .main-right{
    width: calc(100vw - 20px);
    margin: 0 auto;
  }
}
@media (min-width: 992px){
  .menu-aside-container .menu-aside{
    display: block !important;
  }
}


/* generales */
.hidden {
  display: none;
}

ul {
  list-style: disc;
}

.table-xs th, .table-xs td{
  padding: 0 0.325rem;
}

.table-slim th, .table-slim td{
  padding: 0.75rem 0.25rem;
  font-size: 0.875rem;
}

.mini-labels{
  margin-top: -8px;
}

.mini-labels label{
  font-size: 12px;
  font-weight: 400;
  margin: 0;
}
.mini-labels select{
  padding: 0.25rem;
}


input[type=number]{
  text-align: right;
}

.form-card{
  border: 1px solid #CCC;
  border-radius: 6px;
  margin-left: -8px;
  margin-right: -8px;
  margin-bottom: 16px;
  padding: 5px;
}
.form-card .label-form-card{
  position: absolute;
  left: 10px;
  top: -10px;
  font-weight: 600 !important;
  background-color: #FFF;
  padding: 0 5px;
}

.form-card .form-group{
  padding-left: 5px;
  padding-right: 5px;
}


/* layout */

.caja-tienda {
  float: left;
  text-align: center;
  font-size: 12px;
  margin-right: 12px;
}

.container{
  max-width: 100%;
}

/* Navigation*/

.main-nav .nav-link.active {
  background-color: #007bff;
  border-radius: 0.25rem;
  color: #FFFFFF !important;
  padding: 4px 10px;
  margin-top: 4px;
}
/* Listas index */

.venta {
  background-color: #FFFFFF;
  margin-bottom: .25rem;
}
.processing .venta {
  background-color: #FFFFF0;
}
.venta.error-fecha {
  background-color: #FFC0C0;
}
.badge.fecha{
  background-color: #007bff;
  color: #FFFFFF;
}
.nombre{
  font-size: 1rem;
  font-weight: 500;
}
.total{
  font-weight: 500;
}

.current-price{
  font-weight: 700;
}
.regular-price{
  color: #7a7a7a;
  text-decoration: line-through;
}
.clickable{
  cursor: pointer;
}
.ui-autocomplete { 
  z-index: 1070; 
}

.estado-venta.badge{
  white-space: normal;
}

.venta-presencial{
  background-color: #EDF7E5;
  border: 2px solid #28a745 !important;
}
.venta-dominicos{
	background-color: #FFFFFF;
	border: 2px solid #CDDE00 !important;
}
.venta-drugstore{
	background-color: #FFFFFF;
	border: 2px solid #ffca00 !important;
  }
.venta-mercado-libre{
  background-color: #fdf4d2;
}
.venta-feria{
  background-color: #dcedC8;
}
.venta-falabella{
  background-color: #ffe7d6;
}

.venta-factura{
  background-color: #e0f4ff;
}
.venta-nota-credito{
  background-color: #ffd1ea;
}
.venta-merma{
  background-color: #ededed;
}
.venta-abono{
  background-color: #eeebff;
}

.detalle-productos .detalle a{
  margin: 0 12px;
  white-space: nowrap;
}

.canal-venta{
  margin-right: 6px;
  float: left;
}


/* Formularios */

.big-check,
.check-descuenta-iva,
.check-factura,
.check-boleta-lista,
.check-despacho-pagado,
.check-regalo,
.check-descuenta-stock,
.check-contable{
    width: calc(1.5em + .2rem);
    height: calc(1.5em + .2rem);
}

.big-check-label{
  vertical-align: super;
  margin-top: 8px;
}

.transportista{
  background-color: #FFFFFF;
  color: #333333;
  border: 1px solid #333333;
}

.medio-pago{
  border: 1px solid;
}

/* Ajuste Botones */
.btn-group-xs>.btn, .btn-xs {
    padding: .125rem .375rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem;
}

.alt-pills .nav-link.active {
  background-color: #27a84c;
}
.alt-pills a {
  color: #27a84c;
}

/* nav.blue */
.alt-pills.nav-blue .nav-link {
  color: #00AAE4;
}
.alt-pills.nav-blue .nav-link.active {
  background-color: #00AAE4;
  color: white;
}

.not-found{
  background-color: #FDD;
}
.found{
  background-color: #EFE;
}

.label-despacho-pagado{
  vertical-align: super;
}

.badge.ps-id,
.badge.ps-id-product{
  cursor: pointer;
}

/* tabla de transportistas */

.tabla-transportistas{
  width: 100%;
}
.tabla-transportistas td{
  border: 1px solid #000;
  text-align: center;
}

.copy-container{
  text-align: right;
}
.copy-button{
  cursor: pointer;
}
.copy-area{
  width: 100%;
  height: 100px;
}

/* Ajustes formulario de venta */

#modalVenta {
  line-height: 1rem;
}

#modalVenta .form-group{
  margin-bottom: 0.25rem;
}

#modalVenta label{
  font-size: 12px;
  font-weight: 400;
  margin: 0;
}

#modalVenta label.label-check, label.label-check{
  vertical-align: bottom;
  margin-top: 19px;
  font-size: 0.875rem;
  line-height: 0.875rem;
}

#modalVenta label.label-check-inline, label.label-check-inline{
  vertical-align: bottom;
  font-size: 0.875rem;
  line-height: 0.875rem;
}

.compra-revisada{
  background-color: #dcedC8;
}
.check-revisado{
  vertical-align: middle;
}

#modalCompra label{
  font-weight: 400;
  margin: 0;
}

#modalCompra .label-check {
  vertical-align: text-bottom;
  margin-top: 6px;
  font-size: 0.875rem;
  line-height: 1rem;
}

#modalVenta .form-control, #modalCompra .form-control{
  padding: 0.25rem;
  font-size: 0.875rem;
  line-height: 0.875rem;
  height: 1.875rem;
}

/*
#modalVenta .form-control::placeholder {
  color: transparent;
}
*/

#modalVenta h4{
  margin-top: 1rem;
}

#formVenta input[type="date"]::-webkit-calendar-picker-indicator {
  background-position-x: calc(100% - 20px);
  background-position-y: 22px;
  background-size: 17px;
  bottom: 0;
  color: transparent;
  cursor: pointer;
  height: auto;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
}

#formCompra input[type="date"]::-webkit-calendar-picker-indicator {
  background-position-x: calc(100% - 28px);
  background-position-y: 7px;
  background-size: 20px;
  bottom: 0;
  color: transparent;
  cursor: pointer;
  height: auto;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
}


#modalVenta .form-control.text-despacho, #modalVenta .form-control.text-observaciones{
  height: 108px;
  line-height: 16px;
  font-size: 14px;
}

#modalVenta .modal-header{
  padding: 0 1rem;
}

.puntos-texto{
  font-size: 14px;
}
.puntos-texto b{
  font-weight: 700;
  color: #007bff;
}

.row-puntos-disponibles{
  display: none;
}

.puntos-disponibles{
  padding-top: 8px;
  font-weight: 600;
}

.puntos-disponibles b{
  color: #007bff;
  font-weight: 800;
}

/* Datos despacho */
/*
.datos-despacho .col-form-label{
  width: 100%;
  text-align: left;
}
#modalVenta .datos-despacho label{
  display: block;
  width: 100%;
  text-align: right;
  line-height: 1.875rem;
  margin-bottom: 0.25rem;
}

.datos-despacho input{
  margin-bottom: 0.25rem;
}
*/
/* Fin modal venta */

.assigned {
  font-size: 14px;
  font-weight: 600;
}

.send-invoice i{
  font-size: 24px;
  vertical-align: middle;
  cursor: pointer;
}

.send-form i {
  font-size: 24px;
  vertical-align: middle;
  cursor: pointer;
  margin-left: 5px;
}

#vista-eboleta li span{
  font-weight: 600;
}

.form-control.input-producto, #modalCompra .form-control.input-nombre{
  margin-left: 35px;
  width: calc(100% - 25px);
  display: inline;
}

.imagen-producto{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: #EEE;
}

.imagen-producto-single,
.imagen-producto-view{
  width: 42px;
  height: 42px;
  background-color: #EEE;
  margin-right: 10px;
}

.cabeceras-lg div{
  font-size: 11px;
  padding-left: 8px;
  padding-right: 5px;
  padding-bottom: 2px;
  font-weight: 400;
}

.monto {
  padding-left: 2px;
  padding-right: 2px;
  margin-bottom: 0.25rem;
}

.monto input::placeholder {
  font-size: 12px;
  text-align: left;
}
/*
.monto input:read-write::-webkit-inner-spin-button {
  opacity: 1;
}
*/

.div-disponibles{
  font-size: 14px;
  padding-top: 6px;
  text-align: center;
}

.div-disponibles .danger{
  background-color: #F00;
}

.product-warning, .product-warning-almacen {
  padding: 4px;
  padding-left: 36px;
  font-size: 13px;
}
.product-warning .title, .product-warning-almacen .title {
  color: #F00;
  font-weight: 700;
}

.tooltip.show {
  opacity: 1;
}
.tooltip-inner{
  max-width: none;
}

/* Producto Detalle v2 */
.pv2{
  background-color: #FFFFFF;
}

.pv2-top{
  padding: 32px;
}


.pv2-imagen{
  margin-bottom: 6px;
}

.pv2-actions{
  line-height: 32px;
}

.pv2-imagen img{
  width: 100%;
  height: 100%;
}

.pv2-left .badge{
  padding: 8px 12px;
  margin: 0px 6px;
}

.badge.editar-producto,
.badge.ver-ps,
.badge.recontar-producto,
.badge.agregar-venta,
.badge.editar-stocks,
.badge.ver-cambios{
  cursor: pointer;
}

.link-recontar:hover{
  text-decoration: none;
}

.pv2-info{
  margin-top: 12px;
}

.pv2-info h1{
  color: #666666 !important;
  font-size: 1.625rem;
  margin-bottom: 0;
}

.badge-Disponible{
  color: #fff;
    background-color: #28a745;
}
.badge-Preventa{
  color: #212529;
  background-color: #ffc107;
}
.badge-Agotado{
  color: #fff;
  background-color: #dc3545;
}

.pv2-info p{
  margin-bottom: 8px;
}

.pv2-info p.pv2-precio-normal{
  margin-bottom: 0;
  text-decoration: line-through;
}

.pv2-precio{
  font-size: 2rem;
  font-weight: 700;
  color: #007bff;
}

.pv2-precio .descuento-ps{
  font-size: 1rem;
  vertical-align: text-top;
  margin-top: 11px;
}

.pv2-info-datos{
  font-weight: 600;
}

.pv2 .stock{
  overflow: hidden;
  border-top: solid 2px #EEE;
  margin-top: 26px;
  padding-top: 20px;
}

.pv2 .stock div{
  float: left;
  margin-right: 40px;
}
.pv2 .stock div p{
  margin-bottom: 6px;
  color: #999;
  font-size: 14px;
}
.pv2 .stock div p.stock-valor{
  font-size: 2rem;
  color: #007bff;
  font-weight: 600;
  line-height: 28px;
  text-align: center;
}

.stock-almacenes {
  overflow: hidden;
  border-top: solid 2px #EEE;
  margin-top: 12px;
  padding-top: 12px;
}

.stock-almacenes .stocks-almacen-container{
  padding: 8px;
}

.stock-almacenes .stocks-almacen-container .stock-almacen{
  padding: 12px 12px 12px;
  border: 1px solid #CCC;
  border-radius: 6px;
}


.stock-almacenes div p {
  margin-bottom: 6px;
  color: #999;
  font-size: 14px;
  text-align: center;
}

.stock-almacenes .stock-valor {
  font-size: 2rem;
  color: #007bff;
  font-weight: 600;
  line-height: 28px;
  text-align: center;
}

/* Asociados */

.ventas-asociadas{
  border: 1px solid #666;
  background-color: #2f84c6;
  margin-bottom: 5px;
}
.ventas-asociadas .venta {
  margin-bottom: 0;
}

.venta-huerfana{
  background-color: #ff4444;
}

/* menu estados */

.estado-venta-shortcut{
  display: inline-block;
  border: 0px;
  padding: .25em .6em;
  list-style: none;
}

.estado-venta-shortcut li.ui-menu-item{
  list-style-image: none;
}

.estado-venta-shortcut.ui-widget.ui-widget-content,
.estado-venta-shortcut .ui-menu-item .ui-widget-content{
  border: 0px;
  font-size: 75%;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}
.estado-venta-shortcut .ui-menu-item .ui-widget-content{
  padding: 20px;
}

.estado-actual.ui-state-active{
  background-color: inherit;
  color: inherit;
  border: inherit;
  font-size: inherit;
  font-weight: inherit;
  margin: inherit;
}

.estado-venta-shortcut.ui-menu .ui-menu-item-wrapper{
  margin: inherit;
  padding: inherit;
}

.estado-venta-shortcut .ui-menu-item::marker{
  display: none;
}
.estado-venta-shortcut .ui-menu-icon.ui-icon{
  display: none;
}

.estado-venta-shortcut li ul{
  display: none;
  background-color: transparent;
  list-style: none;
}

.estado-venta-shortcut li ul li.ui-menu-item{
  border: 1px solid #FFF;
  padding: .375em 2em;
  font-size: 12px;
  display:block;
  font-weight: 600;
  list-style-image: none;
}

.estado-venta-shortcut li ul li:hover{
  opacity: 1;
}

/* diferencias */
.diferencias th {
  font-weight: 500;
  padding: 0px 10px;
  text-align: center;
}
.diferencias td {
  padding: 0px 10px;
  text-align: center;
}
.diferencias .error{
  color: red;
  font-weight: 500;
}

/* fx-cards*/
.li-cards{
  background-color: #F9F9F9;
}
.fx-cards .card-container{
  padding: 0;
}

.fx-card{
  background-color: #FFF;
  border: 1px solid #DDD;
  margin: 4px;
  padding: 10px;
}

.fx-card p{
  margin-bottom: 0;
}

.fx-card p.header{
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
}

.fx-card p.principal{
  font-size: 44px;
  font-weight: 600;
  line-height: 52px;
}

.fx-progress-container {
  height: 12px;
  background-color: #DDD;
  margin: 8px 0;
}
.fx-progressbar {
  height: 12px;
  background-color: #50e45c;
}

/* Tareas */
.filtros-tareas label{
  color: #333333;
  font-size: 12px;
  font-weight: 600;
  display: block;
  margin-top: -12px;
  margin-bottom: 0;
}

.ver-tarea{
  color: #ffffff;
  background-color: #007bff;
  cursor: pointer;
}

.prioridad-tarea-0{
  color: #ffffff;
  background-color: #6c757d;
}
.prioridad-tarea-1{
  color: #ffffff;
  background-color: #dc3545;
}
.prioridad-tarea-2{
  color: #212529;
  background-color: #f0dc1f;
}
.prioridad-tarea-3{
  color: #ffffff;
  background-color: #007bff;
}
.prioridad-tarea-4{
  color: #ffffff;
  background-color: #17a2b8;
}

/* Pendiente: Rojo */
.estado-tarea-1, .estado-tarea-1:focus{
  color: #ffffff;
  background-color: #dc3545;
}

/* En Proceso: Amarillo */
.estado-tarea-2, .estado-tarea-2:focus{
  color: #212529;
  background-color: #f0dc1f;
}

/* En Validación: Azul */
.estado-tarea-3, .estado-tarea-3:focus {
  color: #ffffff;
  background-color: #4169E1;
}

/* Finalizado: Verde */
.estado-tarea-4, .estado-tarea-4:focus{
  color: #ffffff;
  background-color: #28a745;
}

.select-id-estado-tarea option{
  color: #495057;
  background-color : #ffffff;
}

.select-id-estado-tarea option:disabled{
  color: #cccccc;
}

.detalle-tarea-descripcion{
  overflow-x: auto;
  padding-top: 8px;
  padding-left: 12px;
}

.comentario-contenedor{
  overflow: hidden;
}

.comentario-izquierda{
  width: 48px;
  margin-right: 12px;
  float: left;
}

.comentario-avatar {
  width: 48px;
  height: 48px;
  border-radius: 100%;
  background-color: #DDD;
  text-align: center;
  font-size: 30px;
  font-weight: 700;
}

.comentario-derecha{
  float: left;
  width: calc(100% - 60px);
}
.comentario-fecha{
  font-size: 12px;
  margin-left: 12px;
  vertical-align: 1px;
}

.comentario-contenedor{
  overflow: auto;
}

/* Fin Tareas */

/* Traspasos */

.lista-traspasos{
  font-size: 14px;
}
.lista-productos .articulo-traspaso .pos-producto{
	position: absolute;
	width: 20px;
	font-weight: 600;
}
.articulo-traspaso .form-group{
  margin-bottom: .5rem;
}

.articulo-traspaso .imagen-producto{
  width: 38px;
  height: 38px;
}
.lista-productos .articulo-traspaso .imagen-producto{
  left: 39px;
}
.articulo-traspaso .form-control.input-producto {
  margin-left: 42px;
  width: calc(100% - 35px);
}
.lista-productos .articulo-traspaso .form-control.input-producto {
  margin-left: 66px;
  width: calc(100% - 59px);
}
.articulo-traspaso .span-cantidad-actual{
  margin-top: 8px;
}

.articulo-traspaso .div-solicitado{
  padding-left: 5px;
  padding-right: 5px;
}

/* traspasos */
label.label-solo-deseados{
  vertical-align: super;
  margin-top: 26px;
  font-size: 14px;
}

/* Borrador */
.traspaso-status-0 {
  background-color: #6c757d; /* Gris */
  color: white;
}

/* Solicitado */
.traspaso-status-1 {
  background-color: #17a2b8; /* Azul claro */
  color: white;
}

/* En Preparación */
.traspaso-status-2 {
  background-color: #FF8C00; /* Naranja */
  color: black;
}

/* Preparado */
.traspaso-status-3 {
  background-color: #007bff; /* Azul */
  color: white;
}

/* Completado */
.traspaso-status-4 {
  background-color: #28a745; /* Verde */
  color: white;
}

/* Cancelado */
.traspaso-status-5 {
  background-color: #dc3545; /* Rojo */
  color: white;
}

.traspaso-responsables strong, 
.traspaso-responsables .badge,
.traspaso-fechas strong,
.traspaso-fechas .badge{
  font-size: 12px;
}

.div-solicitado .badge,
.div-preparado .badge,
.div-recibido .badge{
  margin-top: 8px;
}

/* Fin traspasos */

/* Giftcard */

.send-giftcard i{
  font-size: 24px;
  vertical-align: middle;
  cursor: pointer;
}


.tab-content {
    background-color: #FFF;
    padding: 10px;
    border: 1px solid #dee2e6;
    border-top: 0;
}

/* Market Place */
.dashboard-market{
  background-color: #F9F9F9;
}
.kpi{
  background-color: #FFF;
  border: 1px solid #CCC;
  padding: 12px 8px 0;
  border-radius: 6px;
  margin-bottom: 1rem;
}
.kpi h4{
  text-align: center;
  font-size: 16px;
  font-weight: 600;
}
.kpi .kpi-value{
  text-align: center;
  font-size: 36px;
  font-weight: 700;
}

.top-container{
  height: 240px;
  margin-bottom: 1rem;
}

.top-container .top-name{
  float: left;
  width: calc(100% - 100px);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.top-container .top-value{
  text-align: right;
  font-weight: 600;
  width: 100px;
  float: left;
}

.publicados-semana{
  height: 480px;
  margin: 0 auto 1rem;
}

.pie-categorias{
  width: 450px;
  height: 480px;
  margin: 0 auto 1rem;
}

.big-chart{
  width: 100%;
  padding: 10px;
}

.graficos-envios .kpi {
  padding-bottom: 12px;
}
.graficos-envios .rm-container {
  height: 1000px;
}
.graficos-envios .regiones-container {
  height: 500px;
}
.graficos-envios .transportistas-container {
  height: 431px;
}

/* Impresion de codigos */
.barcode-list {
  width: 170px;
}
.barcode{
  height: 120px;
  padding-right: 0;
  text-align: center;
  padding: 4px 4px 4px 14px;
  /*border: 1px solid #000;*/
}
.barcode-nombre{
  width: 100%;
  height: 24px;
  overflow: hidden;
  margin-top: 8px;
  margin-bottom: 4px;
  display: flex;
}

.barcode-list p{
  width: 100%;
  font-size: 10px;
  line-height: 1;
  margin: 0;
  align-self: flex-end;
  margin-bottom: 1px;
}
.barcode-image {
  width: 152px;
  height: 64px;
}

/* Impresión de precios */

.price-list {
  width: 168px;
  padding: 0px 4px 0px 14px;
}
.price-list .price-wrapper{
  height: 120px;
  padding-top: 16px;
  padding-bottom: 4px;
}
.price-list .price{
  height: 100px;
  padding-right: 0;
  text-align: center;
}
.price-list .price-value-wrapper, .price-list .sale-value-wrapper{
  height: 64px;
  overflow: hidden;
}
.price-list .price-value{
  width: 100%;
  text-align: center;
  margin-top: 0px;
  margin-bottom: 4px;
  font-size: 42px;
  font-weight: 500;
  font-family: fantasy;
}
/* precio alto 38 px*/
.price-list .price-value.high-price{
  font-size: 38px;
}


.price-list .price-value span.sign{
  font-size: 16px;
  font-weight: 500;
  vertical-align: middle;
}

.price-list .normal-price-value{
  font-size: 10px;
  background-color: #000;
  color: #FFF;
  font-size: 11px;
  text-transform: uppercase;
}
.price-list .sale-value-wrapper .price-value{
  margin-top: 4px;
  margin-bottom: 4px;
  line-height: 32px;
  font-size: 38px;
}
.price-list .sale-value-wrapper .normal-price-value{
  font-size: 16px;
  font-family: fantasy;
}
.price-list .sale-value-wrapper span.sign{
  font-size: 14px;
  vertical-align: middle;
}
.price-list .sale-value-wrapper span.sign{
  font-size: 14px;
}

.price-list .price-nombre-wrapper{
  height: 32px;
  overflow: hidden;
}
.price-list .price-nombre{
  width: 100%;
  margin: 2px auto;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
  line-height: 10px;

}

.barcode-list p{
  width: 100%;
  font-size: 10px;
  line-height: 1;
  margin: 0;
  align-self: flex-end;
  margin-bottom: 1px;
}

/**/


.anuncios .sin-lectura td{
  background-color: #d1efd8;
  font-weight: 600;
}

#modalAnuncioDetalle .contenido{
  overflow-x: auto;
}


/* Paginación */
.paginacion .info{
  line-height: 2rem;
}

.pagination{
  float: right;
}

/* Administrador de categorias PS */
.producto-categoria{
  width: 100%;
  max-width: 100%;
}

.producto-categoria .input-producto{
  margin-left: 42px;
  max-width: 500px;
  width: calc(100% - 130px);
  vertical-align: middle;
}

.producto-categoria .imagen-producto{
  width: 38px;
  height: 38px;
}

.producto-categoria .product-warning{
  color: #F00;
  font-weight: 700;
  padding-left: 50px;
}

.filtros-check .form-group{
  float: left;
  margin-right: 12px;

}


/******* Selector de Productos ********/

.producto-agregar{
  width: 100%;
  max-width: 100%;
}

.producto-agregar .input-producto{
  margin-left: 42px;
  max-width: 500px;
  width: calc(100% - 130px);
  vertical-align: middle;
}

.producto-agregar .imagen-producto{
  width: 38px;
  height: 38px;
}

.producto-agregar .product-warning{
  color: #F00;
  font-weight: 700;
  padding-left: 50px;
}

.producto-existente .input-cantidad{
  width: 80px;
  margin: 0 auto;
}

/* Almacenes */

/*
.lista-almacenes-productos tr.error td{
  background-color: #fbcbdb;
}
*/

/* Ayudas */
.obs-danger {
	font-size: 12px;
	color: #FF0000;
	font-weight: 700;
}

.ayuda-borrador, .ayuda-borrador:hover, .ayuda-borrador:active {
	color: #FF0000;
}


.disponibles-1601 {
	background-color: #E5F2D3;
}
.disponibles-ld {
	background-color: #F0F7C5;
}
.disponibles-ds {
	background-color: #FFFBE6 ;
}


.sin-registro, .sin-registro:hover{
	color: #dc3545;
}
.con-registro, .con-registro:hover{
	color: #f9b60f;
}
.con-suscripcion, .con-suscripcion:hover{
	color: #28a745;
}


.mensaje-animado {
	max-width: 600px;
	margin: 20px auto;
	padding: 15px 25px;
	color: #fff;
	font-family: 'Arial', sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	border-radius: 12px;
	box-shadow: 0 4px 12px rgba(0,0,0,0.3);
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;

	/* Fondo arcoíris personalizado sin amarillo */
	background: linear-gradient(
		90deg, 
		#8b00ff, /* morado */
		#1e90ff, /* azul */
		#28a745, /* verde */
		#ff0000, /* rojo */
		#ff00ff, /* fucsia */
		#8b00ff  /* volver a morado */
	);
	background-size: 2000% 100%; /* más grande para suavidad */
	animation: rainbowMove 15s linear infinite; /* más lento y suave */
}

.mensaje-animado .icono {
	display: inline-block;
	font-size: 24px;
	animation: iconBounce 1s infinite;
}

@keyframes rainbowMove {
	0% { background-position: 0% 0%; }
	100% { background-position: 100% 0%; }
}

@keyframes iconBounce {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-10px); }
}


.menu-monitor .active{
	color: #ffffff;
	background-color: #5bc0de;
}

#dropdownNotificaciones{
	min-width: 300px;
}
#dropdownNotificaciones .dropdown-item {
	white-space: normal;    /* permite saltos de línea */
	word-wrap: break-word;  /* corta palabras largas */
}

/******* Media querys *******/

@media (max-width: 575px){
  .detalle-productos .detalle a{
    white-space: normal;
  }

  .modal-xl{
    max-width: 100%;
    /*margin-right: -8px;*/
  }
  .container{
    padding: 0 2px;
  }
  .row{
    margin-left: -6px;
    margin-right: -6px;
  }
  .col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12{
    padding-left: 6px;
    padding-right: 6px;
  }

  .list-group-item{
    padding: 4px 6px;
  }

  .modal-dialog{
    margin:2px;
  }
  .modal-body{
    padding: 6px;
    padding-top: 16px;
  }

  #modalVenta label.label-check, label.label-check{
    font-size: 12px;
  }

  .pagination .page-link{
    padding: 0.25rem 0.375rem;
  }
}

@media (max-width: 1199px){
  .modal-lg{
    max-width: 100%;
    padding-right: 0;
  }
  #alertas-auto.navbar-nav .nav-link{
	padding-left: 0.2rem;
	padding-right: 0.2rem;
  }
}

@media (max-width: 767px){
  .filtros-tareas label{
    margin-top: 4px;
  }
}

@media (max-width: 1199px){
  #modalVenta .label-check {
    font-size: 11px;
  }

  .modal-xl{
    max-width: 100%;
    /*margin-right: -8px;*/
  }

}

@media (min-width: 576px) {
  #dropdownNotificaciones{
    min-width: 570px;
  }
}

@media (min-width: 991px) {
  .fx-card p.principal{
    font-size: 28px;
  }
}
@media (min-width: 1199px){
  #dropdownNotificaciones{
    min-width: 900px;
  }
}
@media (min-width: 1400px){
  .container{
    max-width: 1390px;
  }
  .modal-xl{
    max-width: 1360px;
  }
  .fx-card p.principal{
    font-size: 44px;
  }
  #dropdownNotificaciones{
    min-width: 1100px;
  }
}

@media (min-width: 1996px){
  .big-chart{
    width: 50%;
  }
}