* {
  margin:0;
  padding:0;
  list-style:none;
  box-sizing:border-box;
  font-family: "Roboto", sans-serif;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button 
{ display:none; }
::-webkit-scrollbar { display:none; }
input:-webkit-autofill,input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus,
select:-webkit-autofill,select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 1px solid rgb(255, 255, 255);
  -webkit-box-shadow: 0 0 0px 1000px #ffffff inset;
  transition: background-color 5000s ease-in-out 0s;
}
img { pointer-events:none; }
input:disabled { background:transparent; }
input:focus, select:focus, textarea:focus { outline:none; }
body { overflow:hidden; }
.data-factura {
  top:0;
  left:0;
  position:absolute;
}
.d-flex { display:flex; }
.clb { background:#ffffff; }
.none { display:none !important; }
.v-none { visibility:hidden; }
.content_full_principal {
  width:100%;
  height:100vh;
}
.content-general-data { 
  width:100%;
  display:flex;
  background:#F2F3F6;
}
.download-content {
  z-index:1;
  width:364px;
  padding:5px 10px;
  max-height:250px;
  position:absolute;
  background:#fff;
  border:1px solid #eee;
  box-shadow:4px 2px 3px 4px #eee;
}
.download-search-content {
  display:flex;
  align-items:center;
  padding-bottom:5px;
  border-bottom:1px solid #eee;
}
.download-search-content input {
  width:328px;
  border:none;
  margin-left:5px;
}
.download-list-content {
  overflow:auto;
  max-height:200px;
  padding-bottom:40px;
}
.download-list-content li {
  height:40px;
  display:flex;
  cursor:pointer;
  font-size:14px;
  align-items:center;
  border-bottom:1px solid #eee;
}
[marca-id].active { background:#dbdbdb !important; }
[modelo-id].active { background:#dbdbdb !important; }
[categoria-id].active { background:#dbdbdb !important; }
.content-preview-img {
  display:grid;
  height:144px;
  margin:1px 0;
  place-items:center;
  background:#ffffff;
}
.preview-img {
  width:88px;
  height:88px;
  display:flex;
  justify-content:center;
}
.img-avatar-data {
  width:60px;
  height:60px;
  display:flex;
}
.img-avatar-data.active { border:1px solid #FFBC00; }
.img-avatar-data img { max-width:100%; }
.listado-items-title {
  font-size:14px;
  font-weight:600;
  margin-left:10px;
}
.content-img-data {
  gap:10px;
  padding:12px;
  display:grid;
  margin:1px 0;
  background:#ffffff;
  grid-template-columns:repeat(auto-fill, minmax(60px, 60px));
}
.content-list-data-list {
  display:flex; 
  align-items:center;
}
.content-data-list {
  height:60px;
  display:flex;
  padding:0 12px;
  align-items:center;
  background:#ffffff;
  justify-content:space-between;
}
.info-data-documento {
  width:364px;
  height:80px;
  padding:15px;
  font-size:14px;
  font-weight:400;
  background:#ffffff;
}
.btn-pedido {
  width:86px;
  height:24px;
  border:none;
  margin:auto;
  display:grid;
  font-size:14px;
  font-weight:700;
  place-content:center;
}
.btn-pedido-2 {
  width:100px;
  height:24px;
  border:none;
  margin:auto;
  display:grid;
  font-size:14px;
  font-weight:700;
  place-content:center;
}
.btn-pedido.pausa {
  /* color:#969EAE; */
  color:#545861;
  background:#F2F3F6;
}
.btn-pedido-2.pausa {
  /* color:#969EAE; */
  color:#545861;
  background:#F2F3F6;
}
.btn-pedido.disponible {
  /* color:#29D884; */
  color:#105735;
  background:#C6F3D5;
}
.btn-pedido.ocupado {
  color:#00438b;
  background:#C0E0FF;
}
.btn-pedido.proceso {
  /* color:#AB47BC; */
  color:#592562;
  background:#E6C2E9;
}
.btn-pedido.cancelado {
  color:#FF0000;
  background:#FEBCB9;
}
.btn-pedido.historial {
  color:#FF9900;
  background:#FFDDB4;
}
.listado-title-items {
  font-size:12px;
  font-weight:400;
  color:#545861;
  text-transform:capitalize;
}
.listado-text-items {
  font-size:14px;
  margin-top:5px;
  font-weight:500;
  text-transform:capitalize;
}
.listado-text-items2 {
  font-size:14px;
  margin-top:5px;
  font-weight:500;
  text-transform:capitalize;
}
.listado-text-items input,
.content-list-general-subtitle-aux input {
  width:328px;
  border:none;
  padding-bottom:5px;
  border-bottom:1px solid #c3c3c3;
}
.listado-text-items select,
.content-list-general-subtitle-aux select {
  width:328px;
  border:none;
}
.listado-text-items2 input {
  border:none;
  padding-bottom:5px;
  border-bottom:1px solid #c3c3c3;
}
.content-menu-items {
  display:flex;
  align-items:center;
  justify-content:flex-end;
  text-transform:capitalize;
}
.content-menu-items2 {
  display:flex;
  align-items:center;
  text-transform:capitalize;
  justify-content:flex-start;
}
.img-marca-data {
  width:80px;
  display:flex;
}
.img-marca-data img { max-width:100%; }
.content-gray-price {
  width:145px;
  height:24px;
  display:grid;
  font-size:14px;
  font-weight:900;
  color:#545861;
  margin-right:10px;
  place-content:center;
  background:#F2F3F6;
}
.content-gray-price-aux {
  width:145px;
  height:24px;
  display:grid;
  font-size:12px;
  font-weight:900;
  color:#545861;
  place-content:center;
  background:#F2F3F6;
}
/* Inicio login */
.content-login {
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
  background:#f7f7fa;
}
.content-form-login {
  width:700px;
  height:450px;
  display:flex;
  overflow:hidden;
  border-radius:20px;
  background:#ffffff;
  box-shadow:0px 3px 6px 1px #eaeaea;  
}
.content-img-login {
  width:50%;
  display:flex;
}
.content-img-login img {
  max-width:100%;
  object-fit:cover;
  pointer-events:none;
}
.content-inputs-login {
  width:50%;
  display:grid;
  place-content:center;
}
.title-login {
  font-size:28px;
  font-weight:600;
  text-align:center;
}
.subtitle-login {
  width:280px;
  font-size:14px;
  font-weight:300;
  text-align:center;
}
.content-group-form {
  display:flex;
  padding:0 20px; 
  margin-top:15px; 
  position:relative;
  border-radius:12px;
  flex-direction:column;
  justify-content:center;
  border:2px solid #a7a7a7;
}
.content-group-form label {
  top:-10px;
  font-size:14px;
  font-weight:600;
  position:absolute;
  background:#fff;
}
.content-group-form input {
  border:none;
  height:35px;
  background:transparent;
}
.content-group-form select {  
  border:none;
  height:35px;
  background:transparent;
}
.content-group-form textarea {
  border:none;
  padding:10px;
  background:transparent;
}
.content-group-form input[type="password"] { width:90%; }
.pass-btns {
  right:15px;
  display:flex;
  position:absolute;
  align-items:center;
}
.pass-btns svg { cursor:pointer; }
.login-button {
  border:none;
  height:40px;
  cursor:pointer;
  font-weight:600;
  margin-top:15px;
  border-radius:20px;
}
/* Fin login */
/* Menu lateral */
.menu-lateral-general {
  width:222px;
  background:#fff;
}
.content-head-menu-lateral-general {
  width:100%;
  height:121px;
  display:flex;
  position:relative;
  align-items:center;
  justify-content:center;
  border-bottom:1px solid #F2F3F6;
}
.content-head-menu-info {
  display:flex;
  text-align:center;
  align-items:center;
  flex-direction:column;
  justify-content:center;
}
.content-head-menu-img {
  width:60px;
  height:60px;
  display:flex;
  overflow:hidden;
  border-radius:50%;
  justify-content:center;
}
.content-head-menu-img img { max-width:100%; }
.content-head-menu-img-2 {
  width:60px;
  height:60px;
  display:flex;
  overflow:hidden;
  border-radius:50%;
  align-items:center;
  background:#FFDDB4;
  justify-content:center;
}
.content-head-title {
  font-size:14px;
  font-weight:900;
  margin:10px 0 5px;
  text-transform:capitalize;
}
.content-head-subtitle {
  font-size:12px;
  font-weight:400;
  /* color:#969EAE; */
  color:#545861;
  text-transform:capitalize;
}
.content-middle-menu-lateral-general {
  display:flex;
  align-items:center;
  flex-direction:column;
  height:calc(100vh - 182px);
  justify-content:space-between;
}
.content-bottom-menu-lateral-general {
  height:60px;
  display:flex;
  padding:0 15px;
  align-items:center;
  justify-content:space-between;
}
.content-middle-list-menu { 
  width:200px; 
  overflow:auto;
  max-height:calc(100vh - 182px);
}
.content-middle-list-menu li {
  height:46px;
  display:flex;
  cursor:pointer;
  margin-top:15px;
  /* color:#969EAE; */
  color:#545861;
  align-items:center;
  justify-content:space-between;
}
.content-middle-list-menu li svg { margin:0 15px; }
.content-middle-list-menu li svg path { 
  /* stroke:#969EAE;  */
  stroke:#545861;
}
.content-middle-list-menu li .content-middle-group-text { font-size:14px; }
.content-middle-group-text-aux {
  width:42px;
  height:20px;
  display:grid;
  font-size:12px; 
  font-weight:900;
  border-radius:2px;
  place-content:center;
  background:#F2F3F6;
}
.content-middle-list-menu li .content-middle-group-text-aux { 
  width:32px;
  height:20px;
  display:grid;
  font-size:12px; 
  font-weight:900;
  margin-right:15px;
  border-radius:2px;
  place-content:center;
  background:#F2F3F6;
}
.content-middle-list-menu li .content-middle-group-text-aux.red {
  color:#fff;
  background:#FF0000;
}
.content-middle-list-menu li .content-middle-group-text-aux.orange {
  color:#fff;
  background:#FF9900;
}
.content-middle-group-text-aux.blue,
.content-middle-list-menu li .content-middle-group-text-aux.blue {
  color:#fff;
  /* background:#007AFF; */
  background:#0365cf;
}
.content-middle-list-menu li.active {
  color:#000;
  font-weight:900;
  background:#F2F3F6;
}
.content-middle-list-menu li.agotado { color:#DBDEE3; }
.content-middle-list-menu li.active svg path { stroke:#000; }
.content-middle-list-menu li.agotado svg path { stroke:#DBDEE3; }
.content-middle-group {
  display:flex;
  align-items:center;
}
.content-data-general {
  padding:0 15px;
  width:calc(100% - 222px);
}
.content-bottom-img {
  width:42px;
  height:42px;
  display:flex;
  overflow:hidden;
  border-radius:50%;
  justify-content:center;
}
.content-bottom-img.blue { border:2px solid #007AFF; }
.content-bottom-img.green { border:2px solid #29D884; }
.content-bottom-img.orange { border:2px solid #FF9900; }
.content-client-general {
  width:192px;
  height:100%;
  display:flex;
  cursor:pointer;
  align-items:center;
  justify-content:space-between;
}
.content-client-general2 {
  height:100%;
  display:flex;
  cursor:pointer;
  align-items:center;
  justify-content:space-between;
}
.content-bottom-img img { max-width:100%; }
.content-bottom-info { margin:0 10px; }
.content-bottom-info-title {
  font-size:14px;
  font-weight:900;
  text-transform:capitalize;
}
.content-bottom-info-title2 {
  font-size:14px;
  font-weight:900;
  color:#29D884;
  text-transform:capitalize;
}
.content-bottom-info-title3 {
  font-size:14px;
  font-weight:900;
  color:#007AFF;
  text-transform:capitalize;
}
.content-bottom-info-subtitle {
  margin:2px 0;
  font-size:12px;
  font-weight:400;
  /* color:#969EAE; */
  color:#545861;
  text-transform:capitalize;
}
.content-client-aux-general {
  display:flex;
  align-items:center;
}
.opciones-general-data { width:200px; }
.opciones-general-data li {
  height:60px;
  padding:15px;
}
/* Fin menu lateral */
/* Menu superior */
.content-superior-menu {
  width:100%;
  height:60px;
  display:flex;
  padding:0 20px;
  align-items:center;
  background:#ffffff;
  justify-content:space-between;
  border-bottom:1px solid #F2F3F6;
}
.content-superior-menu-aux {
  width:100%;
  height:60px;
  display:flex;
  padding:0 20px;
  align-items:center;
  background:#ffffff;
  justify-content:space-between;
  border-bottom:2px solid #f2f3f6;
}
.content-superior-search {
  width:364px;
  height:40px;
  display:flex;
  padding:0 15px;
  align-items:center;
  background:#F2F3F6;
  justify-content:space-between;
}
.content-superior-search input {
  border:none;
  width:260px;
  margin-left:15px;
  background:transparent;
}
.content-superior-data-menu {
  display:flex;
  align-items:center;
}
.content-head-aux-menu-button {
  width:125px;
  height:36px;
  border:none;
  display:flex;
  padding:0 15px;
  cursor:pointer;
  font-weight:900;
  margin-left:18px;
  border-radius:2px;
  align-items:center;
  justify-content:center;
}
.content-head-aux-menu-button.nuevos { background:#B5D7FF; }
.content-head-aux-menu-button.nuevos span { 
  font-weight:900;
  margin-left:5px;
  /* color:#0062C0;  */
  color:#003f7b; 
}
.content-head-aux-menu-button.promocion { background:#DFFEE1; }
.content-head-aux-menu-button.promocion span { 
  font-weight:900;
  margin-left:5px;
  /* color:#00C00D;  */
  color:#006207; 
}
.content-head-aux-menu-button.active { background:#f0f0f0 !important; }
.content-head-aux-menu-button.active span { color:#000; }
.content-head-aux-menu-button.active svg path { stroke:#000; }
.content-total-superior-data {
  display:flex;
  font-size:16px;
  font-weight:900;
  align-items:center;
}
.content-total-superior-data button {
  width:36px;
  border:none;
  height:36px;
  display:grid;
  cursor:pointer;
  margin-left:10px;
  background:#F2F3F6;
  place-content:center;
}
.cotizacion { 
  display:flex;
  cursor:pointer;
  position:relative;
  align-items:center;
}
.cotizacion::before {
  top:-6px;
  width:20px;
  right:-8px;
  height:20px;
  display:grid;
  font-size:12px;
  font-weight:900;
  color:#ffffff;
  position:absolute;
  border-radius:2px;
  place-content:center;
  background:#FF0000;
  content:attr(selected-carrito-cotizacion);
}
.carrito { 
  display:flex;
  cursor:pointer;
  position:relative;
  align-items:center;
}
.carrito::before {
  top:-6px;
  width:20px;
  right:-8px;
  height:20px;
  display:grid;
  font-size:12px;
  font-weight:900;
  color:#ffffff;
  position:absolute;
  border-radius:2px;
  place-content:center;
  background:#FF0000;
  content:attr(selected-carrito);
}
/* Fin menu superior */
/* Menu inferior */
.content-tab-client-menu {
  max-width:100%;
  overflow-x:auto;
  display:-webkit-inline-box;
}
.tab-client-menu {
  width:240px;
  height:45px;
  display:flex;
  cursor:pointer;
  padding:0 15px;
  align-items:center;
  justify-content:space-between;
  border-right:2px solid #F2F3F6;
}
.content-tab-client-menu-img {
  display:flex;
  align-items:center;
}
.tab-client-menu-img {
  width:24px;
  height:24px;
  display:flex;
  overflow:hidden;
  border-radius:50%;
  justify-content:center;
}
.tab-client-menu-img.blue { border:2px solid #007AFF; }
.tab-client-menu-img.green { border:2px solid #29D884; }
.tab-client-menu-img.orange { border:2px solid #FF9900; }
.tab-client-menu-img img { max-width:100%; }
.tab-client-menu-text {
  font-size:12px;
  font-weight:600;
  margin-left:10px;
  text-transform:capitalize;
}
.tab-client-menu-subtext {
  font-size:11px;
  /* color:#969EAE; */
  color:#545861;
  font-weight:400;
  margin-left:10px;
  text-transform:capitalize;
}
.tab-client-close {
  width:24px;
  height:24px;
  display:grid;
  border-radius:50%;
  place-content:center;
  background:#969EAE;
}
.tab-client-close svg { transform:rotate(45deg); }
.content-data-bottom-general {
  width:100%;
  height:46px;
  display:flex;
  background:#ffffff;
  border-top:2px solid #f2f3f6;
  justify-content:space-between;
}
/* Fin menu inferior */
/* Producto */
.content-data-middle-general {
  gap:18px;
  width:100%;
  display:grid;
  overflow:auto;
  padding:18px 0;
  height:calc(100vh - 140px);
  /* height:calc(100vh - 168px); */
  grid-template-columns:repeat(auto-fill,minmax(300px, 1fr));
}
.item-producto { 
  padding:15px;
  position:relative;
  height:max-content;
  background:#FFFFFF;
  border:1px solid #eee;
}
.contenedor-img-producto {
  width: 100%;
  height: 260px;
  display: flex;
  cursor: pointer;
  overflow: hidden;
  justify-content: center;
  position:relative;
  border-bottom: 1px solid #eee;
}
.contenedor-info-producto { 
  margin-top:10px;
  color:#353535; 
}
.contenedor-precio-producto {
  display:flex;  
  justify-content:space-between;
}
.precio,
.contenedor-precio-producto span.precio {
  width:100px;
  display:flex;
  font-size:19px;
  font-weight:bold;
} 
.contenedor-precio-producto span.precio input{
  border:none;
  font-size:19px;
  font-weight:600;
} 
.contenedor-precio-producto select {
  cursor:pointer;
  font-weight:600;
  border:1px solid #f2f3f6;
}
.contenedor-descripcion-producto {    
  font-size:15px;
  font-weight:600;
}
.contenedor-modelo-producto { font-size:15px; }
.contenedor-codigo-producto { font-size:14px; }
.contenedor-inferior-producto {
  display:flex;
  margin-top:5px;
  position:relative;
  align-items:center;
  justify-content:space-between;
}
.contenedor-marca-producto {
  width:100px;
  height:40px;
  display:flex;
}
.contenedor-marca-producto img {
  max-width:100%;
  object-fit:contain;
}
.contenedor-pedido-producto {
  display:flex;
  position:relative;  
  align-items:center;
}
.contenedor-pedido-producto span {
  top: 35px;
  left: 28px;
  font-size: 12px;
  color: #676789;
  position: absolute;
}
.valPedido,
.contenedor-pedido-producto input[type="number"] {
  width:53px;
  height:34px;
  font-size:15px;
  font-weight:600;
  margin-right:5px;
  text-align:center;
  border-radius:4px;
  border:1px solid #E6E6FF;
}
.ordenar,
.contenedor-pedido-producto button[type="button"] {
  width:90px;
  height:34px;
  border:none;
  color:#000;
  font-size:14px;
  cursor:pointer;
  font-weight:500;
  border-radius:4px;
  background:#ffc46f;
}
.contenedor-pedido-producto button[type="button"]:disabled { background:#f3eadd; }
.ordenado,
.contenedor-pedido-producto button[type="button"].ordenado {
  width:90px;
  height:34px;
  border:none;
  cursor:pointer;  
  font-weight:600;
  color:#1b6519;
  border-radius:4px;
  background:#baffc0;
}
.contenedor-pedido-producto button[type="button"].agotado {
  width:90px;
  height:34px;
  border:none;
  font-size:15px;
  font-weight:500;
  /* color:#ce0e2d; */
  color:#91071d;
  border-radius:4px;
  cursor:not-allowed;  
  background:#ffd6dd;
}
.content-apply-models {
  top:15px;
  left:15px;
  z-index:1;
  cursor:pointer;
  position:absolute;
}
.content-group-stock {
  right:0;
  top:15px;
  z-index:1;
  position:absolute;
}
.content-middle-stock-text {
  width:32px;
  height:20px;
  display:grid;
  font-size:12px; 
  font-weight:900;
  margin-right:15px;
  border-radius:2px;
  margin-bottom:8px;
  place-content:center;
  background:#F2F3F6;
}
.content-middle-stock-text.default {
  cursor:pointer;
  background:transparent;
  border:1px solid #F2F3F6;
}
.content-middle-stock-text.agotado {
  color:#FF0000;
  background:#FEBCB9;
  border:1px solid #F2F3F6;
}
.ubication-producto {
  z-index:1;
  bottom:10px;
  font-size:12px;
  color:#7f7f7f;
  font-weight:900;
  position:absolute;
}
.content-big-info-users { width:300px; }
.content-anid-products {
  display:flex;
  align-items:center;
  justify-content:center;
}
.item-anid-product {
  width:38px;
  height:38px;
  display:flex;
  overflow:hidden;
  margin-left:-20px;
  border-radius:50%;
  background:#ffffff;
  justify-content:center;
  border:1px solid #EEF1F7;
}
.align { align-items:center; }
.item-anid-product img { max-width:100%; }
/* Fin producto */
/* Mdl general */
.mt-5 { margin-top:10px; }
.mr-5 { margin-right:10px; }
.pdb-5 { padding-bottom:10px; }
.non-margin {margin:0 !important;}
.background {
  top:0;
  left:0;
  z-index:1;
  width:100%;
  height:100vh;
  position:absolute;
  background:rgba(0,0,0,.3);
}
.mdl-user-img {
  height:84px;
  display:flex;
  padding:0 15px;
  background:#fff;
  align-items:center;
  border-bottom:1px solid #f2f3f6;
}
.mdl-lateral {
  top:0;
  right:0;
  z-index:1;
  width:400px;
  height:100vh;
  position:absolute;
  background:#F2F3F6;
}
.mdl-alert {
  right:0;
  bottom:0;
  z-index:1;
  width:400px;
  position:absolute;
  background:#F2F3F6;
  border-radius:10px 10px 0 0;
}
.mdl-lateral-head-s {
  z-index:2;
  height:60px;
  display:flex;
  position:relative;
  align-items:center;
  background:#ffffff;
  justify-content:center;
}
.mdl-alert-head-s {
  z-index:2;
  height:60px;
  display:flex;
  position:relative;
  align-items:center;
  background:#ffffff;
  justify-content:center;
  border-radius:10px 10px 0 0;
}
.content-data-info-head {
  left:15px;
  display:flex;
  position:absolute;
  align-items:center;
}
.content-data-info-head-aux {
  right:15px;
  display:flex;
  position:absolute;
  align-items:center;
}
.btn-return {
  width:32px;
  height:32px;
  display:grid;
  cursor:pointer;
  border-radius:4px;
  place-items:center;
  background:#969EAE;
  border:1px solid #969EAE;
}
.btn-options {
  right:15px;
  font-size:14px;
  cursor:pointer;
  position:absolute;
}
[metodo-cashout].red { color:#FF0000; }
[metodo-cashout].green { color:#00C00D; }
.btn-close {
  width:28px;
  height:28px;
  display:grid;
  cursor:pointer;
  border-radius:50%;
  place-items:center;
  background:#969EAE;
}
.btn-close svg { transform:rotate(45deg); }
.content-alert-body-data {
  padding:10px;
  display:flex;
  align-items:center;
  background:#ffffff;
  justify-content:space-between;
  border-bottom:1px solid #f2f3f6;
}
.content-data-info-mdl { margin-left:10px; }
.content-data-info-mdl-title {
  font-size:14px;
  font-weight:900;
}
.content-data-info-mdl-subtitle {
  font-size:12px;
  margin-top:2px;
  font-weight:400;
  color:#969EAE;
  color:#545861;
  text-transform:capitalize;
}
.content-data-info-mdl-subtitle-2 {
  font-size:12px;
  margin-top:2px;
  font-weight:400;
  color:#969EAE;
  color:#545861;
  text-align:center;
  text-transform:capitalize;
}
.body-ticket { 
  height:204px; 
  justify-content:center;
}
.content-text-insuficiente {
  width:340px;
  margin:auto;
  font-size:14px;
  font-weight:700;
  text-align:justify;
}
.content-cant-insuficiente {
  width:60px;
  height:60px;
  display:grid;
  font-size:22px;
  /* color:#969EAE; */
  color:#545861;
  font-weight:900;
  border-radius:50%;
  place-content:center;
  background:#F2F3F6;
}
.mdl-lateral-head-title {
  font-size:16px;
  font-weight:900;
}
.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;
}
.mdl-lateral-head-aux-search {
  width:364px;
  height:40px;
  display:flex;
  align-items:center;
  background:#F2F3F6;
}
.mdl-lateral-head-aux-search div {
  display:flex;
  margin:0 15px;
  align-items:center;
}
.mdl-lateral-head-aux-search input {
  border:none;
  width:280px;
  background:transparent;
}
.items-listado,
.items-listado-aux,
.items-listado6 {
  margin:18px;
  overflow:auto;
  max-height:calc(100vh - 164px);
}
.items-listado8 {
  margin:18px;
  overflow:auto;
  max-height:calc(100vh - 280px);
}
.items-listado9 {
  margin:18px;
  overflow:auto;
  height:calc(100vh - 260px);
}
.content-lateral-body-aux {
  overflow:auto;
  overflow-x:hidden;
  margin:18px 18px 0;
  height:calc(100vh - 164px);
}
.content-lateral-body-aux-2 {
  margin:18px;
  overflow:auto;
  overflow-x:hidden;
  height:calc(100vh - 96px);
}
.content-alert-body-aux {
  overflow:auto;
  margin:18px 18px 0;
  height:calc(100vh - 334px);
}
.items-listado2 {
  margin:18px;
  overflow:auto;
  max-height:calc(100vh - 96px);
}
.items-listado4 {
  margin:18px;
  overflow:auto;
  max-height:calc(100vh - 96px);
}
.items-listado5,
.items-listado7 {
  margin:18px;
  overflow:auto;
  max-height:calc(100vh - 96px);
}
.items-listado3 {
  margin:18px;
  overflow:auto;
  height:calc(100vh - 264px);
}
.content-list-general li {
  height:60px;
  width:364px;
  display:flex;
  padding:0 18px;
  cursor:pointer;
  align-items:center;
  background:#ffffff;
  justify-content:space-between;
  border-bottom:1px solid #f2f3f6;
}
.content-list-general li input[type="checkbox"] {
  width:30px;
  height:30px;
}
.content-list-general li select {
  border:none;
  width:324px;
  background:transparent;
}
.content-list-general2 { 
  width:100%;
  margin-bottom:4px;
}
.content-list-general2 li {
  height:60px;
  width:364px;
  display:flex;
  padding:0 18px;
  cursor:pointer;
  align-items:center;
  background:#ffffff;
  justify-content:space-between;
  border-bottom:1px solid #f2f3f6;
}
.jcb { 
  cursor:pointer;
  justify-content:space-between; 
}
.content-list-general3 { 
  width:100%;
  margin-bottom:4px;
}
.content-list-general3 li {
  width:364px;
  height:84px;
  display:flex;
  padding:0 15px;
  cursor:pointer;
  align-items:center;
  background:#ffffff;
  justify-content:space-between;
  border-bottom:1px solid #f2f3f6;
}
.item-pago-factura { 
  position:relative;
  margin-bottom:18px;
}
.warning-pending-order {
  top:5px;
  right:5px;
  position:absolute;
}
.content-listado-general-aux {
  display:flex;
  align-items:center;
}
.content-listado-general-title {
  font-size:14px;
  font-weight:600;
  margin-left:10px;
}
.content-selector-items {
  display:flex;
  align-items:center;
}
.svg-mdl-lateral {
  display:flex;
  margin-left:16px; 
  align-items:center;
}
.items-listado li,
.items-listado2 li {
  width:364px;
  height:84px;
  display:flex;
  padding:0 15px;
  cursor:pointer;
  align-items:center;
  background:#ffffff;
  justify-content:space-between;
  border-bottom:1px solid #f2f3f6;
}
.items-listado4 li,
.items-listado7 li {
  width:364px;
  height:60px;
  display:flex;
  padding:0 15px;
  cursor:pointer;
  align-items:center;
  background:#ffffff;
  justify-content:space-between;
  border-bottom:1px solid #f2f3f6;
}
.items-listado-aux li {
  width:364px;
  height:60px;
  display:flex;
  padding:0 15px;
  cursor:pointer;
  align-items:center;
  background:#ffffff;
  justify-content:space-between;
  border-bottom:1px solid #f2f3f6;
}
.items-listado3 li { 
  margin-bottom:4px;
  background:#ffffff;
}
.items-listado5 li,
.items-listado6 li { 
  margin-bottom:4px;
  background:#ffffff;
}
.content-img-listado {
  width:60px;
  height:60px;
  display:flex;
  overflow:hidden;
  border-radius:50%;
  justify-content:center;
}
.content-img-listado img { max-width:100%; }
.content-img-listado.blue { border:2px solid #007AFF; }
.content-img-listado.green { border:2px solid #29D884; }
.content-img-listado.orange { border:2px solid #FF9900; }
.content-listado-general {
  display:flex;
  align-items:center;
}
.content-info-listado-general { margin-left:10px; }
.content-info-listado-general-title {
  font-size:15px;
  font-weight:500;
  text-transform:capitalize;
}
.content-info-listado-general-subtitle {
  font-size:14px;
  font-weight:400;
  text-transform:capitalize;
}
.content-info-listado-general-subtitle input {
  border:none;
  background:transparent;
}
.content-info-listado-general-subtitle-aux {
  font-size:14px;
  font-weight:400;
  /* color:#969EAE; */
  color:#545861;
  text-transform:capitalize;
}
.mdl-lateral-bottom {
  height:98px;
  display:flex;
  padding:0 15px;
  background:#fff;
  align-items:center;
  justify-content:space-between;
}
.mdl-lateral-bottom button {
  width:164px;
  border:none;
  height:44px;
  cursor:pointer;
  font-size:14px;
  color:#ffffff;
  font-weight:500;
  border-radius:100px;
  background:#969EAE;
}
.mdl-lateral-bottom button.btncarrito { background:#29D884; }
.mdl-lateral-bottom button.btntraslados { background:#FF9900; }
.mdl-lateral-bottom-total {
  font-size:14px;
  font-weight:900;
  margin-bottom:10px;
}
.mdl-lateral-bottom-total-aux {
  font-size:14px;
  font-weight:900;
}
.mdl-lateral-btn-bottom {
  height:85px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.btn-accept{
  width:364px;
  height:60px;
  border:none;
  color:#ffffff;
  cursor:pointer;
  font-size:14px;
  background:#000;
  font-weight:500;
}
.btn-accept:disabled {
  font-size:14px;
  font-weight:500;
  /* color:#969EAE; */
  color:#545861;
  background:#F2F3F6;
}
.content-superior-data-menu {
  display:flex;
  align-items:center;
}
.content-head-aux-menu-button {
  width:125px;
  height:36px;
  border:none;
  display:flex;
  padding:0 15px;
  cursor:pointer;
  font-weight:900;
  margin-left:18px;
  border-radius:2px;
  align-items:center;
  justify-content:center;
}
.content-head-aux-menu-button.active { background:#f0f0f0 !important; }
.content-head-aux-menu-button.active span { color:#000; }
.content-head-aux-menu-button.active svg path { stroke:#000; }
.content-total-superior-data {
  display:flex;
  font-size:16px;
  font-weight:900;
  align-items:center;
}
.content-total-superior-data button {
  width:36px;
  border:none;
  height:36px;
  display:grid;
  cursor:pointer;
  margin-left:10px;
  background:#F2F3F6;
  place-content:center;
}
.data-limit-ticket:nth-last-child(-n+1) { 
  position:relative; 
  text-align:center;
  justify-content:center;
}
.data-limit-ticket:nth-last-child(-n+1)::after {
  top:-12px;
  content:'';
  width:25px;
  right:-12px;
  height:25px;
  border-radius:50%;
  position:absolute;
  background:#F2F3F6;
}
.data-limit-ticket:nth-last-child(-n+1)::before {
  top:-12px;
  content:'';
  width:25px;
  left:-12px;
  height:25px;
  border-radius:50%;
  position:absolute;
  background:#F2F3F6;
}
.total-insuficiente {
  font-size:22px;
  font-weight:900;
}
.content-logo-banco {
  width:145px;
  display:flex;
}
.content-logo-banco img { max-width:100%; }
.content-transferencia-foto {
  height:300px;
  display:flex;
  overflow:auto;
  position:relative;
  background:#ffffff;
  justify-content:center;
}
.content-transferencia-foto img { max-width:100%; }
.codverify {
  border:none;
  font-weight:700;
}
.content-general-comp-data {
  height:131px;
  display:flex;
  text-align:center;
  align-items:center;
  background:#ffffff;
  justify-content:center;
  border-bottom:1px solid #f2f3f6;
}
.content-img-general-comp-data {
  width:60px;
  margin:auto;
  height:60px;
  display:flex;
  overflow:hidden;
  border-radius:50%;
  filter:grayscale(1);
}
.content-img-general-comp-data img { max-width:100%; }
.content-list-comp-data {
  height:246px;
  display:flex;
  background:#ffffff;
  flex-direction:column;
  justify-content:space-evenly;
  border-bottom:1px solid #f2f3f6;
}
.content-list-comp-data li {
  height:20px;
  display:flex;
  padding:0 18px;
  align-items:center;
  justify-content:space-between;
}
.content-total-comp-data {
  height:86px;
  display:flex;
  text-align:center;
  align-items:center;
  background:#ffffff;
  justify-content:center;
}
/* Fin mdl general */
/* Mdl carrito */
.content-superior-carrito {
  height:76px;
  display:flex;
  padding:0 15px;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid #f2f3f6;
}
.content-superior-carrito-info {
  display:flex;
  align-items:center;
}
.content-superior-carrito-img {
  width:60px;
  height:60px;
  display:flex;
  overflow:hidden;
  margin-right:10px;
  border-radius:50%;
  justify-content:center;
  border:1px solid #f2f3f6;
}
.content-superior-carrito-img img { max-width:100%; }
.content-superior-carrito-img-aux {
  width:75px;
  display:flex;
  justify-content:center;
}
.content-superior-carrito-img-aux img { max-width:100%; }
.content-superior-carrito-info-title {
  font-size:15px;
  font-weight:500;
  text-transform:capitalize;
}
.content-superior-carrito-info-subtitle {
  width:190px;
  font-size:14px;
  font-weight:400;
  text-transform:capitalize;
}
.content-superior-carrito-info-subtitle-aux {
  font-size:14px;
  font-weight:400;
  /* color:#969EAE; */
  color:#545861;
  text-transform:capitalize;
}
.content-superior-carrito-info-subtitle-aux-2 {
  font-size:14px;
  font-weight:700;
  /* color:#969EAE; */
  color:#545861;
  text-transform:capitalize;
}
.content-bottom-carrito {
  height:40px;
  display:flex;
  padding:0 15px;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid #f2f3f6;
}
.content-bottom-carrito-info {
  display:flex;
  align-items:center;
}
.content-cantidad-carrito {
  display:flex;
  font-size:14px;
  font-weight:600;
  align-items:center;
}
.content-cantidad-carrito input {
  width:50px;
  height:20px;
  text-align:center;
  border:1px solid #eee;
}
.content-precio-carrito {
  display:flex;
  font-size:14px;
  font-weight:600;
  margin-left:10px;
  align-items:center;
}
.precio_carrito_alt {
  width:80px;
  border:none;
  font-size:14px;
  font-weight:900;
}
.cur-point { cursor:pointer; }
[delete-carrito] { cursor:pointer; }
.content-list-general-title {
  font-size:14px;
  font-weight:700;
  margin-left:10px;
  text-transform:capitalize;
}
.content-list-general-title-aux-3 {
  font-size:14px;
  font-weight:700;
  text-transform:capitalize;
}
.content-list-general-title-aux-3 input {
  border:none;
  font-size:14px;
  font-weight:700;
  width:fit-content;
}
.content-list-general-title-aux-3 input.small-input-rete { 
  width:50px; 
  text-align:center;
}
.content-list-general-title-aux {
  font-size:12px;
  /* color:#969EAE; */
  color:#545861;
  font-weight:400;
}
.content-list-general-title-aux-2 {
  font-size:12px;
  /* color:#969EAE; */
  color:#545861;
  font-weight:700;
}
.content-list-general-title-aux-4 {
  font-size:12px;
  font-weight:700;
}
.content-list-general-title-aux-5 {
  font-size:14px;
  font-weight:700;
  color:#545861;
  text-transform:capitalize;
}
.content-list-general-title-aux input {
  width:100%;
  border:none;
  font-weight:900;
}
.content-list-general-subtitle-aux {
  font-size:14px;
  font-weight:500;
  text-transform:capitalize;
}
.content-list-general-total-aux {
  font-size:18px;
  font-weight:900;
}
.content-direccion-entrega-data {
  display:flex;
  align-items:center;
}
.content-direccion-entrega-carrito {
  width:32px;
  height:32px;
  display:grid;
  border-radius:2px;
  place-content:center;
  background:#C6F3D5;
}
.content-direccion-entrega-carrito.default { background:#DBDEE3; }
.content-direccion-entrega-carrito svg path { stroke:#29D884; }
.content-direccion-entrega-carrito.default svg path { stroke:#545861; }
.content-direccion-entrega-data-title {
  font-size:14px;
  font-weight:600;
  margin-left:10px;
}
.data-carrito-finalizar li:nth-last-child(-n+1) { 
  position:relative; 
  text-align:center;
  justify-content:center;
}
.data-carrito-finalizar li:nth-last-child(-n+1)::after {
  top:-12px;
  content:'';
  width:25px;
  right:-12px;
  height:25px;
  border-radius:50%;
  position:absolute;
  background:#F2F3F6;
}
.data-carrito-finalizar li:nth-last-child(-n+1)::before {
  top:-12px;
  content:'';
  width:25px;
  left:-12px;
  height:25px;
  border-radius:50%;
  position:absolute;
  background:#F2F3F6;
}
.input-cantidades {
  width:50px;
  height:25px;
  border:none;
  text-align:center;
}
.input-cantidades.green {
  font-size:14px;
  font-weight:700;
  color:#29D884;
  background:#C6F3D5;
}
.input-cantidades.red {
  font-size:14px;
  font-weight:700;
  color:#91071d;
  background:#FEBCB9;
}
.input-cantidades.gray {
  font-size:14px;
  font-weight:700;
  color:#6E747F;
  background:#DBDEE3;
}
.content-traslado-data {
  width:71px;
  height:24px;
  display:grid;
  font-size:14px;
  font-weight:600;
  color:#ffffff;
  place-content:center;
  background:#FF9900;
}
.btn-packing-pedido {
  width:60px;
  height:60px;
  display:grid;
  margin:0 5px;
  cursor:pointer;
  border-radius:50%;
  background:#000;
  place-content:center;
}
.btn-packing-pedido.gray { background:#969EAE; }
.traslade:nth-last-child(1 of .traslade) { margin-bottom:18px; }
.updateTraslade {
  width:364px;
  height:142px;
  display:flex;
  background:#fff;
  align-items:center;
  justify-content:space-evenly;
  border-top:1px solid #F2F3F6;
}
.traslade-input {
  width:78px;
  height:38px;
  border:none;
  font-size:16px;
  font-weight:700;
  text-align:center;
  border-radius:2px;
  background:#F2F3F6;
}
.contentCodeTraslade {
  width:364px;
  height:60px;
  display:grid;
  place-content:center;
  background:#ffffff;
  border-top:1px solid #F2F3F6;
}
.codeTraslade {
  width:104px;
  height:24px;
  display:flex;
  font-size:14px;
  font-weight:700;
  text-align:center;
  align-items:center;
  background:#F2F3F6;
  justify-content:center;
}
/* Fin mdl carrito */
/* Mdl perfil */
.content-perfil-data {
  height:180px;
  display:flex;
  align-items:center;
  background:#ffffff;
  flex-direction:column;
  justify-content:center;
  margin:18px 18px 0 18px;
  border-bottom:1px solid #f2f3f6;
}
.content-listado-perfil {
  margin:0 18px;
  background:#ffffff;  
}
.content-listado-perfil li {
  width:100%;
  height:60px;
  display:flex;
  padding:0 18px;
  cursor:pointer;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid #f2f3f6;
}
.content-listado-perfil li.center-data {
  font-size:14px;
  font-weight:600;
  justify-content:center;
}
.content-listado-perfil-title {
  font-size:12px;
  /* color:#969EAE; */
  color:#545861;
  font-weight:500;
  text-transform:capitalize;
}
.content-listado-perfil-subtitle {
  font-size:14px;
  font-weight:600;
  text-transform:capitalize;
}
.content-perfil-data-img {
  width:80px;
  height:80px;
  display:grid;
  overflow:hidden;
  border-radius:50%;
  place-content:center;
  background:#FFDDB4;
}
.content-perfil-data-img img { max-width:100%; }
.content-perfil-data-info {
  margin-top:10px;
  text-align:center;
}
.content-perfil-data-info-title {
  font-size:16px;
  font-weight:600;
  text-transform:capitalize;
}
.content-perfil-data-info-subtitle {
  font-size:14px;
  font-weight:500;
  /* color:#969EAE; */
  color:#545861;
  text-transform:capitalize;
}
.content-perfil-data-info-subtitle-aux {
  font-size:14px;
  font-weight:400;
  /* color:#969EAE; */
  color:#545861;
}
.botonera-perfil {
  display:flex;
  align-items:center;
}
.btn-perfil {
  width:24px;
  height:24px;
  display:grid;
  font-size:12px;
  font-weight:900;
  place-content:center;
  border-right:2px solid #ffffff;
}
.btn-perfil.blue {
  color:#007AFF;
  background:#C0E0FF;
}
.btn-perfil.orange {
  color:#FF9900;
  background:#FFDDB4;
}
.btn-perfil.red {
  color:#FF0000;
  background:#FEBCB9;
}
.btn-perfil.gray {
  /* color:#969EAE; */
  color:#545861;
  background:#DBDEE3;
}
/* Fin mdl perfil */
/* Mdl aceptacion */
.content-alert-info {
  padding:10px;
  display:flex;
  align-items:center;
  background:#ffffff;
  justify-content:space-between;
  border-bottom:1px solid #f2f3f6;
}
.content-text-eliminar {
  padding:15px;
  font-size:14px;
  /* color:#969EAE; */
  color:#545861;
  background:#fff;
}
.red-alert {
  font-size:14px;
  color:#ff002b !important;
}
.orange-alert {
  font-size:14px;
  color:#FF9900 !important;
}
.green-alert {
  font-size:14px;
  color:#00C00D !important;
}
/* Fin mdl aceptacion */
/* Caja */
.content-head-table-general table {
  width:100%;
  height:60px;
  margin-top:20px;
  background:#fff;
  table-layout:fixed;
  border-collapse:collapse;
  border-bottom:1px solid #F2F3F6;
}
.content-head-table-general table th { font-size:14px; }
.content-body-table-general {
  overflow:auto;
  max-height:calc(100vh - 220px);
}
.content-body-table-general table {
  width:100%;
  table-layout:fixed;
  border-collapse:collapse;
}
.content-body-table-general table td {
  height:80px;
  font-size:14px;
  background:#ffffff;
  border-bottom:1px solid #F2F3F6;
}
.content-info-data-users {
  display:flex;
  padding:0 5px;
  align-items:center;
  justify-content:space-between;
}
.content-info-img-users {
  width:60px;
  height:60px;
  display:flex;
  overflow:hidden;
  border-radius:50%;
  justify-content:center;
}
.content-info-img-users.blue { border:2px solid #007AFF; }
.content-info-img-users.green { border:2px solid #29D884; }
.content-info-img-users.orange { border:2px solid #FF9900; }
.content-info-img-users img { max-width:100%; }
.content-info-users { width:220px; }
.content-info-title-users {
  font-size:15px;
  font-weight:600;
  text-transform:capitalize;
}
.content-info-subtitle-users {
  font-size:14px;
  font-weight:400;
  text-transform:capitalize;
}
.content-info-subtitle-users-aux {
  font-size:14px;
  /* color:#969EAE; */
  color:#545861;
  font-weight:400;
}
.text-center-pedido { 
  text-align:center; 
  text-transform:capitalize;
}
.subtotales-general-list {
  height:138px;
  display:flex;
  padding:0 18px;
  background:#ffffff;
  flex-direction:column;
  justify-content:center;
  border-bottom:1px solid #f2f3f6;
}
.subtotales-general-list li {
  height:30px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
/* Fin caja */
/* Compra */
.porcentaje-valid-data {
  display:flex;
  padding:0 10px;
  align-items:center;
  border-right:2px solid #E7E7E7;
}
.porcentaje-valid-data input {
  width:40px;
  text-align:center;
}
.ganancia-valid-data { padding:0 0 0 10px; }
/* Fin compra */
/* Cartera */
.content-cartera-data {
  width:400px;
  height:116px;
  display:flex;
  padding:0 18px;
  align-items:center;
  background:#ffffff;
  justify-content:space-between;
  border-top:1px solid #f2f3f6;
}
.content-factura-pago {
  height:90px;
  padding:0 15px;
  background:#ffffff;
  border-bottom:1px solid #f2f3f6;
}
.content-factura-pago2 {
  padding:15px;
  background:#ffffff;
  border-bottom:1px solid #f2f3f6;
}
.content-factura-pago-aux {
  height:32px;
  display:flex;
  padding:0 15px;
  align-items:center;
  background:#ffffff;
  justify-content:space-between;
}
.tab-pedido-pago {
  width:136px;
  height:24px;
  display:grid;
  margin:0 auto;
  font-size:12px;
  font-weight:700;
  place-content:center;
}
.tab-pedido-pago.vencido {
  color:#7c0000;
  background:#FEBCB9;
}
.tab-pedido-pago.reciente {
  color:#00438b;
  background:#C0E0FF;
}
.tab-pedido-pago.proceso {
  color:#592562;
  background:#E6C2E9;
}
.tab-pedido-pago.porvencer {
  color:#683f00;
  background:#FFDDB4;
}
.tab-pedido-pago.completado {
  color:#006815;
  background:#d2f2d7;
}
.content-text-factura-pago-aux {
  font-size:12px;
  font-weight:700;
  color:#545861;
}
.content-factura-pago-list {
  height:66px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.content-factura-pago-list2 {
  display:flex;
  padding-bottom:8px;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid #eee;
}
.precio-factura-aux {
  font-size:18px;
  font-weight:900;
  text-align:right;
}
.precio-factura-resta-aux {
  font-size:14px;
  font-weight:900;
  color:#7c0000;
}
.precio-data-factura-aux {
  font-size:12px;
  color:#545861;
  text-transform:capitalize;
}
.pedido-caja {
  width:24px;
  height:24px;
  display:grid;
  font-size:12px;
  margin-top:8px;
  font-weight:900;
  margin-right:5px;
  place-content:center;
}
.pedido-caja.vencido {
  color:#7c0000;
  background:#FEBCB9;
}
.pedido-caja.reciente {
  color:#00438b;
  background:#C0E0FF;
}
.pedido-caja.proceso {
  color:#592562;
  background:#E6C2E9;
}
.pedido-caja.porvencer {
  color:#683f00;
  background:#FFDDB4;
}
.pedido-caja.totales {
  color:#545861;
  background:#DBDEE3;
}
.pedido-caja:nth-last-child(1 of .pedido-caja) { margin:8px 0 0; }
/* Fin cartera */
/* Abonos */
.content-pagos-abonos {
  display:flex;
  height:110px;
  align-items:center;
  justify-content:center;
}
.total-pagos-abonos {
  font-size:32px;
  font-weight:900;
  text-align:center;
}
.title-pagos-abonos {
  font-size:14px;
  font-weight:600;
  text-align:center;
}
.subtitle-pagos-abonos {
  font-size:12px;
  margin-top:5px;
  font-weight:400;
  text-align:center;
}
.content-pagos-abonos-resta { 
  width:364px;
  height:60px;
  margin:auto;
  display:flex;
  padding:0 15px;
  position:relative;
  align-items:center;
  background:#ffffff;
  justify-content:space-between;
}
.content-pagos-abonos-resta::before {
  left:0;
  width:5px;
  content:'';
  height:32px;
  position:absolute;
  background:#ff002b;
}
.content-pagos-abonos-list {
  width:364px;
  margin:18px auto;
  overflow:hidden auto;
  max-height:calc(100vh - 247px);
}
.content-data-pago { margin:auto; }
.restante-abono-total {
  font-size:18px;
  font-weight:900;
  text-align:center;
}
.subtitle-restante-abono-total {
  font-size:12px;
  font-weight:500;
  text-align:center;
}
.val-pago-abono {
  border:none;
  font-size:16px;
  font-weight:600;
  background:transparent;
}
.content-observation-general {
  padding:10px 18px;
  background:#ffffff;
}
.content-observation-general textarea {
  width:330px;
  height:100px;
  border:1px solid #eeeeee;
}
.content-info-abono-data {
  width:100%;
  height:100px;
  background:#ffffff;
  border-bottom:1px solid #f2f3f6;
}
.content-info-abono-data-2 {
  width:100%;
  height:80px;
  background:#ffffff;
  border-bottom:1px solid #f2f3f6;
}
.content-info-total-abono-data {
  width:100%;
  height:60px;
  display:grid;
  position:relative;
  margin-bottom:18px;
  place-content:center;
  background:#ffffff;
}
.content-info-total-abono-data::before {
  top:-12px;
  left:-12px;
  content:'';
  width:25px;
  height:25px;
  border-radius:50%;
  position:absolute;
  background:#F2F3F6;
}
.content-info-total-abono-data::after {
  top:-12px;
  right:-12px;
  content:'';
  width:25px;
  height:25px;
  border-radius:50%;
  position:absolute;
  background:#F2F3F6;
}
.content-tab-pagos {
  display:flex;
  justify-content:center;
}
.content-tab-pagos-abono {
  width:132px;
  height:24px;
  display:grid;
  place-content:center;
  text-transform:capitalize;
}
.content-tab-pagos-abono.verificado {
  font-size:12px;
  color:#00582e;
  font-weight:700;
  background:#C6F3D5;
}
.content-tab-pagos-abono.anulado {
  font-size:12px;
  color:#7c0000;
  font-weight:700;
  background:#FEBCB9;
}
.content-tab-pagos-abono.pendiente {
  font-size:12px;
  color:#713900;
  font-weight:700;
  background:#FFDDB4;
}
.content-tab-pagos-abonos-pedido {
  font-size:12px;
  font-weight:700;
  color:#545861;
  margin:5px 0 2px;
  text-align:center;
  text-transform:capitalize;
}
.content-tab-pagos-abonos-pago {
  font-size:18px;
  font-weight:700;
  text-align:center;
}
.content-tab-pagos-total-abonos-pago {
  font-size:18px;
  font-weight:900;
  text-align:center;
}
.content-tab-pagos-total-abonos-pedido {
  font-size:12px;
  font-weight:500;
  color:#545861;
  text-align:center;
  text-transform:capitalize;
}
.totales-abono-data {
  height:86px;
  width:364px;
  display:grid;
  font-size:24px;
  font-weight:900;
  background:#ffffff;
  place-content:center;
}
.transfer-abono-data {
  width:364px;
  height:300px;
  overflow:auto;
  background:#ffffff;
  border-top:1px solid #f2f3f6;
}
.transfer-abono-data img { max-width:100%; }
.content-input-abono-pago input {
  border:none;
  margin-top:5px;
  font-size:16px;
  font-weight:600;
}
/* Fin abonos */
/* cards */
.content-cards {
  gap:10px;
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(200px,1fr));
}
.content-card {
  width:220px;
  padding:20px;
  background:#fff;
}
.content-card .content-txt-card {
  font-size:18px;
  font-weight:600;
  text-align:center;
}
.content-card .accept {
  width:100%;
  padding:10px;
  color:#fff;
  margin-top:5px;
  cursor:pointer;
  font-weight:600;
  border:transparent;
  background:#2f2f2f;  
}
/* Fin cards */
/* modales */
.mdl-complete {  
  width:80dvw;
  padding:20px;
  height:80dvh;
  background:#ffffff;

  top: 50%;
  left: 50%;
  z-index: 1000;
  position: fixed;
  transform: translate(-50%, -50%);
}
.mdl-title {
  display:flex;
  font-size:22px;
  font-weight:600;
  margin-bottom:4px;
  padding-bottom:4px;
  justify-content:space-between;
  border-bottom:1px solid #000;
}
/* Fin modales */
/* informes */
.informe-tabla {
  width:100%;
  table-layout:fixed;
  border-collapse:collapse;
}
.informe-tabla th {
  padding-bottom:4px;
  border-bottom:1px solid;
}
.informe-tabla td {  
  height:50px;
  font-size:12px;
  text-align:center;  
  border-bottom:1px solid;
}
.uppercase {
  text-transform:uppercase;
}
.productos-tabla {
  overflow:auto;
  max-height:calc(80dvh - 200px);
} 
.footer-product {
  display:flex;
  justify-content:space-between;
}
/* Fin informes */
/* Select */
select[product-price] option:last-child {
  color: #91071d;            
  font-weight: bold;
  background: #ffd6dd;  
}
.needs-validation {
  color:#fff !important;
  background:orange !important;
}
/* fin Select */