@charset "UTF-8";
.pointer {
  cursor: pointer;
}

.navbar {
  height: 3em;
}

.main {
  overflow-y: hidden;
}

.wrapper {
  overflow-y: auto;
}

.navbar-bars {
  color: #3F4045;
  transition: all 0.33s ease-in-out;
  z-index: 10000;
}
.navbar-bars:hover, .navbar-bars:active, .navbar-bars.active {
  transform: scale(1.4);
  color: #4361ee;
}

.kpi-title {
  font-size: 12px;
}

.kpi-icon {
  height: 50px;
  width: 50px;
  font-size: 24px;
}
.kpi-icon.active {
  background-color: #06d6a0;
  color: #049570;
}
.kpi-icon.negative {
  background-color: #ef476f;
  color: #a7314d;
}
.kpi-icon.neutral {
  background-color: #4895ef;
  color: #3268a7;
}

.sidebar {
  height: 0px;
  transition: margin 1s ease-out, height 1s ease-out;
  width: 100%;
  position: fixed;
  margin-top: -100vh;
  z-index: 500;
  overflow-y: auto;
}
.sidebar.active {
  margin-top: 3em;
  height: calc(100vh - 3em);
}
.sidebar::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
}
.sidebar::-webkit-scrollbar {
  width: 6px;
  background-color: #F5F5F5;
}
.sidebar::-webkit-scrollbar-thumb {
  background-color: #0a58ca;
  border-radius: 10px;
}

.title-container {
  height: 48px;
}

.wrapper {
  width: 100%;
}

@media (min-width: 992px) {
  .navbar-bars {
    display: none;
  }

  .sidebar {
    -webkit-animation: none;
            animation: none;
    position: relative;
    margin-top: 0;
    height: 100vh;
    width: 20%;
  }

  .wrapper {
    width: 80%;
  }
}
.floating-button {
  position: fixed;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  background-color: #4895ef;
  right: 16px;
  bottom: 24px;
  transition: all 0.33s ease-in-out;
  font-size: 21px;
  color: #3268a7;
  opacity: 0.85;
}
.floating-button:hover, .floating-button:active {
  color: white;
  opacity: 1;
}

.icon-container {
  width: 60px;
}

.list-group-item:hover .icon,
.card:hover .row .d-flex .kpi-icon,
.card-body:hover .d-flex .bill-icon {
  -webkit-animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
          animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transition: color 0.33s ease-in-out;
  transform: translate3d(0, 0, 0);
  color: white;
}

.icon {
  color: #000;
  width: 50px;
  height: 50px;
}
.icon.first-place {
  background-color: #06d6a0;
  color: #049570;
}
.icon.middle-place {
  background-color: #ffd166;
  color: #b29247;
}
.icon.last-place {
  background-color: #ef476f;
  color: #a7314d;
}

@-webkit-keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }
  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }
  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }
  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }
  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}
.card-amount:hover {
  color: #4895ef;
}
.card-amount:hover:after {
  right: 0;
}

.card-amount:after {
  border-top: 2px solid #4895ef;
  content: "";
  position: absolute;
  right: 100%;
  bottom: 1px;
  left: 0;
  transition: right 0.8s cubic-bezier(0, 0.5, 0, 1);
}

.bill-card {
  width: 350px;
}
#productsConBill .bill-card {
  width: 75%;
}

.bill-card-product {
  min-height: 100px;
  width: 380px;
}

.bill-folio {
  font-size: 16px;
  color: #33ca7f;
  transition: color 0.33s ease-in-out;
}
.bill-folio:hover {
  color: #28a165;
}

.bill-icon {
  min-width: 48px;
  height: 48px;
}
.bill-icon.waiting {
  background-color: #f9b895;
  color: #f3722c;
}
.bill-icon.manufacturing {
  background-color: #fbca8e;
  color: #f8961e;
}
.bill-icon.transporting {
  background-color: #fccdb6;
  color: #f9844a;
}
.bill-icon.warehouse {
  background-color: #fce8b8;
  color: #f9c74f;
}
.bill-icon.consolidating {
  background-color: #ddebd3;
  color: #90be6d;
}
.bill-icon.finished {
  background-color: #b4f2e2;
  color: #06d6a0;
}
.bill-icon.deleting {
  background-color: #eea9a9;
  color: #d62828;
}
.bill-icon.forpayment {
  min-width: 62px;
  height: 62px;
  font-size: 30px;
}

.btn-bill-products {
  background-color: #f2f2f3 !important;
  transition: all 0.33s ease-in-out;
}
.btn-bill-products:hover {
  background-color: #dfe0e1 !important;
}

.zoom:hover {
  transition: all 0.33s ease-in-out;
  transform: scale(1.1);
}

.bill-title:hover {
  color: #0d6efd;
}

.little-subtext {
  font-size: 10px;
}

.bill-small-text {
  font-size: 11px;
}

.bill-medium-text {
  font-size: 12px;
}

.dotted-line {
  border-bottom: 1px dotted #b1b4b8;
  height: 1px;
}

.dotted-line-vertical {
  border-right: 1px dotted #b1b4b8;
  width: 5px;
}

.bill-product-sku {
  color: #5B6062;
  font-size: 11px;
}

.bill-product-name {
  color: #5B6062;
  font-size: 12px;
}

.bill-product-qty {
  color: #767A7C;
  font-size: 12px;
}

.bill-product-label {
  color: #9E9F9F;
  font-size: 11px;
}

.bill-product-hover:hover .bill-product-label {
  color: #ED3E3E !important;
}

.bill-product-hover:hover .bill-product-qty {
  color: #ED3E3E !important;
}

