* {
  margin:0;
  padding:0;
  color:#353535;
  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;
}
.curp { cursor:pointer; }
img { pointer-events:none; }
input:focus, select:focus, textarea:focus { outline:none; }
.none { display:none !important; }
.v-none { visibility:hidden; }
.content-aux-data { 
  width:100%;
  display:flex; 
  justify-content:space-between;
}
.contenedor-aux-data { display:flex; }
main {
  width:100%;
  height:100vh;
  display:flex;
  background:#f7f7fa;
}
.notFound {
  width:100%;
  height:100vh;
  display:flex;
}
.content-principal-data { 
  width:100%;
}
.content_full {
  width:100%;
  height:calc(100vh - 104px);
}
.nheight { height:100vh; }
.content-info-data {
  background:#f6f6f6;
  height:calc(100vh - 104px);
}
.content-aux-data-info { width:100%; }
/* Inicio menu */
.content-head-menu {
  width:100%;
  height:60px;
  display:flex;
  padding:0 22px;
  margin-left:1px;
  align-items:center;
  background:#ffffff; 
  justify-content:space-between;
  border-bottom:1px solid #eee;
}
.title-base {
  font-size:18px;
  font-weight:bold;
}
.subtitle-base {
  font-size:12px;
  font-weight:400;
  color:#969EAE;
}
.content-head-aux-menu {
  height:60px;
  display:flex;
  margin-top:1px;
  padding:0 22px;
  margin-left:1px;
  align-items:center;
  background:#ffffff;
  width:calc(100% - 1px);
  border-bottom:1px solid #eee;
}
.content-head-aux-menu button {
  width:125px;
  height:36px;
  border:none;
  display:flex;
  padding:0 15px;
  cursor:pointer;
  margin-left:18px;
  border-radius:2px;
  align-items:center;
  justify-content:center;
}
.content-head-aux-menu button.filtro { background:#ffc46f; }
.content-head-aux-menu button.filtro svg path { stroke:#8b6631; }
.content-head-aux-menu button.filtro span { color:#8b6631; }
.content-head-aux-menu button.nuevo { background:#B5D7FF; }
.content-head-aux-menu button.nuevo svg path { stroke:#0062C0; }
.content-head-aux-menu button.nuevo span { color:#0062C0; }
.content-head-aux-menu button.promocion { background:#DFFEE1; }
.content-head-aux-menu button.promocion span { color:#00C00D; }
.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-head-aux-menu button span { 
  margin-left:5px;
  font-weight:bold;
}
.content-lateral-menu {
  width:60px;
  height:100vh;
  display:flex;
  align-items:center;
  background:#ffffff;
  flex-direction:column;
  border-right:1px solid #eee;
  justify-content:space-between;
}
.content-lateral-menu ul li { 
  display:flex;
  align-items:center;
  margin-bottom:20px;
  flex-direction:column;
}
.content-items-menu-lateral {
  display:flex;
  padding:20px 0;
  flex-direction:column;
  height:calc(100% - 60px);
  justify-content:space-between;
}
[menu-item="logout"] {
  display:flex;
  align-items:center;
  flex-direction:column;
}
[menu-item] { cursor:pointer; }
[menu-item] svg path { stroke:#777c88; }
[menu-item] svg line { stroke:#777c88; }
[menu-item] .text-menu-aux { color:#777c88; }
[menu-item].active svg path { stroke:#FF9100; }
[menu-item].active svg line { stroke:#FF9100; }
[menu-item].active .text-menu-aux { color:#000; }
.content-logo-user { 
  width:60px;
  height:60px;
  display:grid;
  place-content:center;
}
.content-img-user {
  width:32px;
  height:32px;
  display:flex;
  overflow:hidden;
  border-radius:50%;
}
.content-search-lateral-data {
  width:364px;
  height:36px;
  display:flex;
  padding:0 15px;
  align-items:center;
  background:#F2F3F6;
  border:1px solid #eee;
}
.content-search-lateral-data input { 
  border:none;
  width:310px;
  padding:0 10px;
  background:transparent;
}
.content-info-superior-menu { 
  display:flex;
  padding:0 22px;
  width:calc(100% - 60px);
  justify-content:space-between;
}
.content-info-superior-menu ul {
  display:flex;
  align-items:center;
}
.content-info-superior-menu ul li { margin-left:25px; }
.menu-list-body {
  overflow:auto;
  height:calc(100vh - 158px);
}
.menu-list-body.normal { height:calc(100vh - 60px) !important; }
.menu-list-footer {
  width:100%;
  height:96px;
  display:grid;
  place-content:center;
}
.text-menu-aux {
  font-size:12px;
  margin-top:5px;
  font-weight:600;
  text-align:center;
}
/* Fin menu */

/* 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 */
/* Tienda */
.content-data-productos {
  gap:15px;
  margin:22px;
  display:grid;
  overflow:auto;
  padding:0 0 22px;
  width:calc(100% - 44px);
  height:calc(100vh - 104px);
  grid-template-columns:repeat(auto-fill,minmax(300px, 1fr));
}
.saved path {
  fill:#000;
  stroke:#000;
}
.item-producto { 
  padding:15px;
  position:relative;
  height:max-content;
  background:#FFFFFF;
  border:1px solid #eee;
}
.contenedor-stock-producto {
  top: 10px;
  z-index: 2;
  right: 10px;
  width: 30px;
  height: 30px;
  display: flex;
  font-size: 12px;
  font-weight: 600;
  position: absolute;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  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 { color:#353535; }
.contenedor-precio-producto {
  display:flex;  
  justify-content:space-between;
}
.contenedor-precio-producto span.precio{
  font-size:19px;
  font-weight:bold;
} 
.contenedor-precio-producto span.precio input{
  border:none;
  font-size:19px;
  font-weight:600;
} 
.contenedor-descripcion-producto {    
  font-size:15px;
  font-weight:600;
}
.contenedor-modelo-producto { font-size:15px; }
.contenedor-codigo-producto { font-size:14px; }
.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;
}
.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;
}
.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; }
.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;
  border-radius:4px;
  cursor:not-allowed;  
  background:#ffd6dd;
}
.contenedor-inferior-producto {
  display:flex;
  margin-top:5px;
  position:relative;
  align-items:center;
  justify-content:space-between;
}
.contenedor-data-info-producto { margin-top:10px; }
[menu-item="carrito"].notification::after{    
  top:6px;
  right:8px;
  width:24px;
  height:24px;
  display:flex;
  color:#fff;
  font-size:12px;
  background:red;
  border-radius:50%;
  align-items:center;
  position: absolute;
  justify-content:center;
  content: attr(data-noti);
}
.band-new {
  top:0;
  left:0;
  position:absolute;
}
.close-svg-search {
  display:flex;
  cursor:pointer;
  align-items:center;
}
/* Fin tienda */
/* Mdl */
.background {
  top:0;
  left:0;
  width:100%;
  height:100vh;
  position:absolute;
  background:rgba(0,0,0,.3);
  transition:all 500ms ease-in-out;
} 
.mdl-lateral {
  top:0;
  right:0;
  width:400px;
  height:100vh;
  position:absolute;
  background:#F2F3F6;
  transition:all 500ms ease-in-out;
}
.mdl-center {
  top:20px;
  width:400px;
  padding:20px;
  position:absolute;
  background:#fff;
  left:calc((100% / 2) - 200px);
}
.mdl-lateral-head {
  z-index:3;
  height:60px;
  display:flex;
  position:relative;
  align-items:center;
  background:#ffffff;
  justify-content:center;
  box-shadow:2px 4px 6px #dedede;
}
.mdl-return {
  left:18px;
  position:absolute;
}
.mdl-close {
  right:18px;
  display:flex;
  cursor:pointer;
  position:absolute;
  align-items:center;
}
.mdl-close-center {
  width:100%;
  display:flex;
  align-items:center;
  justify-content:flex-end;
}
.mdl-lateral-head-title {
  font-size:16px;
  font-weight:700;
}
.mdl-lateral-body { 
  overflow:auto;
  position:relative;
  height:calc(100vh - 60px);
}
.mdl-lateral-body-aux { 
  overflow:auto;
  position:relative;
  height:calc(100vh - 60px);
}
.content-menu-items {
  display:flex;
  align-items:center;
}
.items-menu { 
  margin:18px;
  overflow:auto;
  max-height:calc(100vh - 164px);
}
.items-menu3 { 
  margin:18px;
  overflow:auto;
}
.items-menu4 { margin:18px; }
.items-menu3 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;
  text-transform:capitalize;
  justify-content:space-between;
}
.items-menu 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;
  text-transform:capitalize;
  justify-content:space-between;
}
.items-menu li.active { background:#dbdbdb; }
.items-menu2 { 
  overflow:auto;
  margin:0 18px 18px;
  max-height:calc(100vh - 164px);
}
.items-menu2 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;
  text-transform:capitalize;
  justify-content:space-between;
}
.items-menu2 li.active { background:#dbdbdb; }
.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-selector-items {
  display:flex;
  align-items:center;
}
.mdl-lateral.animation {
  z-index:1;
  animation-duration:.8s;
  animation-name:enter-mdl;
}
.mdl-center.animation {
  z-index:1;
  animation-duration:.8s;
  animation-name:enter-mdl2;
}
.mdl-lateral.out-animation {
  z-index:-1;
  animation-duration:.8s;
  animation-name:out-mdl;
}
.mdl-center.out-animation {
  z-index:-1;
  animation-duration:.8s;
  animation-name:out-mdl2;
}
@keyframes enter-mdl {
  0% {
    opacity:0;
    transform:translateX(400px);
  }
  100% {
    opacity:1;
    transform:translateX(0);
  }
}
@keyframes enter-mdl2 {
  0% {
    opacity:0;
    transform:translateY(400px);
  }
  100% {
    opacity:1;
    transform:translateY(0);
  }
}
@keyframes out-mdl {
  0% {
    opacity:1;
    transform:translateX(0);
  }
  100% {
    opacity:0;
    transform:translateX(400px);
  }
}
@keyframes out-mdl2 {
  0% {
    opacity:1;
    transform:translateY(0);
  }
  100% {
    opacity:0;
    transform:translateY(400px);
  }
}
.content-porcent-data {
  width:268px;
}
.content-porcent-data .porcent-data { 
  width:0;
  height:6px; 
}
.content-buttons-slider {
  top:90px;
  z-index:1;
  width:100%;
  display:flex;
  padding:0 12px;
  position:absolute;
  justify-content:space-between;
}
.content-buttons-slider button {
  width:32px;
  height:32px;
  border:none;
  display:grid;
  cursor:pointer;
  border-radius:2px;
  place-items:center;
  background:#F2F3F6;
}
.content-porcent-data .text-porcent { margin-top:15px; }
.content-porcent-data .porcent-data.green { background:#09FF00; }
.content-porcent-data .porcent-data.blue { background:#0089FF; }
.content-porcent-data .porcent-data.orange { background:#FFAA00; }
.content-porcent-data .porcent-data.red { background:#FF0000; }
.content-porcent-data .porcent-data.gray { background:#BBCEDA; }
.mdl-lateral-head-s {
  z-index:3;
  height:60px;
  display:flex;
  position:relative;
  align-items:center;
  background:#ffffff;
  justify-content: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;
}
.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-data-info-head {
  display:flex;
  align-items:center;
}
.mdl-lateral-head-aux-search {
  width:100%;
  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-button-center-mdl {
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.content-button-center-mdl button {
  width:150px;
  height:40px;
  border:none;
  cursor:pointer;
  font-size:16px;
  font-weight:600;
  box-shadow:0px 0px 1px 2px #eeeeee;
}
.content-button-center-mdl button.aceptar { background:#ffcc49; }
.content-button-center-mdl button.declinar { background:#d4d4d4; }
.title-mdl-central {
  font-size:24px;
  font-weight:900;
  text-align:center;
}
.text-mdl-central {
  margin:10px;
  text-align:center;
}
.stock-insuficiente {
  width:100%;
  font-weight:500;
  text-align:center;
  margin-bottom:15px;
  text-transform:capitalize;
}
.codigo-stock-insuficiente {
  font-size:14px;
  font-weight:400;
}
.stock-stock-insuficiente { margin-top:10px; }
.info-data-documento {
  width:364px;
  height:80px;
  padding:15px;
  font-size:14px;
  font-weight:400;
  background:#ffffff;
}
.content-product-image {
  height:222px;
  display:inline-flex;
  background:#ffffff;
  transition:all 500ms ease-in-out;
}
.product-image {
  width:364px;
  margin:auto;
  display:flex;
  height:198px;
  justify-content:center;
}
.product-image img { max-width:100%; }
.img-avatar-data {
  width:60px;
  height:60px;
  display:flex;
}
.img-avatar-data.active { border:1px solid #FFBC00; }
.img-avatar-data img { max-width:100%; }
.content-img-data {
  gap:10px;
  padding:12px;
  display:grid;
  margin:1px 0;
  background:#ffffff;
  grid-template-columns:repeat(auto-fill,minmax(60px,60px));
}
.content-data-list {
  height:60px;
  display:flex;
  padding:0 12px;
  align-items:center;
  background:#ffffff;
  justify-content:space-between;
}
.content-list-data-list {
  display:flex;
  align-items:center;
}
.listado-items-title {
  font-size:14px;
  font-weight:600;
  margin-left:10px;
}
.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;
}
.preview-img img { max-width:100%; }
/* Fin mdl */
/* Slider */
.content-slide-images {
  width:364px;
  overflow:hidden;
  position:relative;
  background:#ffffff;
}
.content-buttons-slider {
  top:90px;
  z-index:1;
  width:100%;
  display:flex;
  padding:0 12px;
  position:absolute;
  justify-content:space-between;
}
.content-buttons-slider button {
  width:32px;
  height:32px;
  border:none;
  display:grid;
  cursor:pointer;
  border-radius:2px;
  place-items:center;
  background:#F2F3F6;
}
.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; }
/* Fin slider */
/* Carrito */
[carrito-delete-id] { cursor:pointer; }
.content-data-carrito {
  display:flex;
  align-items:center;
  text-transform:capitalize;
}
.content-main-data-carrito { 
  height:76px;
  display:flex;
  align-items:center;
  background:#ffffff;
  justify-content:space-between;
}
.content-main-carrito {
  display:flex;
  flex-direction:column;
  height:calc(100vh - 60px);
  justify-content:space-between;
}
.content-main-aux-carrito { 
  margin:18px;
  overflow:auto;
  height:calc(100vh - 200px); 
}
.img-carrito {
  width:60px;
  height:60px;
  display:flex;
  margin:0 5px;
  overflow:hidden;
  border-radius:50%;
  background:#ffffff;
  justify-content:center;
}
.img-marca {
  width:80px;
  display:flex;
  margin-right:10px;
}
.img-marca img { max-width:100%; }
.content-total-data {
  width:100%;
  height:100px;
  display:flex;
  padding:0 18px;
  align-items:center;
  background:#ffffff;
  justify-content:space-between;
}
.content-total-data button {
  width:164px;
  height:50px;
  border:none;
  cursor:pointer;
  font-weight:600;
  color:#ffffff;
  border-radius:40px;
  background:#000000;
}
.content-info-carrito-data {
  height:40px;
  display:flex;
  margin-top:1px;
  padding:0 15px;
  margin-bottom:5px;
  align-items:center;
  background:#ffffff;
  justify-content:space-between;
}
.title-carrito {
  font-size:15px;
  font-weight:500;
}
.subtitle-carrito {
  font-size:14px;
  font-weight:400;
}
.codigo-carrito {
  font-size:14px;
  color:#969EAE;
  font-weight:400;
}
.btn-carrito {
  width:22px;
  height:22px;
  border:none;
  display:grid;
  cursor:pointer  ;
  border-radius:2px;
  background:#F2F3F6;
  place-content:center;
}
.content-cantidad-carrito input { 
  width:50px;
  height:20px;
  text-align:center;
  border:1px solid #eee;
 }
.content-cantidad-carrito { 
  display:flex;
  font-size:14px;
  font-weight:600;
  align-items:center;
}
.content-cantidad-carrito2 {
  display:flex;
  font-size:14px;
  font-weight:600;
  margin-left:10px;
  align-items:center;
}
.content-text-total-data {
  font-size:14px;
  font-weight:600;
}
.content-total-total-data {
  font-size:18px;
  margin-top:8px;
  font-weight:600;
}
.listado-items { width:364px; }
.listado-items:nth-child(n+2) { margin-top:10px; }
.listado-items li {
  height:60px;
  display:flex;
  padding:0 12px;
  margin-bottom:1px;
  align-items:center;
  background:#ffffff;
  justify-content:space-between;
}
.listado-items2 { width:364px; }
.listado-items2 li {
  height:60px;
  display:flex;
  padding:0 12px;
  margin-bottom:1px;
  align-items:center;
  background:#ffffff;
  justify-content:space-between;
}
.content-list-data { padding:18px; }
.content-list-data2 { padding:18px 18px 0; }
.listado-title-items {  
  font-size:12px;
  font-weight:400;
  color:#969EAE;
  text-transform:capitalize;
}
.listado-text-items {
  margin-top:5px;
  font-size:14px;
  font-weight:500;
  text-transform:capitalize;
}
.listado-text-items [type="text"],
.listado-text-items [type="password"] { 
  border:none;
  font-size:14px;
  font-weight:600;
}
.content-product-data-list-subtitle [type="text"],
.listado-text-items [type="tel"],
.listado-text-items [type="number"],
.listado-text-items [type="email"] {
  width:332px;
  border:none;
  font-size:14px;
}
.listado-iva-items {
  font-size:14px;
  font-weight:500;
}
.content-info-list-item { 
  display:flex; 
  align-items:center;
}
.content-info-list-item svg { margin-right:10px; }
[metodo-pago] { cursor:pointer; }
.btn-accept {
  width:364px;
  height:60px;
  border:none;
  cursor:pointer;
  font-size:14px;
  font-weight:500;
  color:#ffffff;
  background:#000;
}
.btn-accept span { color:#ffffff; }
.btn-accept:disabled { background:#919191; }
.svg-blue-background {
  width:32px;
  height:32px;
  display:flex;
  margin-right:10px;
  border-radius:2px;
  align-items:center;
  background:#C7E3FF;
  justify-content:center;
}
.svg-blue-background svg { margin:0; }
.img-carrito-banco {
  width:190px;
  display:flex;
  align-items:center;
}
.img-carrito-banco img { max-width:100%; }
.content-tranfer-data {
  width:364px;
  height:300px;
  overflow:auto;
  margin-top:1px;
  background:#ffffff;
}
.content-tranfer-data img { max-width:100%; }
.content-info-transfer {
  height:60px;
  display:flex;
  padding:0 18px;
  margin-top:1px;
  align-items:center;
  background:#ffffff;
  justify-content:space-between;
}
[discover-transfer] { font-weight:500; }
.content-search-carrito {
  height:55px;
  display:flex;
  padding:0 12px;
  margin:18px 18px 0;
  align-items:center;
  background:#ffffff;
}
.content-search-carrito [type="text"] {
  border:none;
  font-size:14px;
  font-weight:600;
  margin-left:10px;
}
/* Fin carrito */
/* Espera */
.content-main-espera { padding:22px; }
.content-table-head table {
  width:100%;
  table-layout:fixed;
  border-spacing:0 1px;
}
.content-table-body table {
  width:100%;
  table-layout:fixed;
  border-spacing:0 1px;
}
.content-table-head table th {
  height:60px;
  font-size:14px;
  text-align:center;
  background:#ffffff;
}
.content-table-body {
  overflow:auto;
  max-height:calc(100vh - 170px);
}
.content-table-body table td {
  height:60px;
  font-size:13px;
  position:relative;
  text-align:center;
  background:#ffffff;
}
.content-table-body table td.line,
.content-table-head table th.line { border-right:1px solid #F2F3F6; }
.content-svg-espera {
  z-index:1;
  width:32px;
  height:32px;
  margin:auto;
  display:flex;
  position:relative;
  border-radius:2px;
  align-items:center;
  background:#ffffff;
  justify-content:center;
}
.content-svg-espera.active { background:#DCDEE3; }
.dotted-line {
  height:1px;
  position:absolute;
  top:calc(100% / 2);
  width:calc(100% - 2px);
  border-top:2px dotted #969EAE;
}
.dotted-line-inicio {
  height:1px;
  position:absolute;
  top:calc(100% / 2);
  left:calc(100% / 2);
  width:calc(50% - 3px);
  border-top:2px dotted #969EAE;
}
.dotted-line-inicio.loading { border-top:2px dotted #29D884; }
.dotted-line-inicio.procesado { border-top:2px dotted #29D884; }
.dotted-line-inicio.rechazado { border-top:2px dotted #D82929; }
.dotted-line.rechazado { border-top:2px dotted #D82929; }
.dotted-line.procesado { border-top:2px dotted #29D884; }
.dotted-line-inicio.procesado::after{
  top:-12px;
  z-index:1;
  width:40px;
  right:-22px;
  position:absolute;
  content:url("data:image/svg+xml;utf8,%3Csvg%20id%3D'checkmark-circle-1'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cg%20id%3D'Grupo_2721'%20data-name%3D'Grupo%202721'%3E%3Cpath%20id%3D'Trazado_4765'%20data-name%3D'Trazado%204765'%20d%3D'M12%2C3a9%2C9%2C0%2C1%2C0%2C9%2C9%2C9%2C9%2C0%2C0%2C0-9-9Z'%20fill%3D'%2329d884'%20stroke%3D'%2329d884'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20stroke-width%3D'1.5'%2F%3E%3Cpath%20id%3D'Trazado_4766'%20data-name%3D'Trazado%204766'%20d%3D'M8.44%2C12.339l2.167%2C2.167-.02-.02%2C4.88-4.89'%20fill%3D'none'%20stroke%3D'%23fff'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20stroke-width%3D'1.5'%2F%3E%3C%2Fg%3E%3Cpath%20id%3D'Trazado_4767'%20data-name%3D'Trazado%204767'%20d%3D'M0%2C0H24V24H0Z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E");
}
.dotted-line-inicio.rechazado::after{
  top:-12px;
  z-index:1;
  width:40px;
  right:-22px;
  position:absolute;
  content:url("data:image/svg+xml;utf8,%3Csvg%20id%3D'documents-file-warning-error.3'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cg%20id%3D'Grupo_2766'%20data-name%3D'Grupo%202766'%3E%3Cpath%20id%3D'Trazado_4826'%20data-name%3D'Trazado%204826'%20d%3D'M18.414%2C6.414%2C15.586%2C3.586h0A2%2C2%2C0%2C0%2C0%2C14.172%2C3H7A2%2C2%2C0%2C0%2C0%2C5%2C5V19H5a2%2C2%2C0%2C0%2C0%2C2%2C2H17a2%2C2%2C0%2C0%2C0%2C2-2V7.828h0a2%2C2%2C0%2C0%2C0-.586-1.414Z'%20fill%3D'red'%20stroke%3D'%23ffa3a3'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20stroke-width%3D'1.5'%2F%3E%3Cpath%20id%3D'Trazado_4825'%20data-name%3D'Trazado%204825'%20d%3D'M12%2C12.658V10.709'%20fill%3D'none'%20stroke%3D'%23fff'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20stroke-width%3D'1.5'%2F%3E%3Cpath%20id%3D'Trazado_4827'%20data-name%3D'Trazado%204827'%20d%3D'M12%2C14.807h0a.1.1%2C0%2C0%2C0-.1.1h0a.1.1%2C0%2C0%2C0%2C.1.1h0a.1.1%2C0%2C0%2C0%2C0-.193'%20fill%3D'none'%20stroke%3D'%23fff'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20stroke-width%3D'1.5'%2F%3E%3C%2Fg%3E%3Cpath%20id%3D'Trazado_4828'%20data-name%3D'Trazado%204828'%20d%3D'M0%2C0H24V24H0Z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E");
}
.dotted-line-inicio.loading::after{
  top:-11px;
  z-index:1;
  content:'';
  clear:both;
  width:20px;
  right:-12px;
  height:20px;
  position:absolute;
  background-size:100%;
  background-image:url(../../content/img/general/loading.gif);
}
.dotted-line-inicio.loading::before{
  top:-11px;
  z-index:1;
  content:'';
  clear:both;
  width:20px;
  right:-12px;
  height:20px;
  position:absolute;
  background:#fff;
}
.dotted-line.procesado::after{
  top:-12px;
  z-index:1;
  width:40px;
  right:-22px;
  position:absolute;
  content:url("data:image/svg+xml;utf8,%3Csvg%20id%3D'checkmark-circle-1'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cg%20id%3D'Grupo_2721'%20data-name%3D'Grupo%202721'%3E%3Cpath%20id%3D'Trazado_4765'%20data-name%3D'Trazado%204765'%20d%3D'M12%2C3a9%2C9%2C0%2C1%2C0%2C9%2C9%2C9%2C9%2C0%2C0%2C0-9-9Z'%20fill%3D'%2329d884'%20stroke%3D'%2329d884'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20stroke-width%3D'1.5'%2F%3E%3Cpath%20id%3D'Trazado_4766'%20data-name%3D'Trazado%204766'%20d%3D'M8.44%2C12.339l2.167%2C2.167-.02-.02%2C4.88-4.89'%20fill%3D'none'%20stroke%3D'%23fff'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20stroke-width%3D'1.5'%2F%3E%3C%2Fg%3E%3Cpath%20id%3D'Trazado_4767'%20data-name%3D'Trazado%204767'%20d%3D'M0%2C0H24V24H0Z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E");
}
.dotted-line.rechazado::after{
  top:-12px;
  z-index:1;
  width:40px;
  right:-22px;
  position:absolute;
  content:url("data:image/svg+xml;utf8,%3Csvg%20id%3D'documents-file-warning-error.3'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cg%20id%3D'Grupo_2766'%20data-name%3D'Grupo%202766'%3E%3Cpath%20id%3D'Trazado_4826'%20data-name%3D'Trazado%204826'%20d%3D'M18.414%2C6.414%2C15.586%2C3.586h0A2%2C2%2C0%2C0%2C0%2C14.172%2C3H7A2%2C2%2C0%2C0%2C0%2C5%2C5V19H5a2%2C2%2C0%2C0%2C0%2C2%2C2H17a2%2C2%2C0%2C0%2C0%2C2-2V7.828h0a2%2C2%2C0%2C0%2C0-.586-1.414Z'%20fill%3D'red'%20stroke%3D'%23ffa3a3'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20stroke-width%3D'1.5'%2F%3E%3Cpath%20id%3D'Trazado_4825'%20data-name%3D'Trazado%204825'%20d%3D'M12%2C12.658V10.709'%20fill%3D'none'%20stroke%3D'%23fff'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20stroke-width%3D'1.5'%2F%3E%3Cpath%20id%3D'Trazado_4827'%20data-name%3D'Trazado%204827'%20d%3D'M12%2C14.807h0a.1.1%2C0%2C0%2C0-.1.1h0a.1.1%2C0%2C0%2C0%2C.1.1h0a.1.1%2C0%2C0%2C0%2C0-.193'%20fill%3D'none'%20stroke%3D'%23fff'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20stroke-width%3D'1.5'%2F%3E%3C%2Fg%3E%3Cpath%20id%3D'Trazado_4828'%20data-name%3D'Trazado%204828'%20d%3D'M0%2C0H24V24H0Z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E");
}
.dotted-line.loading::after{
  top:-11px;
  z-index:1;
  content:'';
  clear:both;
  width:20px;
  right:-12px;
  height:20px;
  position:absolute;
  background-size:100%;
  background-image:url(../../content/img/general/loading.gif);
}
.dotted-line.loading::before{
  top:-11px;
  z-index:1;
  content:'';
  clear:both;
  width:20px;
  right:-12px;
  height:20px;
  position:absolute;
  background:#fff;
}
.dotted-line-fin {
  height:1px;
  position:absolute;
  top:calc(100% / 2);
  right:calc(100% / 2);
  width:calc(50% - 1px);
  border-top:2px dotted #969EAE;
}
.blue-item-data {
  width:12px;
  height:12px;
  margin-left:10px;
  border-radius:50%;
  background:#2974D8;
}
.orange-item-data {
  width:12px;
  height:12px;
  margin-left:10px;
  border-radius:50%;
  background:#FFAB02;
}
.red-item-data {
  width:12px;
  height:12px;
  margin-left:10px;
  border-radius:50%;
  background:#D82929;
}
.green-item-data {
  width:12px;
  height:12px;
  margin-left:10px;
  border-radius:50%;
  background:#29D884;
}
.black-item-data {
  width:12px;
  height:12px;
  margin-left:10px;
  border-radius:50%;
  background:#000;
}
.orbe-info {
  display:flex;
  align-items:center;
}

/* part2 */
#content-data-espera {
  overflow:auto;
  padding-bottom:20px;
  height:calc(100vh - 105px);
}
.contenedor-espera-interno {
  max-width:925px;  
  margin:0 auto 15px;  
  background:#f7f7fa;
}
.contenedor-cabezote-espera-interno {
  display:flex;
  padding:15px;
  background:#fff;
  margin-bottom:2px;
  justify-content:space-between;
}
.contenedor-info-cabezote-espera-interno {
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.contenedor-info-cabezote-espera-interno .titulo {
  font-size:20px;
  color:#676789;
}
.contenedor-info-cabezote-espera-interno .tiempo { font-size:14px; }
.contenedor-cuerpo-espera-interno {
  display:flex;
  background:#f7f7fa;  
}
.contenedor-lateral-cuerpo-espera-interno {
  width:50%;
  display:flex;
  position:relative;
  background:#fff;
  flex-direction:column;
  justify-content:space-around;
}
.lateral-punteado-cuerpo-espera-interno {
  left:37px;
  height:88%;
  position:absolute;
  border-left:2px dashed #D5D5D5;
}
.contenedor-btn-cabezote-espera-interno .botonera {
  width:45px;
  height:45px;
  display:flex;
  cursor:pointer;  
  align-items:center;
  justify-content:center;
  border:1px solid #F1F1FF;
}
.contenedor-estado-latera-cuerpo-espera-interno {
  height:35px;
  display:flex;
  position:relative;
  background:#fff;
  align-items:center;
}

.contenedor-lateral-cuerpo-espera-interno .circle {
  width:16px;
  height:16px;
  border-radius:50%;
  position:relative;
  margin:0 20px 0 30px;
  background:#676789;
}
.contenedor-lateral-cuerpo-espera-interno .circle.verificado {
  width:20px;
  height:20px;
  display:flex;
  border-radius:50%;
  position:relative;
  align-items:center;
  margin:0 17px 0 28px;
  background:#00BE06;
  justify-content:center;
}
.contenedor-lateral-cuerpo-espera-interno .circle.verificando {
  width:16px;
  height:16px;
  border-radius:50%;
  position:relative;
  margin:0 20px 0 30px;
  background:#FF9100;
}
.contenedor-lateral-cuerpo-espera-interno .circle.verificando::after {
  top:-3px;
  content:'';
  width:20px;
  left:-3px;
  height:20px;
  position:absolute;
  border-radius:50%;
  border:1px solid #FF9100;
}
.contenedor-lateral-cuerpo-espera-interno .circle.sin-verificar::after {
  top:-3px;
  left:-3px;
  content:'';
  width:20px;
  height:20px;
  position:absolute;
  border-radius:50%;
  border:1px solid #676789;
}
.contenedor-lateral-cuerpo-espera-interno span.sin-verificar { color:#676789; }
.contenedor-lateral-cuerpo-espera-interno span.verificado
.contenedor-lateral-cuerpo-espera-interno span.verificando {
  color:#000;
  font-weight:600;
}
.contenedor-lateral-img-cuerpo-espera-interno {
  width:50%;
  display:flex;
  margin-left:4px;
  background:#fff;
  align-items:center;
  justify-content:center;
}
.contenedor-lateral-img-cuerpo-espera-interno img { max-width:100%; }
.contenedor-footer-espera-interno {
  display:flex;
  margin-top:2px;
  padding:15px 24px;  
  background:#fff;
  flex-direction:column;
}
.contenedor-titulo {
  display:flex;
  align-items:center;
}
.contenedor-titulo span {
  font-size:18px;
  margin-left:8px;
  font-weight:700;
}
.contenedor-nota-espera-interno {
  display:flex;
  margin:5px 0;
  justify-content:space-between;
}
.contenedor-opciones-espera-mdl-lateral {
  width:90%;
  overflow:auto;
  margin:15px auto;
  height:calc(100vh - 106px);
}
.contenedor-opciones-espera-mdl-lateral li {
  padding:8px;
  display:flex;
  position:relative;
  margin-bottom:2px;
  background:#fff;
  flex-direction:column;
  justify-content:space-around;
}
.contenedor-opciones-espera-mdl-lateral li .titulo { color:#676789; }
.contenedor-opciones-espera-mdl-lateral li .texto {
  font-size:15px;
  font-weight:500;
}
.contenedor-opciones-espera-mdl-lateral li .metodo {
  font-size:15px;
  font-weight:500;
  text-transform:capitalize;
}
.contenedor-opciones-espera-mdl-lateral li .resta {
  font-size:15px;
  font-weight:500;
  color:#ce0e2d;
}
.chevronEspera {  
  right:20px;
  position:absolute;
}
.contenedor-opciones-espera-mdl-lateral-lista {
  width:90%;
  overflow:auto;
  margin:15px auto;
  height:calc(100vh - 106px);
}
.contenedor-opciones-espera-mdl-lateral-lista li {
  padding:8px;
  display:flex;
  position:relative;
  margin-bottom:2px;
  background:#fff;  
  align-items:center;
  justify-content:space-between;
}
.contenedor-volver-mdl-lateral {
  left:20px;
  cursor:pointer;
  position:absolute;
}
.contenedor-img-espera-opciones {
  width:55px;
  height:55px;
  display:flex;
  margin:0 10px;
  overflow:hidden; 
  border-radius:50%;
  justify-content:center;
}
.contenedor-img-espera-opciones img { object-fit:contain; }
.contenedor-info-espera-opciones {
  width:300px;
  text-transform:capitalize;
}
.contenedor-adic-info-espera-opciones {
  display:flex;
  justify-content:flex-end;    
}
.contenedor-img-marca-info-adic {
  width:95px;
  height:30px;
  display:flex;
  justify-content:flex-end;
}
.contenedor-img-marca-info-adic img { max-width:100%; }
.descripcion-espera-opciones,
.precio-espera-opciones {
  font-size:14px;
  font-weight:500;
}
.codigo-espera-opciones,
.modelo-espera-opciones {
  font-size:14px;
  color:#676789;
}
.contenedor-ico-span-adic-info { margin-right:5px; }
.contenedor-ico-span-adic-info svg { width:15px; }
.contenedor-precio-info-adic-opciones-espera {
  display:flex;
  font-size:15px;
  font-weight:500;
  justify-content:flex-end;
}
/* Fin part2 */

/* Fin espera */
/* Cartera */
.btn-estado {
  width:106px;
  height:32px;
  background:#fff;
  text-transform:capitalize;
}
.precio-abono {
  font-size:18px;
  font-weight:500;
}
.btn-estado.pendiente {
  font-size:12px;
  font-weight:500;
  color:#FF8000;
  border:1px solid #FF8000;
}
.btn-estado.verificado {
  font-size:12px;
  font-weight:500;
  color:#29D884;
  border:1px solid #29D884;
}
button.pagada {
  width:120px;
  height:32px;
  color:#29D884;
  font-size:12px;
  font-weight:500;
  background:#FFFFFF;
  border:1px solid #29D884;
}
button.porvencer {
  width:120px;
  height:32px;
  color:#FF8000;
  font-size:12px;
  font-weight:500;
  background:#FFFFFF;
  border:1px solid #FF8000;
}
button.cancelada {
  width:120px;
  height:32px;
  color:#FF0000;
  font-size:12px;
  font-weight:500;
  background:#FFFFFF;
  border:1px solid #FF0000;
}
.title-rest-cost {
  font-size:14px;
  color:#FF0000;
  font-weight:500;
  margin-right:10px;
}
/* Fin cartera */
/* Perfil */
.flex-in {
  display:flex;
  align-items:center;
}
.flex-in input { margin-left:10px; }
.content-perfil-perfil {
  width:364px;
  height:200px;
  display:flex;
  position:relative;
  text-align:center;
  align-items:center;
  margin:18px 18px 1px;
  background:#ffffff;
  flex-direction:column;
  justify-content:center;
}
.content-perfil-perfil::after {
  top:25px;
  width:24px;
  height:24px;
  display:flex;
  color:#000;
  font-size:12px;
  font-weight:600;
  border-radius:50%;
  align-items:center;
  position: absolute;
  background:#00CE29;
  content: attr(perfil);
  justify-content:center;
  right:calc((100% / 2) - 45px);
}
.content-perfil-img {
  width:88px;
  height:88px;
  overflow:hidden;
  border-radius:50%;
}
.content-perfil-img img { max-width:100%; }
.content-perfil-title {
  font-size:16px;
  margin-top:5px;
  font-weight:600;
  text-transform:capitalize;
}
.content-perfil-subtitle {
  font-size:14px;
  margin-top:2px;
  font-weight:400;
  text-transform:capitalize;
}
.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:#FF7600; }
input:focus + .slider { box-shadow:0 0 1px #FF7600; }
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%; }
/* Fin perfil */
/* Alertas */
.modal-notifications-global {  
  opacity:0;
  top:-500px;
  right:20px;
  z-index:18;
  width:500px;
  display:flex;
  padding:15px;
  position:fixed;
  height:fit-content;
  align-items:center;
  background:#fffdfd;
  transition:all 500ms ease-in-out;
  box-shadow:1px 1px 3px 1px #e9e9e9;
}
.contenedor-cerrar-modal-notifications {
  top:10px;
  right:10px;    
  cursor:pointer;
  position:absolute;
}
.animationNotificationsGlobal {
  top:25px;
  opacity:1;
}
.titulo-modal {
  font-size:18px;
  font-weight:500;
  color:#484848;
}
.texto-modal { color:#858585; }
.contenedor-estado-modal { margin-right:5px; }
/* Fin alertas */