section#orderBook_title {
  padding: 1rem 0;
  height: -moz-fit-content;
  height: fit-content;
  min-height: -moz-fit-content;
  min-height: fit-content;
}
section#orderBook_title .contenedor h1 {
  font-family: "Exo", sans-serif;
  font-size: 1.875rem;
  color: #15253f;
  font-weight: bold;
  font-style: italic;
  text-align: center;
}
section#orderBook_form {
  height: -moz-fit-content;
  height: fit-content;
  min-height: -moz-fit-content;
  min-height: fit-content;
}
section#orderBook_form .contenedor {
  display: grid;
  grid-template-columns: 30rem minmax(0, 1fr);
  gap: 2rem;
  background-color: #ffffff;
  border-radius: 1rem;
  padding: 1rem;
}
@media (max-width: 1024px) {
  section#orderBook_form .contenedor {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 40rem;
  }
}
section#orderBook_form .contenedor .orderBook__info {
  position: relative;
}
section#orderBook_form .contenedor .orderBook__info ul li {
  padding: 0.5rem 1rem;
  border-radius: 3rem;
  color: #1f9ad7;
  font-size: 1.125rem;
  font-weight: 100;
  background: linear-gradient(180deg, #fff 0%, #dadada 100%);
  position: relative;
  overflow: hidden;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  transition: all 0.5s ease;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
section#orderBook_form .contenedor .orderBook__info ul li::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #14243e;
  border-radius: 3rem;
  opacity: 0;
  transition: all 0.5s ease;
  z-index: -1;
}
section#orderBook_form .contenedor .orderBook__info ul li span {
  color: #1f9ad7;
  font-size: 1.125rem;
  font-weight: 100;
  position: relative;
  transition: all 0.3s ease;
  z-index: 2;
}
section#orderBook_form .contenedor .orderBook__info ul li span::before {
  font-weight: 100;
  content: attr(data-title);
  position: absolute;
  font-size: 1.125rem;
  width: -moz-max-content;
  width: max-content;
  line-height: 1.2;
  opacity: 0;
  transition: all 0.3s ease;
}
section#orderBook_form .contenedor .orderBook__info ul li svg {
  height: 1rem;
  width: 2rem;
  z-index: 2;
}
section#orderBook_form .contenedor .orderBook__info ul li svg path {
  fill: #1f9ad7;
  transition: all 0.3s ease;
}
section#orderBook_form .contenedor .orderBook__info ul li:hover, section#orderBook_form .contenedor .orderBook__info ul li.active {
  background-color: #14243e;
  color: #ffffff;
}
section#orderBook_form .contenedor .orderBook__info ul li:hover::before, section#orderBook_form .contenedor .orderBook__info ul li.active::before {
  opacity: 1;
  z-index: 1;
}
section#orderBook_form .contenedor .orderBook__info ul li:hover span, section#orderBook_form .contenedor .orderBook__info ul li.active span {
  color: transparent;
}
section#orderBook_form .contenedor .orderBook__info ul li:hover span::before, section#orderBook_form .contenedor .orderBook__info ul li.active span::before {
  opacity: 1;
  color: #ffffff;
  font-weight: 100;
}
section#orderBook_form .contenedor .orderBook__info ul li:hover svg path, section#orderBook_form .contenedor .orderBook__info ul li.active svg path {
  fill: #ffffff;
}
@media (max-width: 780px) {
  section#orderBook_form .contenedor .orderBook__info ul li {
    font-size: 0.938rem;
    padding: 0.4rem 0.8rem;
  }
}
section#orderBook_form .contenedor .orderBook__info .tab-container {
  overflow: hidden;
  min-height: 200px;
}
section#orderBook_form .contenedor .orderBook__info .tab-container .tab-content {
  position: relative;
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  pointer-events: none;
  height: 0;
  overflow: hidden;
}
section#orderBook_form .contenedor .orderBook__info .tab-container .tab-content.active {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
  height: auto;
}
section#orderBook_form .contenedor .orderBook__info .tab-container .tab-content form {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
section#orderBook_form .contenedor .orderBook__info .tab-container .tab-content form label {
  width: 100%;
  position: relative;
}
section#orderBook_form .contenedor .orderBook__info .tab-container .tab-content form label input {
  width: 100%;
  border: none;
  outline: none;
  background-color: #e9f5fb;
  border: 1px solid #d5ecf7;
  padding: 0.5rem 1rem;
  border-radius: 3rem;
  transition: border-color 0.3s ease;
}
section#orderBook_form .contenedor .orderBook__info .tab-container .tab-content form label input::-moz-placeholder {
  color: #495879;
}
section#orderBook_form .contenedor .orderBook__info .tab-container .tab-content form label input::placeholder {
  color: #495879;
}
section#orderBook_form .contenedor .orderBook__info .tab-container .tab-content form label input.loading {
  border-color: #1f9ad7;
  background-color: #f0f9ff;
}
section#orderBook_form .contenedor .orderBook__info .tab-container .tab-content form label .ruc-loader {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.875rem;
  color: #1f9ad7;
  font-weight: 500;
  display: none;
  animation: pulse 1.5s ease-in-out infinite;
  pointer-events: none;
}
@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
section#orderBook_form .contenedor .orderBook__info .tab-container .tab-content form button[type=submit] {
  padding: 0.5rem 1rem;
  border-radius: 3rem;
  color: #ffffff;
  font-size: 1.125rem;
  font-weight: normal;
  background: linear-gradient(85deg, #1f9ad7 37.44%, #2ba9ee 90.96%);
  position: relative;
  overflow: hidden;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  transition: all 0.5s ease;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
section#orderBook_form .contenedor .orderBook__info .tab-container .tab-content form button[type=submit]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(85deg, #1f9ad7 37.44%, #2ba9ee 90.96%);
  border-radius: 3rem;
  opacity: 0;
  transition: all 0.5s ease;
  z-index: -1;
}
section#orderBook_form .contenedor .orderBook__info .tab-container .tab-content form button[type=submit] span {
  color: #ffffff;
  font-size: 1.125rem;
  font-weight: normal;
  position: relative;
  transition: all 0.3s ease;
  z-index: 2;
}
section#orderBook_form .contenedor .orderBook__info .tab-container .tab-content form button[type=submit] span::before {
  font-weight: normal;
  content: attr(data-title);
  position: absolute;
  font-size: 1.125rem;
  width: -moz-max-content;
  width: max-content;
  line-height: 1.2;
  opacity: 0;
  transition: all 0.3s ease;
}
section#orderBook_form .contenedor .orderBook__info .tab-container .tab-content form button[type=submit] svg {
  height: 1rem;
  width: 2rem;
  z-index: 2;
}
section#orderBook_form .contenedor .orderBook__info .tab-container .tab-content form button[type=submit] svg path {
  fill: #ffffff;
  transition: all 0.3s ease;
}
@media (max-width: 780px) {
  section#orderBook_form .contenedor .orderBook__info .tab-container .tab-content form button[type=submit] {
    font-size: 0.938rem;
    padding: 0.4rem 0.8rem;
  }
}
@media (max-width: 1024px) {
  section#orderBook_form .contenedor .orderBook__info::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    height: 1.5px;
    width: 85%;
    background-color: #15253f;
    border-radius: 1rem;
    transform: translate(-50%, 1rem);
  }
}
section#orderBook_form .contenedor .orderBook__add .descripcion * {
  color: #495879;
  font-weight: 100;
  line-height: 130%;
  font-size: 1.125rem;
}
section#orderBook_form .contenedor .orderBook__add .descripcion p {
  margin: 0.5rem 0;
}
section#orderBook_form .contenedor .orderBook__add .descripcion strong,
section#orderBook_form .contenedor .orderBook__add .descripcion b {
  color: #495879;
  font-weight: 800;
}
section#orderBook_form .contenedor .orderBook__add .descripcion h2,
section#orderBook_form .contenedor .orderBook__add .descripcion h3,
section#orderBook_form .contenedor .orderBook__add .descripcion h4 {
  font-size: 1.125rem;
  font-weight: 800;
  color: #495879;
}
@media (max-width: 780px) {
  section#orderBook_form .contenedor .orderBook__add .descripcion h2,
  section#orderBook_form .contenedor .orderBook__add .descripcion h3,
  section#orderBook_form .contenedor .orderBook__add .descripcion h4 {
    font-size: 1rem;
  }
}
section#orderBook_form .contenedor .orderBook__add .descripcion h2,
section#orderBook_form .contenedor .orderBook__add .descripcion h3,
section#orderBook_form .contenedor .orderBook__add .descripcion h4 {
  margin: 1rem 0;
}
section#orderBook_form .contenedor .orderBook__add .descripcion ul li,
section#orderBook_form .contenedor .orderBook__add .descripcion ol li {
  list-style-type: disc;
  margin-left: 1.5rem;
}
section#orderBook_form .contenedor .orderBook__add .descripcion ol li {
  list-style-type: decimal;
}
section#orderBook_form .contenedor .orderBook__add .descripcion > ul, section#orderBook_form .contenedor .orderBook__add .descripcion > ol {
  padding: 0.5rem 0;
}
section#orderBook_form .contenedor .orderBook__add .descripcion > ul ol li,
section#orderBook_form .contenedor .orderBook__add .descripcion > ul ul li, section#orderBook_form .contenedor .orderBook__add .descripcion > ol ol li,
section#orderBook_form .contenedor .orderBook__add .descripcion > ol ul li {
  padding: 0;
}
section#orderBook_form .contenedor .orderBook__add .descripcion img {
  max-width: 100%;
  border-radius: 1.5rem;
}
@media (max-width: 780px) {
  section#orderBook_form .contenedor .orderBook__add .descripcion img {
    border-radius: 0.8rem;
  }
}
section#orderBook_form .contenedor .orderBook__add > button {
  padding: 0.5rem 1rem;
  border-radius: 3rem;
  color: #ffffff;
  font-size: 1.125rem;
  font-weight: normal;
  background: linear-gradient(85deg, #1f9ad7 37.44%, #2ba9ee 90.96%);
  position: relative;
  overflow: hidden;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  transition: all 0.5s ease;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
section#orderBook_form .contenedor .orderBook__add > button::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(85deg, #1f9ad7 37.44%, #2ba9ee 90.96%);
  border-radius: 3rem;
  opacity: 0;
  transition: all 0.5s ease;
  z-index: -1;
}
section#orderBook_form .contenedor .orderBook__add > button span {
  color: #ffffff;
  font-size: 1.125rem;
  font-weight: normal;
  position: relative;
  transition: all 0.3s ease;
  z-index: 2;
}
section#orderBook_form .contenedor .orderBook__add > button span::before {
  font-weight: normal;
  content: attr(data-title);
  position: absolute;
  font-size: 1.125rem;
  width: -moz-max-content;
  width: max-content;
  line-height: 1.2;
  opacity: 0;
  transition: all 0.3s ease;
}
section#orderBook_form .contenedor .orderBook__add > button svg {
  height: 1rem;
  width: 2rem;
  z-index: 2;
}
section#orderBook_form .contenedor .orderBook__add > button svg path {
  fill: #ffffff;
  transition: all 0.3s ease;
}
@media (max-width: 780px) {
  section#orderBook_form .contenedor .orderBook__add > button {
    font-size: 0.938rem;
    padding: 0.4rem 0.8rem;
  }
}
section#orderBook_form .contenedor .orderBook__add > p {
  font-size: 1.125rem;
}
section#orderBook_form .contenedor .orderBook__add form {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
section#orderBook_form .contenedor .orderBook__add form > label {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  background-color: #e9f5fb;
  border-radius: 3rem;
  padding-left: 1rem;
}
section#orderBook_form .contenedor .orderBook__add form > label input {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 2;
}
section#orderBook_form .contenedor .orderBook__add form > label span.title {
  width: 100%;
}
section#orderBook_form .contenedor .orderBook__add form > label span.button {
  padding: 0.5rem 1rem;
  border-radius: 3rem;
  color: #ffffff;
  font-size: 1.125rem;
  font-weight: normal;
  background: linear-gradient(85deg, #1f9ad7 37.44%, #2ba9ee 90.96%);
  position: relative;
  overflow: hidden;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  transition: all 0.5s ease;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
section#orderBook_form .contenedor .orderBook__add form > label span.button::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(85deg, #1f9ad7 37.44%, #2ba9ee 90.96%);
  border-radius: 3rem;
  opacity: 0;
  transition: all 0.5s ease;
  z-index: -1;
}
section#orderBook_form .contenedor .orderBook__add form > label span.button span {
  color: #ffffff;
  font-size: 1.125rem;
  font-weight: normal;
  position: relative;
  transition: all 0.3s ease;
  z-index: 2;
}
section#orderBook_form .contenedor .orderBook__add form > label span.button span::before {
  font-weight: normal;
  content: attr(data-title);
  position: absolute;
  font-size: 1.125rem;
  width: -moz-max-content;
  width: max-content;
  line-height: 1.2;
  opacity: 0;
  transition: all 0.3s ease;
}
section#orderBook_form .contenedor .orderBook__add form > label span.button svg {
  height: 1rem;
  width: 2rem;
  z-index: 2;
}
section#orderBook_form .contenedor .orderBook__add form > label span.button svg path {
  fill: #ffffff;
  transition: all 0.3s ease;
}
@media (max-width: 780px) {
  section#orderBook_form .contenedor .orderBook__add form > label span.button {
    font-size: 0.938rem;
    padding: 0.4rem 0.8rem;
  }
}
section#orderBook_form .contenedor .orderBook__add form .orderBook__action-options {
  padding-top: 1rem;
}
@media (max-width: 480px) {
  section#orderBook_form .contenedor .orderBook__add form .orderBook__action-options {
    flex-direction: column;
    gap: 0.5rem;
    width: 11rem;
    max-width: 100%;
    margin: 0 auto;
  }
}
section#orderBook_form .contenedor .orderBook__add form .orderBook__action-options > div {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
section#orderBook_form .contenedor .orderBook__add form .orderBook__action-options > div::before {
  position: relative;
  content: "";
  height: 0.85rem;
  width: 0.85rem;
  border-radius: 3px;
  border: 1px solid #495879;
  transition: all 0.3s ease;
}
section#orderBook_form .contenedor .orderBook__add form .orderBook__action-options > div input {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0;
}
section#orderBook_form .contenedor .orderBook__add form .orderBook__action-options > div label {
  transition: all 0.3s ease;
}
section#orderBook_form .contenedor .orderBook__add form .orderBook__action-options > div:has(input:checked)::before {
  background-color: #1f9ad7;
  border-color: #1f9ad7;
}
section#orderBook_form .contenedor .orderBook__add form .orderBook__action-options > div:has(input:checked) label {
  color: #1f9ad7;
}
section#orderBook_form .contenedor .orderBook__add form > button[type=submit] {
  margin: 0 auto;
  padding: 0.5rem 1rem;
  border-radius: 3rem;
  color: #ffffff;
  font-size: 1.125rem;
  font-weight: normal;
  background: linear-gradient(85deg, #1f9ad7 37.44%, #2ba9ee 90.96%);
  position: relative;
  overflow: hidden;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  transition: all 0.5s ease;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
section#orderBook_form .contenedor .orderBook__add form > button[type=submit]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(85deg, #1f9ad7 37.44%, #2ba9ee 90.96%);
  border-radius: 3rem;
  opacity: 0;
  transition: all 0.5s ease;
  z-index: -1;
}
section#orderBook_form .contenedor .orderBook__add form > button[type=submit] span {
  color: #ffffff;
  font-size: 1.125rem;
  font-weight: normal;
  position: relative;
  transition: all 0.3s ease;
  z-index: 2;
}
section#orderBook_form .contenedor .orderBook__add form > button[type=submit] span::before {
  font-weight: normal;
  content: attr(data-title);
  position: absolute;
  font-size: 1.125rem;
  width: -moz-max-content;
  width: max-content;
  line-height: 1.2;
  opacity: 0;
  transition: all 0.3s ease;
}
section#orderBook_form .contenedor .orderBook__add form > button[type=submit] svg {
  height: 1rem;
  width: 2rem;
  z-index: 2;
}
section#orderBook_form .contenedor .orderBook__add form > button[type=submit] svg path {
  fill: #ffffff;
  transition: all 0.3s ease;
}
@media (max-width: 780px) {
  section#orderBook_form .contenedor .orderBook__add form > button[type=submit] {
    font-size: 0.938rem;
    padding: 0.4rem 0.8rem;
  }
}
section#orderBook_list {
  height: -moz-fit-content;
  height: fit-content;
  min-height: -moz-fit-content;
  min-height: fit-content;
}
@media (max-width: 780px) {
  section#orderBook_list {
    padding: 0 0 1rem 0;
  }
}
section#orderBook_list .contenedor .section__table-header {
  display: grid;
  grid-template-columns: minmax(0, 3.5fr) repeat(3, minmax(0, 1fr));
  padding: 0.5rem 1rem;
  background-color: #14243e;
  border-radius: 3rem;
  gap: 0.5rem;
}
@media (max-width: 1024px) {
  section#orderBook_list .contenedor .section__table-header {
    display: none;
  }
}
section#orderBook_list .contenedor .section__table-header span {
  color: #ffffff;
}
section#orderBook_list .contenedor .section__table-body {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
section#orderBook_list .contenedor .section__table-body-row {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 3.5fr) repeat(3, minmax(0, 1fr));
  padding: 0.5rem 1rem;
  border-radius: 1rem;
  gap: 0.5rem;
}
@media (max-width: 1024px) {
  section#orderBook_list .contenedor .section__table-body-row {
    grid-template-columns: minmax(0, 1fr) 10rem 2rem;
  }
}
@media (max-width: 560px) {
  section#orderBook_list .contenedor .section__table-body-row {
    display: flex;
    flex-direction: column;
  }
}
section#orderBook_list .contenedor .section__table-body-row:nth-child(odd) {
  background-color: #ffffff;
}
section#orderBook_list .contenedor .section__table-body-row .col-product {
  display: grid;
  grid-template-columns: 1rem 12rem 5rem minmax(0, 1fr);
  align-items: center;
  gap: 0.5rem;
}
@media (max-width: 1024px) {
  section#orderBook_list .contenedor .section__table-body-row .col-product {
    grid-area: 1/1/4/2;
  }
}
@media (max-width: 780px) {
  section#orderBook_list .contenedor .section__table-body-row .col-product {
    grid-template-columns: 1rem 4rem minmax(0, 1fr);
  }
}
@media (max-width: 560px) {
  section#orderBook_list .contenedor .section__table-body-row .col-product {
    grid-template-columns: minmax(0, 7rem) minmax(0, 1fr) 2rem;
  }
}
section#orderBook_list .contenedor .section__table-body-row .col-product label {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5rem;
}
@media (max-width: 780px) {
  section#orderBook_list .contenedor .section__table-body-row .col-product label {
    grid-area: 1/1/2/2;
  }
}
@media (max-width: 560px) {
  section#orderBook_list .contenedor .section__table-body-row .col-product label {
    display: none;
  }
}
section#orderBook_list .contenedor .section__table-body-row .col-product label::before {
  position: relative;
  content: "";
  height: 0.75rem;
  width: 0.75rem;
  aspect-ratio: 1/1;
  border-radius: 0.25rem;
  border: 1px solid #1f9ad7;
  background-color: transparent;
  transition: all 0.3s ease;
}
section#orderBook_list .contenedor .section__table-body-row .col-product label:has(input:checked)::before {
  background-color: #1f9ad7;
}
section#orderBook_list .contenedor .section__table-body-row .col-product label:has(input[disabled]) {
  cursor: not-allowed;
  opacity: 0.5;
}
section#orderBook_list .contenedor .section__table-body-row .col-product .sugerir {
  position: relative;
}
section#orderBook_list .contenedor .section__table-body-row .col-product .sugerir #sku-suggestions {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  overflow-y: auto;
  max-height: 20rem;
  background-color: #ffffff;
  z-index: 5;
  border-radius: 0.5rem;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05);
}
section#orderBook_list .contenedor .section__table-body-row .col-product .sugerir #sku-suggestions .sku-suggestion-item {
  display: grid;
  grid-template-columns: 3rem minmax(0, 1fr);
  padding: 0.5rem;
  background-color: transparent;
  transition: all 0.3s ease;
  cursor: pointer;
}
section#orderBook_list .contenedor .section__table-body-row .col-product .sugerir #sku-suggestions .sku-suggestion-item .suggestion-info .suggestion-name {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 4.5em;
}
section#orderBook_list .contenedor .section__table-body-row .col-product .sugerir #sku-suggestions .sku-suggestion-item:hover {
  background-color: rgba(0, 0, 0, 0.1450980392);
}
section#orderBook_list .contenedor .section__table-body-row .col-product input[type=checkbox] {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0;
}
@media (max-width: 1024px) {
  section#orderBook_list .contenedor .section__table-body-row .col-product input[type=checkbox] {
    display: none;
  }
}
section#orderBook_list .contenedor .section__table-body-row .col-product input.sku-input {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  border: none;
  outline: none;
  background-color: #e9f5fb;
  padding: 0.5rem 1rem;
  border-radius: 3rem;
}
@media (max-width: 780px) {
  section#orderBook_list .contenedor .section__table-body-row .col-product input.sku-input {
    grid-area: 1/2/2/4;
  }
}
@media (max-width: 560px) {
  section#orderBook_list .contenedor .section__table-body-row .col-product input.sku-input {
    grid-area: 1/1/2/3;
  }
}
section#orderBook_list .contenedor .section__table-body-row .col-product input.sku-input::-moz-placeholder {
  color: #495879;
}
section#orderBook_list .contenedor .section__table-body-row .col-product input.sku-input::placeholder {
  color: #495879;
}
section#orderBook_list .contenedor .section__table-body-row .col-product img {
  height: auto;
  width: 100%;
  aspect-ratio: 1/1;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  border-radius: 0.3rem;
}
@media (max-width: 780px) {
  section#orderBook_list .contenedor .section__table-body-row .col-product img {
    grid-area: 2/1/3/3;
  }
}
@media (max-width: 560px) {
  section#orderBook_list .contenedor .section__table-body-row .col-product img {
    grid-area: 2/1/3/2;
  }
}
@media (max-width: 560px) {
  section#orderBook_list .contenedor .section__table-body-row .col-product .product-description {
    grid-area: 2/2/3/4;
  }
}
section#orderBook_list .contenedor .section__table-body-row .price-value {
  width: 100%;
  display: flex;
  gap: 0.2rem;
}
@media (max-width: 560px) {
  section#orderBook_list .contenedor .section__table-body-row .price-value {
    grid-area: 1/2/2/3;
  }
}
section#orderBook_list .contenedor .section__table-body-row .price-value .igv {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.7rem;
  color: #495879;
  margin: auto 0;
}
section#orderBook_list .contenedor .section__table-body-row .col-price,
section#orderBook_list .contenedor .section__table-body-row .col-total {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5rem;
}
@media (max-width: 1024px) {
  section#orderBook_list .contenedor .section__table-body-row .col-price,
  section#orderBook_list .contenedor .section__table-body-row .col-total {
    grid-area: 1/2/2/3;
  }
}
@media (max-width: 560px) {
  section#orderBook_list .contenedor .section__table-body-row .col-price,
  section#orderBook_list .contenedor .section__table-body-row .col-total {
    display: grid;
    grid-template-columns: minmax(0, 7rem) minmax(0, 1fr);
  }
}
section#orderBook_list .contenedor .section__table-body-row .col-price .ti_card_product__price-line,
section#orderBook_list .contenedor .section__table-body-row .col-total .ti_card_product__price-line {
  display: inline-flex;
  width: 6rem;
}
section#orderBook_list .contenedor .section__table-body-row .col-price .ti_card_product__price-line .ti_card_product__tooltip,
section#orderBook_list .contenedor .section__table-body-row .col-total .ti_card_product__price-line .ti_card_product__tooltip {
  transform: translate(-28%, -108%);
}
section#orderBook_list .contenedor .section__table-body-row .col-price .ti_card_product__price-line .ti_card_product__tooltip::before,
section#orderBook_list .contenedor .section__table-body-row .col-total .ti_card_product__price-line .ti_card_product__tooltip::before {
  width: 100%;
  background-position: 0 0.3rem;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAyIiBoZWlnaHQ9IjcyIiB2aWV3Qm94PSIwIDAgMjAyIDcyIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cmVjdCB3aWR0aD0iMjAxLjk5OSIgaGVpZ2h0PSI1NC45MjEzIiByeD0iMTAiIGZpbGw9IiMxNDI0M0UiLz4KPHBhdGggZD0iTTY3LjYxNTkgNjIuMzI4NEM2NS41ODQ1IDYzLjU3OTYgNjIuOTc2MiA2Mi4wNzM5IDYzLjA0MzggNTkuNjg5MUw2My40NDA3IDQ1LjY4MTRDNjMuNTA1IDQzLjQxMDcgNjUuOTcxOSA0Mi4wMzI1IDY3LjkzOTMgNDMuMTY4M0w3OS40NzQxIDQ5LjgyNjlDODEuNDQxNSA1MC45NjI3IDgxLjQ4MTggNTMuNzg4MSA3OS41NDc2IDU0Ljk3OTVMNjcuNjE1OSA2Mi4zMjg0WiIgZmlsbD0iIzE0MjQzRSIvPgo8L3N2Zz4K);
}
section#orderBook_list .contenedor .section__table-body-row .col-quantity {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  flex-direction: column;
}
@media (max-width: 1024px) {
  section#orderBook_list .contenedor .section__table-body-row .col-quantity {
    grid-area: 2/2/3/3;
  }
}
@media (max-width: 560px) {
  section#orderBook_list .contenedor .section__table-body-row .col-quantity {
    display: grid;
    grid-template-columns: minmax(0, 7rem) minmax(0, 1fr);
  }
}
section#orderBook_list .contenedor .section__table-body-row .col-quantity input {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  border: none;
  outline: none;
  background-color: #e9f5fb;
  padding: 0.5rem 1rem;
  border-radius: 3rem;
}
section#orderBook_list .contenedor .section__table-body-row .col-quantity input::-moz-placeholder {
  color: #495879;
}
section#orderBook_list .contenedor .section__table-body-row .col-quantity input::placeholder {
  color: #495879;
}
section#orderBook_list .contenedor .section__table-body-row .col-quantity .stock-status {
  font-size: 0.75rem;
}
section#orderBook_list .contenedor .section__table-body-row .col-quantity .stock-status.no-stock {
  color: red;
}
section#orderBook_list .contenedor .section__table-body-row .col-quantity .stock-status.no-stock svg path {
  fill: red;
}
section#orderBook_list .contenedor .section__table-body-row .col-quantity .stock-status.with-stock {
  color: #0cad99;
}
section#orderBook_list .contenedor .section__table-body-row .col-quantity .stock-status.with-stock svg path {
  fill: #0cad99;
}
section#orderBook_list .contenedor .section__table-body-row .col-quantity .stock-status.partial-stock {
  color: #495879;
}
section#orderBook_list .contenedor .section__table-body-row .col-quantity .stock-status.partial-stock strong {
  font-size: 0.75rem;
  font-weight: bold;
  font-family: "Exo", sans-serif;
}
section#orderBook_list .contenedor .section__table-body-row .col-quantity .stock-status.partial-stock svg path {
  stroke: #495879;
  fill: #495879;
}
@media (max-width: 560px) {
  section#orderBook_list .contenedor .section__table-body-row .col-quantity input {
    grid-area: 1/2/2/3;
  }
}
@media (max-width: 560px) {
  section#orderBook_list .contenedor .section__table-body-row .col-quantity .stock-status {
    grid-area: 2/2/3/3;
    margin: 0 auto;
  }
}
section#orderBook_list .contenedor .section__table-body-row .col-total {
  justify-content: space-between;
}
@media (max-width: 1024px) {
  section#orderBook_list .contenedor .section__table-body-row .col-total {
    grid-area: 3/2/4/3;
  }
}
@media (max-width: 1024px) {
  section#orderBook_list .contenedor .section__table-body-row .col-total > button {
    position: absolute;
    top: 50%;
    right: 1rem;
    transform: translateY(-50%);
  }
}
@media (max-width: 560px) {
  section#orderBook_list .contenedor .section__table-body-row .col-total > button {
    top: 0.5rem;
    right: 1rem;
    transform: translateY(10%);
  }
}
section#orderBook_list .contenedor .section__table-body-row.default .col-product .sugerir {
  grid-column: span 3;
}
section#orderBook_list .contenedor .section__table-body-row.default .col-price,
section#orderBook_list .contenedor .section__table-body-row.default .col-quantity,
section#orderBook_list .contenedor .section__table-body-row.default .col-total {
  display: none;
}
@media (max-width: 1180px) {
  section#orderBook_list .contenedor .section__actions {
    flex-direction: column;
    gap: 0.5rem;
  }
}
@media (max-width: 780px) {
  section#orderBook_list .contenedor .section__actions:first-child {
    display: none;
  }
}
section#orderBook_list .contenedor .section__actions .actionsTable {
  padding: 0.5rem 1rem;
}
section#orderBook_list .contenedor .section__actions .actionsTable * {
  color: #495879;
  line-height: 1;
}
section#orderBook_list .contenedor .section__actions .actionsTable *[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}
section#orderBook_list .contenedor .section__actions .actionsTable label {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5rem;
}
@media (max-width: 560px) {
  section#orderBook_list .contenedor .section__actions .actionsTable label {
    display: none;
  }
}
section#orderBook_list .contenedor .section__actions .actionsTable label::before {
  position: relative;
  content: "";
  height: 0.75rem;
  width: 0.75rem;
  aspect-ratio: 1/1;
  border-radius: 0.25rem;
  border: 1px solid #495879;
  background-color: transparent;
  transition: all 0.3s ease;
}
section#orderBook_list .contenedor .section__actions .actionsTable label input {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0;
}
section#orderBook_list .contenedor .section__actions .actionsTable label:has(input:checked)::before {
  background-color: #495879;
}
section#orderBook_list .contenedor .section__actions .actionsTable label:has(input[disabled]) {
  cursor: not-allowed;
  opacity: 0.5;
}
section#orderBook_list .contenedor .section__actions .actionsTable button {
  text-decoration: underline;
}
@media (max-width: 560px) {
  section#orderBook_list .contenedor .section__actions .actionsTable button.selectDelete {
    display: none;
  }
}
@media (max-width: 560px) {
  section#orderBook_list .contenedor .section__actions .actionsFile {
    flex-direction: column;
    gap: 0.5rem;
    justify-content: center;
    align-items: center;
  }
}
section#orderBook_list .contenedor .section__actions .actionsFile button[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}
section#orderBook_list .contenedor .section__actions .actionsFile button {
  padding: 0.5rem 1rem;
  border-radius: 3rem;
  color: #495879;
  font-size: 1.125rem;
  font-weight: normal;
  background: #dfecf5;
  position: relative;
  overflow: hidden;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  transition: all 0.5s ease;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