.bill-product-consolidate .bill-product-label,
.bill-product-consolidate .bill-product-qty {
  color: #06d6a0 !important;
}

.bill-product-alert {
  color: #ED3E3E;
}

.empty-message {
  color: #767A7C;
}

.product-import {
  font-size: 18px;
  color: #06d6a0;
}

.product-import-bkg {
  background-color: #fafefd;
}

.ui-autocomplete {
  z-index: 9999 !important;
}

/* -- Nav Links -- */
.link {
  text-decoration: none;
  color: #000;
}

.link:hover {
  background-color: #0d6efd;
  color: #fff;
}

/* -- Nav Links -- */
.animated-jump {
  -webkit-animation: jump 1.2s ease-in-out;
          animation: jump 1.2s ease-in-out;
}

@-webkit-keyframes jump {
  50% {
    transform: translate(-50%, -70%);
  }
  100% {
    transform: translate(-50%, -50%);
  }
}

@keyframes jump {
  50% {
    transform: translate(-50%, -70%);
  }
  100% {
    transform: translate(-50%, -50%);
  }
}
.animated-jump-button {
  -webkit-animation: jumpbutton 1.2s ease-in-out;
          animation: jumpbutton 1.2s ease-in-out;
}

@-webkit-keyframes jumpbutton {
  50% {
    transform: translate(0, -5%);
  }
  100% {
    transform: translate(0, 0);
  }
}

@keyframes jumpbutton {
  50% {
    transform: translate(0, -5%);
  }
  100% {
    transform: translate(0, 0);
  }
}
.delete-icon {
  color: #9E9F9F;
  transition: all 0.33s ease;
}
.delete-icon:hover {
  color: #d62828;
}

.title-edit {
  opacity: 0;
  transition: all 0.5s ease;
  font-size: 10px;
}

.title-card:hover .title-edit {
  opacity: 1;
}

.img-opacity:hover {
  opacity: 0.5;
}

.icon-acquisition {
  height: 56px;
  width: 56px;
}

.icon-acquisition.pending {
  background-color: #ff8080;
}

.icon-acquisition.coming {
  background-color: #71d3db;
}

.icon-acquisition.supervisor {
  background-color: #ceb1ef;
}

.icon-acquisition.aduana {
  background-color: #f9a47a;
}

.icon-acquisition.finish {
  background-color: #50B883;
}

.icon-acquisition .icon-white {
  visibility: hidden;
  opacity: 0;
}

.icon-acquisition:hover .icon-color {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.33s, visibility 0.3s;
}

.icon-acquisition:hover .icon-white {
  visibility: visible;
  opacity: 1;
}

.icon-bill-v2 {
  height: 56px;
  width: 56px;
}

.icon-bill-v2.total {
  background-color: #EFCA6C;
}

.icon-bill-v2.pending {
  background-color: #ff8080;
}

.icon-bill-v2.prepare {
  background-color: #BCBCBC;
}

.icon-bill-v2.driving {
  background-color: #C9A27D;
}

.icon-bill-v2.otherWarehouse {
  background-color: #E29A59;
}

.icon-bill-v2.shipping {
  background-color: #77AFC6;
}

.icon-bill-v2.finish {
  background-color: #50B883;
}

.icon-bill-v2.bill {
  background-color: #CF8FD1;
}

.icon-bill-v2 .icon-white {
  visibility: hidden;
  opacity: 0;
}

.icon-bill-v2:hover .icon-color {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.33s, visibility 0.3s;
}

.icon-bill-v2:hover .icon-white {
  visibility: visible;
  opacity: 1;
}

.delivery-card-empty {
  cursor: pointer;
  color: #9ca3af;
  gap: 8px;
}

.delivery-card-empty:hover {
  color: #111827;
}

.name-limit {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  /* Número de líneas a mostrar */
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  /* Agrega puntos suspensivos al final del texto si se recorta */
}

.w-container-image {
  width: auto;
}
@media (min-width: 768px) {
  .w-container-image {
    width: 25%;
  }
}

.w-container-item {
  width: auto;
}
@media (min-width: 768px) {
  .w-container-item {
    width: 75%;
  }
}

.check-text {
  font-size: 11px;
}

.icon-wait-order {
  color: #eae9e8;
  background-color: #959492;
}

.icon-working-order {
  color: #ffd166;
  background-color: #b29247;
}

.icon-success-order {
  color: #049570;
  background-color: #06d6a0;
}

.icon-delete-order {
  color: #a7314d;
  background-color: #ef476f;
}

.container-payments {
  height: 300px;
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
}

.bg-red {
  background-color: #f2bebe;
}

.status-historic-sell {
  width: 15px;
  height: 15px;
  background-color: #959492;
}

.status-historic-sell-success {
  background-color: #06d6a0;
}

.subinfo-prices {
  font-size: 14px;
}

.w-15 {
  width: 15%;
}

/* -- Repurchase -- */
.results-container {
  width: 33%;
  border-radius: 4px;
}

.result-title {
  font-size: 11px;
}

.result-number {
  font-size: 12px;
}

.results-danger {
  background-color: #ffe5e5;
  color: red;
}

.results-warning {
  background-color: #fffaef;
  color: #cd8f00;
}

.results-success {
  background-color: #e5f4f0;
  color: #049570;
}

.btn-border-buy {
  border: 1px solid #7f7f7f;
}

.input-group-fixed {
  flex-direction: column;
}

.input-group-fixed > * {
  width: 100% !important;
}

@media (min-width: 768px) {
  .input-group-fixed {
    flex-direction: row;
  }

  .input-group-fixed > * {
    width: auto !important;
  }

  .input-select-fixed {
    flex: 0 0 165px !important;
  }
}