.content-inventary-data {
  width:100%;
  height:100vh;
  background:#F2F3F6;
}
.content-head-inventary-data {
  height:60px;
  display:flex;
  padding:0 18px;
  margin-bottom:1px;
  align-items:center;
  background:#FFFFFF;
  justify-content:space-between;
}
.btn-return {
  width:32px;
  height:32px;
  display:grid;
  cursor:pointer;
  border-radius:4px;
  margin-right:12px;
  place-items:center;
  background:#969EAE;
  border:1px solid #969EAE;
}
.content-head-inventary-data .btn-hamburger {
  border:none;
  display:grid;
  cursor:pointer;
  place-items:center;
  background:transparent;
}
.content-head-inventary-info {
  display:flex;
  align-items:center;
}
.content-head-title-data {
  font-size:14px;
  font-weight:700;
}
.content-head-subtitle-data {
  font-size:12px;
  font-weight:400;
  color:#969EAE;
}
.content-head-inventary-search {
  height:40px;
  width:326px;
  display:flex;
  padding:0 16px;
  align-items:center;
  background:#F2F3F6;
}
.content-head-inventary-search .svg-aux,
.content-head-inventary-info .svg-aux { 
  display:flex;
  cursor:pointer;
  margin-left:18px; 
  align-items:center;
}
.content-head-inventary-search div {
  display:flex;
  align-items:center;
}
.content-head-inventary-search input {
  border:none;
  /* width:215px; */
  width:260px;
  margin-left:9px;
  background:transparent;
}
.content-body-inventary-data { padding:18px; }
.content-head-table-data table {
  width:100%;
  table-layout:fixed;
  border-collapse:collapse;
}
.content-head-table-data table th {
  height:60px;
  font-size:13px;
  font-weight:700;
  background:#ffffff;
}
.content-body-table-data {
  overflow:auto;
  height:calc(100vh - 218px);
}
.content-body-table-data table {
  width:100%;
  table-layout:fixed;
  border-spacing:0 1px;
}
.content-body-table-data table td {
  height:70px;
  font-size:12px;
  font-weight:400;
  text-align:center;
  background:#ffffff;
  text-transform:capitalize;
}
.content-body-table-data table td .product-image {
  width:60px;
  height:60px;
  display:flex;
  cursor:pointer;
}
.content-body-table-data table td .mark-image {
  width:100px;
  margin:auto;
  display:flex;
  justify-content:center;
}
.content-body-table-data table td .product-image img {
  max-width:100%;
  object-fit:contain;
}
.content-body-table-data table td .mark-image img {
  max-width:100%;
  object-fit:contain;
}
.content-body-table-data table td .status-product {
  width:24px;
  display:flex;
  flex-direction:column;
}
.content-body-table-data table td .product-information {
  display:flex;
  align-items:center;
  justify-content:center;
}
.content-body-table-data table td .list-prices {
  width:100%;
  display:flex;
  overflow:auto;
  text-align:left;
  max-height:40px;
  align-items:center;
  flex-direction:column;
}
.content-status-quantity {
  display:flex;
  margin-right:18px;
  align-items:center;
  justify-content:flex-end;
}
.content-status-quantity .content-status-cart {
  height:22px;
  display:grid;
  font-size:12px;
  font-weight:400;
  color:#969EAE;
  margin-right:2px;
  place-items:center;
  border:1px solid #F5F5F5;
}
.content-status-total-quantity.green {
  height:22px;
  display:grid;
  padding:0 8px;
  font-weight:500;
  color:#06AF00;
  place-items:center;
  background:#CDF6CC;
}
.content-status-total-quantity.orange {
  height:22px;
  display:grid;
  padding:0 8px;
  font-weight:500;
  color:#FF9100;
  place-items:center; 
  background:#F6E1CC;
}
.content-status-total-quantity.blue {
  height:22px;
  display:grid;
  padding:0 8px;
  font-weight:500;
  color:#0077FF;
  place-items:center; 
  background:#CCE2F6;
} 
.content-status-total-quantity.red {
  height:22px;
  display:grid;
  padding:0 8px;
  font-weight:500;
  color:#FF0000;
  place-items:center; 
  background:#FFCCCC;
} 
.content-status-total-quantity.gray {
  height:22px;
  display:grid;
  padding:0 8px;
  font-weight:500;
  color:#444a4e;
  place-items:center; 
  background:#BBCEDA;
} 
.content-text-status-quantity {
  font-size:12px;
  margin-top:8px;
  font-weight:400;
  color:#969EAE;
  text-align:right;
  margin-right:18px;
}
.v-none { visibility:hidden; }
.content-product-space {
  width:364px;
  height:40px;
  display:flex;
  padding:0 14px;
  align-items:center;
  margin:18px 18px 1px;
  background:#ffffff;
}
.content-options-product-space {
  width:100%;
  display:flex;
  align-items:center;
  justify-content:flex-end;
}
.content-options-product-space svg { cursor:pointer; }
.content-product-image {
  height:222px;
  display:inline-flex;
  background:#ffffff;
  transition:all 500ms ease-in-out;
}
.content-product-space-aux {
  width:364px;
  height:40px;
  display:flex;
  padding:0 14px;
  position:relative;
  align-items:center;
  margin:1px 18px 1px;
  background:#ffffff;
  justify-content:center;
}
.product-image {
  width:364px;
  margin:auto;
  display:flex;
  height:198px;
  justify-content:center;
}
.product-image img { max-width:100%; }
.content-buttons-slide-product {
  display:flex;
  width:fit-content;
  justify-content:space-between;
}
.item-slide-product {
  width:8px;
  height:8px;
  cursor:pointer;
  margin-left:10px;
  border-radius:50%;
  background:#C6CBD3;
}
.item-slide-product.active { background:#FF9100; }
.content-float-svg {
  right:14px;
  display:flex;
  cursor:pointer;
  position:absolute;
  align-items:center;
}
.content-items-product { margin:0 18px 18px; }
.content-items-product li {
  width:364px;
  height:60px;
  display:flex;
  cursor:pointer;
  padding:0 16px;
  font-size:14px;
  font-weight:500;
  margin-bottom:1px;
  align-items:center;
  background:#ffffff;
  justify-content:space-between;
}
.content-product-data-list-title {
  font-size:12px;
  color:#969EAE;
  font-weight:400;
}
.content-product-data-list-subtitle {
  width:100%;
  display:flex;
  font-size:14px;
  margin-top:5px;
  font-weight:500;
  text-transform:capitalize;
}
.content-product-data-list-subtitle-aux {
  width:100%;
  display:flex;
  font-size:14px;
  font-weight:500;
  margin-left:10px;
  text-transform:capitalize;
}
.content-product-data-list-subtitle input {
  width:100%;
  border:none;
}
.content-text-product-data {
  width:28px;
  height:28px;
  display:flex;
  border-radius:50%;
  align-items:center;
  background:#E0E3EB;
  justify-content:center;
}
.content-img-product-data {
  width:100px;
  display:flex;
}
.content-img-product-data img {
  max-width:100%;
  object-fit:contain;
}
.switch {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 18px;
}
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}
.slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 1px;
  bottom: 1px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}