section#orderBook_list .contenedor .section__actions .actionsFile button::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #dfecf5;
  border-radius: 3rem;
  opacity: 0;
  transition: all 0.5s ease;
  z-index: -1;
}
section#orderBook_list .contenedor .section__actions .actionsFile button span {
  color: #495879;
  font-size: 1.125rem;
  font-weight: normal;
  position: relative;
  transition: all 0.3s ease;
  z-index: 2;
}
section#orderBook_list .contenedor .section__actions .actionsFile button span::before {
  font-weight: normal;
  content: attr(data-title);
  position: absolute;
  font-size: 1.125rem;
  width: -moz-max-content;
  width: max-content;
  line-height: 1.2;
  opacity: 0;
  transition: all 0.3s ease;
}
section#orderBook_list .contenedor .section__actions .actionsFile button svg {
  height: 1rem;
  width: 2rem;
  z-index: 2;
}
section#orderBook_list .contenedor .section__actions .actionsFile button svg path {
  fill: #495879;
  transition: all 0.3s ease;
}
@media (max-width: 780px) {
  section#orderBook_list .contenedor .section__actions .actionsFile button {
    font-size: 0.938rem;
    padding: 0.4rem 0.8rem;
  }
}
section#orderBook_list .contenedor .section__actions .actionsFile button {
  border: 1px solid #1f9ad7;
  font-weight: 100;
}
@media (max-width: 560px) {
  section#orderBook_list .contenedor .section__actions .actionsFile button.addCart {
    background-color: #1f9ad7;
    color: #ffffff;
    order: 3;
  }
  section#orderBook_list .contenedor .section__actions .actionsFile button.addCart span {
    color: #ffffff;
  }
  section#orderBook_list .contenedor .section__actions .actionsFile button.addCart svg path {
    fill: #ffffff;
  }
}
@media (max-width: 560px) {
  section#orderBook_list .contenedor .section__actions .actionsFile button.exportExcelCotizador, section#orderBook_list .contenedor .section__actions .actionsFile button.exportExcel {
    order: 2;
    background-color: #ffffff;
    color: #1f9ad7;
  }
  section#orderBook_list .contenedor .section__actions .actionsFile button.exportExcelCotizador span, section#orderBook_list .contenedor .section__actions .actionsFile button.exportExcel span {
    color: #1f9ad7;
  }
  section#orderBook_list .contenedor .section__actions .actionsFile button.exportExcelCotizador svg path, section#orderBook_list .contenedor .section__actions .actionsFile button.exportExcel svg path {
    fill: #1f9ad7;
  }
}
section#orderBook_list .contenedor .section__actions .actionsFile button.saveTable {
  padding: 0.5rem 1rem;
  border-radius: 3rem;
  color: #1f9ad7;
  font-size: 1.125rem;
  font-weight: normal;
  background: #ffffff;
  position: relative;
  overflow: hidden;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  transition: all 0.5s ease;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
