.btn-login {
    width: 360px !important;
    color: #fff;
    font-weight: 700;
    background: #e03902;
}

.btn-login:hover,
.btn-login:active,
.btn-login.hover {
  background-color: #b93003 !important;
  color: #fff;
}


.bg-blue1 {
  background: #0081f2 !important;
  color: #fff;
}

.bg-blue2 {
    background-color: #00c0ff !important;
    color: #fff;
}

.bg-green {
    background-color: #00a63d !important;
    color: #fff;
}

.bg-bluegreen {
    background-color: #00d898 !important;
    color: #fff;
}

.bg-purple {
    background-color: #c34ef2 !important;
    color: #fff;
}

.bg-red {
    background-color: #f0133c !important;
    color: #fff;
}

.bg-yellow {
    background-color: #f2aa00 !important;
    color: #fff;
}


#tableVentasJS {
    width: 100%;
    overflow-x: auto;
    cursor: grab; /* Indica que se puede agarrar */
    user-select: none; /* Evita que se seleccione el texto al arrastrar */
    white-space: nowrap;
}

#tableVentasJS:active {
    cursor: grabbing; /* Cambia el cursor al presionar */
}

/* Opcional: Ocultar la barra de scroll para que parezca un slider puro */
#tableVentasJS::-webkit-scrollbar {
    display: none;
}
#tableVentasJS {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}


/*_______________*/

/* Forzar que la lista no tenga viñetas de navegador */
.sortable-list {
    padding-top: 20px !important; /* Espacio para que el mouse suba al nivel 1 */
    padding-bottom: 20px !important;
    min-height: 100px; /* Evita que el contenedor colapse si está vacío */
}

.sortable-list .item {
    list-style: none !important;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 10px 15px;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: grab;
    transition: background 0.2s ease;
}

.sortable-list .item:active {
    cursor: grabbing;
}

.sortable-list .item.dragging {
    opacity: 0.5;
    background: #e9e9e9;
}

/* Para ocultar los puntos si AdminLTE los fuerza */
.sortable-list li::before {
    content: none !important;
}

/* Ensure the modal has a max height and scrolls internally */
.modal-body {
    max-height: calc(100vh - 200px); /* Adjust 200px based on your header/footer size */
    overflow-y: auto;
}

/* Prevent the Select2 dropdown from being cut off by the modal-body scroll */
.select2-container--open {
    z-index: 9999 !important;
}

.lista-resultados {
    position: absolute;
    z-index: 1000;
    width: 100%; /* Ocupa el ancho del contenedor padre */
    background-color: #f4f4f4; /* Gris claro */
    border: 1px solid #ddd;
    max-height: 300px;
    overflow-y: auto;
    display: none; /* Se muestra solo cuando hay resultados */
    box-shadow: 0px 4px 8px rgba(0,0,0,0.1);
}

.item-resultado {
    padding: 10px;
    border-bottom: 1px solid #e0e0e0;
    cursor: pointer;
    transition: background 0.2s;
}

.item-resultado:hover {
    background-color: #e2e2e2; /* Un gris un poco más oscuro al pasar el mouse */
}

.item-resultado b {
    color: #333;
    display: block;
    font-size: 14px;
}

.item-resultado span {
    color: #666;
    font-size: 11px;
    display: block;
    line-height: 1.2;
}