input:checked + .slider { background-color:#00FF20; }
input:focus + .slider { box-shadow:0 0 1px #00FF20; }
input:checked + .slider:before {
  -webkit-transform: translateX(13px);
  -ms-transform: translateX(13px);
  transform: translateX(13px);
}
.slider.round { border-radius:34px; }
.slider.round:before { border-radius:50%; }
.content-slide-images {
  width:364px;
  overflow:hidden;
  margin:0 18px 1px;
  background:#ffffff;
}
.btn-accept {
  left:18px;
  width:364px;
  height:60px;
  border:none;
  bottom:18px;
  cursor:pointer;
  font-size:14px;
  font-weight:500;
  color:#ffffff;
  background:#000;
  position:absolute;
}
.btn-accept span {
  color:#ffffff;
}
.content-data-producto-mdl {
  overflow:auto;
  height:calc(100vh - 140px);
}
.content-data-producto-mdl.normal {
  overflow:auto;
  height:calc(100vh - 80px);
}
.content-button-accept {
  height:80px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.btn-accept-new {
  width:364px;
  height:60px;
  border:none;
  cursor:pointer;
  font-size:14px;
  font-weight:500;
  color:#ffffff;
  background:#000;
}
.btn-accept-new span {
  color:#ffffff;
}
.btn-descarga {
  width:180px;
  height:40px;
  border:none;
  cursor:pointer;
  font-size:14px;
  font-weight:500;
  color:#ffffff;
  background:#000;
}
.btn-descarga span {
  color:#ffffff;
}
.msg-options {
  display:grid;
  place-content:center;
  height:calc(100vh - 158px);
}
.lds-ellipsis {
  width:75px;
  margin:auto;
  display:flex;
  height:inherit;
  position:relative;
  align-items:center;
}
.lds-ellipsis div {
  width:8px;
  height:8px;
  border-radius:50%;
  position:absolute;
  background: #fff;
  animation-timing-function:cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left:8px;
  animation:lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left:8px;
  animation:lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left:32px;
  animation:lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left:56px;
  animation:lds-ellipsis3 0.6s infinite;
}

@keyframes lds-ellipsis1 {
  0% { transform: scale(0); }
  100% { transform: scale(1); }
}
@keyframes lds-ellipsis3 {
  0% { transform: scale(1); }
  100% { transform: scale(0); }
}
@keyframes lds-ellipsis2 {
  0% { transform: translate(0, 0); }
  100% { transform: translate(24px, 0); }
}
.items-menu-ubicacion { 
  overflow:auto;
  margin:18px 18px 1px;
  max-height:calc(100vh - 164px);
}
.items-menu-ubicacion li {
  width:364px;
  height:76px;
  display:flex;
  cursor:pointer;
  padding:0 16px;
  font-size:14px;
  font-weight:500;
  margin-bottom:1px;
  align-items:center;
  background:#ffffff;
  text-transform:capitalize;
  justify-content:space-between;
}
.items-menu-ubicacion2 li {
  width:364px;
  height:40px;
  display:flex;
  padding:0 16px;
  align-items:center;
  margin:1px 18px 18px;
  background:#ffffff;
  text-transform:capitalize;
  justify-content:space-between;
}
.ubications-menu { 
  display:flex;
  color:#969EAE;
  align-items:center;
}
.stock-ubications {
  width:30px;
  height:25px;
  display:grid;
  font-size:14px;
  font-weight:600;
  place-content:center;
}
.stock-ubications.green {
  color:#06AF00;
  background:#CDF6CC;
}
.text-ubications { font-size:14px; }
.ubications-menu svg path { fill:#969EAE; }
.items-menu-aux { margin:18px; }
.items-menu-aux li {
  width:364px;
  height:76px;
  display:flex;
  cursor:pointer;
  padding:0 16px;
  font-size:14px;
  font-weight:500;
  margin-bottom:1px;
  align-items:center;
  background:#ffffff;
  text-transform:capitalize;
  justify-content:space-between;
}
.items-menu-aux li.item-aux { height:60px; }
.content-info-data-list {
  display:flex;
  align-items:center;
}
.content-info-data-list-title {
  font-size:15px;
  font-weight:500;
}
.content-info-data-list-subtitle {
  font-size:14px;
  font-weight:400;
} 
.content-info-data-list-subtitle-aux {
  font-size:14px;
  font-weight:400;
  color:#969EAE;
} 
.content-info-data-list-image {
  width:60px;
  height:60px;
  display:flex;
  margin-right:14px;
  border-radius:50%;
}
.content-info-data-list-image img {
  max-width:100%;
  object-fit:contain;
}
.content-info-data-list-image-ubicacion {
  width:50px;
  height:50px;
  display:flex;
  overflow:hidden;
  margin-right:10px;
  border-radius:50%;
  border:1px solid #d8d8d8;
}
.content-info-data-list-image-ubicacion img {
  max-width:100%;
  object-fit:contain;
}
.content-info-data-list-image-ubicacion2 {
  width:60px;
  height:60px;
  display:flex;
  margin-right:10px;
}
.content-info-data-list-image-ubicacion2 img {
  max-width:100%;
  object-fit:contain;
}
.svg-mdl-aux {
  display:flex;
  cursor:pointer;
  margin-right:16px; 
  align-items:center;
}
.svg-mdl-lateral {
  display:flex;
  margin-left:16px; 
  align-items:center;
}
.content-aux-data {
  display:grid;
  font-size:12px;
  place-content:center;
  height:calc(100vh - 60px);
}
.mdl-lateral-head-s {
  z-index:3;
  height:60px;
  display:flex;
  position:relative;
  align-items:center;
  background:#ffffff;
  justify-content:center;
}
.content-data-info-head {
  display:flex;
  align-items:center;
}
.mdl-info-head {
  left:65px;
  position:absolute;
}
.mdl-info-head-title {
  font-size:14px;
  font-weight:700;
}
.mdl-info-head-subtitle {
  font-size:12px;
  font-weight:400;
  color:#969EAE;
}
.mdl-lateral-head-aux-search {
  width:328px;
  height:40px;
  display:flex;
  padding:0 16px;
  align-items:center;
  background:#F2F3F6;
}
.mdl-lateral-head-aux-search div {
  display:flex;
  align-items:center;
}
.mdl-lateral-head-aux-search input {
  border:none;
  width:260px;
  margin-left:9px;
  background:transparent;
}
.mdl-lateral-head-aux-svg {
  display:flex;
  cursor:pointer;
  align-items:center;
}
.mdl-lateral-head-aux {
  height:68px;
  display:flex;
  margin-top:1px;
  padding:14px 18px;
  position:relative;
  align-items:center;
  background:#ffffff;
  justify-content:space-between;
}
.img-marca-data {
  width:80px;
  display:flex;
}
.img-marca-data img { max-width:100%; }
.content-buttons-ubication { display:flex; }
.content-buttons-ubication button {
  width:35px;
  height:35px;
  display:grid;
  cursor:pointer;
  background:none;
  margin-left:10px;
  border-radius:8px;
  place-content:center;
  border:1px solid #F2F3F6;
}
.content-buttons-accept { 
  margin:auto;
  width:240px;
  bottom:20px;
  display:flex;
  position:absolute;
  left:calc(100% / 2 - 120px);
  justify-content:space-between;
}
.content-buttons-accept button {
  width:40px;
  height:40px;
  border:none;
  display:grid;
  cursor:pointer;
  background:#000;
  border-radius:8px;
  place-content:center;
}
.content-buttons-accept button[btn-action="editar"].active { background:#FF9100; }
.content-buttons-accept button[btn-action="suma"].active { background:#15ed4b; }
.content-buttons-accept button[btn-action="resta"].active { background:#ff0000; }
.content-ubication-list {
  overflow:auto;
  max-height:calc(100vh - 300px);
}
.content-marca-edition {
  width:364px;
  margin:18px;
}
.content-insertar-imagen {
  height:40px;
  width:364px;
  display:flex;
  padding:0 18px;
  background:#fff;
  align-items:center;
  justify-content:flex-end;
}
.content-insertar-imagen svg { cursor:pointer; }
.content-marca-imagen-edition {
  height:85px;
  width:364px;
  display:flex;
  margin:1px 0;
  background:#fff;
  justify-content:center;
}
.content-marca-data-list {
  margin-top:1px;
  padding:12px 18px;
  background:#fff;
}
.content-marca-data-list-title {
  font-size:12px;
  color:#969EAE;
  font-weight:400;
}
.content-marca-data-list-subtitle {
  width:100%;
  display:flex;
  font-size:14px;
  margin-top:5px;
  font-weight:500;
  text-transform:capitalize;
}
.content-marca-data-list-subtitle input {
  width:100%;
  border:none;
}