section#orderBook_list .contenedor .section__actions .actionsFile button.saveTable::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(85deg, #1f9ad7 37.44%, #2ba9ee 90.96%);
  border-radius: 3rem;
  opacity: 0;
  transition: all 0.5s ease;
  z-index: -1;
}
section#orderBook_list .contenedor .section__actions .actionsFile button.saveTable span {
  color: #1f9ad7;
  font-size: 1.125rem;
  font-weight: normal;
  position: relative;
  transition: all 0.3s ease;
  z-index: 2;
}
section#orderBook_list .contenedor .section__actions .actionsFile button.saveTable span::before {
  font-weight: normal;
  content: attr(data-title);
  position: absolute;
  font-size: 1.125rem;
  width: -moz-max-content;
  width: max-content;
  line-height: 1.2;
  opacity: 0;
  transition: all 0.3s ease;
}
section#orderBook_list .contenedor .section__actions .actionsFile button.saveTable svg {
  height: 1rem;
  width: 2rem;
  z-index: 2;
}
section#orderBook_list .contenedor .section__actions .actionsFile button.saveTable svg path {
  fill: #1f9ad7;
  transition: all 0.3s ease;
}
section#orderBook_list .contenedor .section__actions .actionsFile button.saveTable:hover, section#orderBook_list .contenedor .section__actions .actionsFile button.saveTable.is-active {
  background-color: linear-gradient(85deg, #1f9ad7 37.44%, #2ba9ee 90.96%);
  color: #ffffff;
}
section#orderBook_list .contenedor .section__actions .actionsFile button.saveTable:hover::before, section#orderBook_list .contenedor .section__actions .actionsFile button.saveTable.is-active::before {
  opacity: 1;
  z-index: 1;
}
section#orderBook_list .contenedor .section__actions .actionsFile button.saveTable:hover span, section#orderBook_list .contenedor .section__actions .actionsFile button.saveTable.is-active span {
  color: transparent;
}
section#orderBook_list .contenedor .section__actions .actionsFile button.saveTable:hover span::before, section#orderBook_list .contenedor .section__actions .actionsFile button.saveTable.is-active span::before {
  opacity: 1;
  color: #ffffff;
  font-weight: normal;
}
section#orderBook_list .contenedor .section__actions .actionsFile button.saveTable:hover svg path, section#orderBook_list .contenedor .section__actions .actionsFile button.saveTable.is-active svg path {
  fill: #ffffff;
}
@media (max-width: 780px) {
  section#orderBook_list .contenedor .section__actions .actionsFile button.saveTable {
    font-size: 0.938rem;
    padding: 0.4rem 0.8rem;
  }
}
section#orderBook_list .contenedor .section__actions .actionsFile button.saveTable {
  border: none;
}
@media (max-width: 560px) {
  section#orderBook_list .contenedor .section__actions .actionsFile button.saveTable {
    order: 1;
    background-color: #14243e;
    color: #ffffff;
  }
  section#orderBook_list .contenedor .section__actions .actionsFile button.saveTable span {
    color: #ffffff;
  }
}
@media (max-width: 560px) {
  section#orderBook_list .contenedor .section__actions .actionsFile button {
    width: 20rem !important;
    max-width: 100%;
    border: none;
  }
}/*# sourceMappingURL=index.css.map */