.tb-st {
	font-size: 13px;
	color: #6b6b6b;
}
.boxpres {
  background: #FADBD8;
}
.prod-left {
  width: 55%;
  padding: 0px;
}
.prod-rigth {
  height: 800px;
  margin-left:55%;
  background: #fbfbfb;
}
.ms-auto {
  margin-left: auto!important;
}

  .btn-large-dim {
    width: 29.78% !important;
    height: 110px !important;
    font-size: 20px !important;
  }
  @media (min-width: 992px) and (max-width: 1199.98px) { 
    .btn-large-dim {
      width: 120px !important;
      height: 120px !important;
      font-size: 20px !important;}
  }
@media (min-width: 1200px) {
  .btn-large-dim {
    width: 125px !important;
    height: 125px !important;
    font-size: 20px !important;}
  .tabs-vertical {
    min-width: 150px;
    max-width: 150px;}
  .u4-1 {
    margin-top:-20px !important;
    margin-left:-25px !important;
    margin-right:-25px !important;}
  .u4-2 {
    margin-top:-25px !important;
    margin-left:-26px !important;
    margin-right:-25px !important;}
  .u4 {
    padding: 4px !important;}
}

@media (max-width: 767px) {
  .btn-large-dim {
    display: flex;
    justify-content: center !important;
    width: 119px !important;
    height: 119px !important;
    font-size: 20px !important;}
  .tabs-vertical {
    min-width: 50px;}
  .u4-1 {
    margin-top:-25px !important;
    margin-left:-15px !important;
    margin-right:-15px !important;
    margin-bottom:-15px !important;}
  .u4-2 {
    margin-top:-25px !important;
    margin-left:-15px !important;
    margin-right:-15px !important;
  margin-bottom:-15px !important;}
  .u4 {
    padding: 0 !important;}
  .login-background {
    padding-bottom: 400px !important;
  }
}

.style-login {
  background-color: #ffff;
}

.style-login-text {
  color: #ffffff;
}

.span-a{
  display: block;
  font-size: 10px;
  font-weight: 400;
}
.span-b{
  display: block;
  font-size: 9px;
  font-weight: 400;
}
button.dim {
  display: inline-block;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  padding-top: 6px;
  position: relative;
  cursor: pointer;
  border-radius: 18px;
  font-weight: 600;
  margin: 5px !important;
  padding: 7px 0px;
 
}

button.celeste {
  display: inline-block;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  padding-top: 6px;
  position: relative;
  cursor: pointer;
  border-radius: 18px;
  font-weight: 600;
  margin: 5px !important;
  padding: 7px 0px;
 color:#fff;
}
.blanco {
 color:white;
}

button.dim:active {
  top: 0px;
  color: #fff;
}
button.btn-primary.dim {
  box-shadow: inset 0 0 0 #16987e, 0 2px 0 0 #16987e, 0 5px 3px #999999;
}
button.btn-primary.dim:active {
  box-shadow: inset 0 0 0 #16987e, 0 2px 0 0 #16987e, 0 5px 3px #999999;
}
button.btn-primary.dim:focus {
  box-shadow: inset 0 0 0 #16987e, 0 5px 0 0 #16987e, 0 10px 5px #f79d3c;
}
button.btn-primary.dim:visited {
  box-shadow: inset 0 0 0 #16987e, 0 5px 0 0 #16987e, 0 10px 5px #f79d3c;
}
button.btn-default.dim {
  box-shadow: inset 0 0 0 #b3b3b3, 0 5px 0 0 #b3b3b3, 0 10px 5px #999999;
}
button.btn-default.dim:active {
  box-shadow: inset 0 0 0 #b3b3b3, 0 2px 0 0 #b3b3b3, 0 5px 3px #999999;
}
button.btn-warning.dim {
  box-shadow: inset 0 0 0 #f79d3c, 0 5px 0 0 #f79d3c, 0 10px 5px #999999;
}
button.btn-warning.dim:active {
  box-shadow: inset 0 0 0 #f79d3c, 0 2px 0 0 #f79d3c, 0 5px 3px #999999;
}
button.btn-blue.dim {
  border-radius: 10px;
  border: 4px solid #ffffff;
}
button.btn-blue.dim:hover {
  color: #fff;
  border-radius: 10px;
  border: 4px solid #ffffff; 
  -webkit-box-shadow: 0px 0px 0px 3px rgba(0,0,0,0.17);
-moz-box-shadow: 0px 0px 0px 3px rgba(0,0,0,0.17);
box-shadow: 0px 0px 0px 3px rgba(0,0,0,0.17);
}
button.btn-green.dim {
  border-radius: 18px;
  color:#21c1d6;
}
button.btn-green.dim:hover {
  color:#21c1d6;
  border-radius: 10px;
  border: 8px solid #ffffff; 
  -webkit-box-shadow: 0px 0px 0px 3px rgba(0,0,0,0.17);
-moz-box-shadow: 0px 0px 0px 3px rgba(0,0,0,0.17);
box-shadow: 0px 0px 0px 3px rgba(0,0,0,0.17);
}
button.btn-reed.dim {
  color: #fff;
  border-radius: 10px;
  border: 4px solid #ffffff; 
}
button.btn-reed.dim:hover {
  border-radius: 10px;
  border: 4px solid #ffffff; 
  -webkit-box-shadow: 0px 0px 0px 3px rgba(0,0,0,0.17);
-moz-box-shadow: 0px 0px 0px 3px rgba(0,0,0,0.17);
box-shadow: 0px 0px 0px 3px rgba(0,0,0,0.17);
}
button.dim:before {
  line-height: 1em;
  font-weight: normal;
  color: #fff;
  display: block;
  padding-top: 10px;
}
button.dim:active:before {
  top: 7px;
}
.btn:focus {
  outline: none !important;
}
.price,
.comment-list .price,
.tr-left-3 .price {
  color: #ff0000 !important;
  font-size: 15px;
  float: right; }
.descriptive-icon-2 {
  color: #666666;
}
.descriptive-icon-2 .icon, .descriptive-icon-2 .text {
  display: table-cell;
}
.descriptive-icon-2 span:first-child {
  font-weight: 700;
  font-size: 1.5rem;
}
.descriptive-icon-2 span {
  display: block;
  margin: 0;
  line-height: 1.1;
}
html body .tr-left {
  border-left: 2px solid #b8b8ba !important;}
html body .tr-left:hover {
  background: #fbfcfc;
  border-left: 2px solid #ff8101 !important;}
html body .tr-left-2 {
  border-left: 3px solid #b8b8ba !important;}
html body .tr-left-2:hover {
  background: #fbfcfc;
  border-left: 3px solid #ff8101 !important;}
html body .tr-left-3 {
  padding: 10px !important;
  border-left: 2px solid #b8b8ba !important;}
html body .tr-left-3:hover {
  border-left: 2px solid #b8b8ba !important;}
html body .tr-left-4 {
  border-left: 2px solid #b8b8ba !important;}
html body .tr-left-4:hover {
  background: #fbfcfc;
  border-left: 2px solid #b91c1c !important;
  cursor: pointer;}
html body .tr-left-5 {
  border-left: 2px solid #b8b8ba !important;}
html body .tr-left-5:hover {
  background: #fbfcfc;
  border-left: 2px solid #34d16e !important;
  cursor: pointer;}
html body .p-10i {
  padding: 10px !important;
  border-left: 2px solid #b8b8ba !important;
  cursor: pointer}
html body .p-10i:hover {
  background: #fbfcfc;
  cursor: pointer;
  border-left: 2px solid #ff8101 !important;}
html body .comment-list {
  padding: 10px !important;
  border-left: 2px solid #b8b8ba !important;
  cursor: pointer}
html body .comment-list:hover {
  background: #fffde3;
  cursor: pointer;
  border-left: 2px solid #ff8101 !important;}
html body .m-b-10n {
  margin-bottom: -10px; }
html body .font-13 {
  font-size: 13px; }
html body .m-b-20i {
  margin-bottom: -20px !important; }
html body .m-t-17i {
  margin-bottom: -17px !important; }

html body #main-wrapper .left-sidebar,
html body #main-wrapper .sidebar-nav,
html body #main-wrapper .scroll-sidebar,
html body #main-wrapper .sidebar-footer {
  background-color: #0f172a !important;
  background-image: linear-gradient(180deg, #0b1220 0%, #111827 45%, #172033 100%) !important;
}

html body .sidebar-nav ul li a,
html body .sidebar-footer a {
  color: #f3f4f6 !important;
  border-radius: 10px;
  margin: 2px 8px;
  padding: 10px 12px;
  transition: background .18s ease, color .18s ease, transform .18s ease, box-shadow .18s ease;
}

html body .sidebar-nav ul li a:hover,
html body .sidebar-nav ul li a:focus,
html body .sidebar-nav ul li a.active {
  background: linear-gradient(135deg, #ff0000 0%, #111827 55%, #000000 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 8px 18px rgba(255, 0, 0, 0.22);
  transform: translateX(2px);
}

html body .sidebar-nav ul li ul {
  background: linear-gradient(180deg, #111827 0%, #220000 55%, #000000 100%) !important;
  border-left: 1px solid rgba(255, 0, 0, 0.35) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

html body .sidebar-nav ul li ul li a {
  background: transparent !important;
  color: #fff5f5 !important;
}

html body .sidebar-nav ul li ul li a:hover,
html body .sidebar-nav ul li ul li a.active {
  background: linear-gradient(135deg, #ff0000 0%, #111827 55%, #000000 100%) !important;
  color: #ffffff !important;
}

html body .sidebar-nav > ul > li > a.active,
html body .sidebar-nav > ul > li.active > a {
  background: linear-gradient(135deg, #ff0000 0%, #111827 55%, #000000 100%) !important;
  color: #ffffff !important;
}

html body .sidebar-nav ul li ul li a:hover,
html body .sidebar-nav ul li ul li a.active {
  background: linear-gradient(135deg, #ff0000 0%, #111827 55%, #000000 100%) !important;
  color: #ffffff !important;
}

html body .sidebar-nav ul li a#c-ing {
  background: linear-gradient(135deg, rgba(255, 0, 0, 0.18), rgba(185, 28, 28, 0.18));
  border-left: 3px solid #ff1f1f;
  box-shadow: 0 10px 18px rgba(255, 0, 0, 0.14);
}

html body .sidebar-nav ul li a#c-ing:hover,
html body .sidebar-nav ul li a#c-ing:focus {
  background: linear-gradient(135deg, rgba(255, 63, 63, 0.26), rgba(185, 28, 28, 0.24));
  color: #fff !important;
}

/*ARTICULOS*/
.product-list {
  padding: 0px;
  text-align: left;
}

.product {
  position: relative;
  vertical-align: top;
  display: inline-block;
  line-height: 100px;
  font-size: 13px;
  margin: 5px !important;
  height: 175px;
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  border-bottom-width: 3px;
  overflow: hidden;
  cursor: pointer;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .p-w-t {
    width: 32.2% !important;}
}
@media (min-width: 1200px) { 
  .p-w-t {
    width: 18.2% !important;}
  .body-pos {
    overflow:hidden;}
  .btn-up, .btn-down, .btn-categ {
    display: none;
  } 
}
@media (min-width: 576px) {
  .btn-categ {
    display: none;
  } 
}
@media (max-width: 991px) {
  .p-w-t {
    width: 48.6% !important;
  }
}
@media (max-width: 575px) {
  .product-list {
    text-align: center;
  }
  .p-w-t {
    width: calc(50% - 8px) !important;
  }
  .product {
    height: 148px;
    margin: 4px !important;
    box-sizing: border-box;
  }
  .product .product-img {
    min-height: 100px;
  }
  .product .product-img img {
    height: 100px;
    padding: 3px 3px 0 3px;
  }
  .product .price-tag,
  .product .pres-tag,
  .product .product-nam {
    font-size: 10px;
    padding: 3px 5px;
  }
  .product .price-tag {
    top: 8px;
    left: 6px;
    right: 6px;
  }
  .product .pres-tag {
    bottom: 24px;
    right: 6px;
    max-width: calc(100% - 12px);
    padding: 3px 5px;
  }
  .product .product-nam {
    padding: 4px 5px 5px;
    gap: 1px;
    min-height: 28px;
  }
  .product .product-nam .product-price {
    font-size: 10px;
  }
}
.product:hover {
  border: 1px solid #c3c3c3;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.12);
}
.product .product-img {
  position: relative;
  background: white;
  text-align: center;
  overflow: hidden;
  border-radius: 14px;
  min-height: 148px;
}
.product .product-img img {
  padding: 5px 5px 0 5px; 
  max-height: 100%;
  height: 148px;
  max-width: 100%;
  width: 100%;
  top: 10px;
  border-radius: 12px;
  object-fit: cover;
}
.product .price-tag {
  display: none !important;
}
.product .pres-tag {
  display: none !important;
}
.product .product-nam {
  color: #0f172a;
  position: absolute;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  bottom: 0;
  top: auto;
  line-height: 1.15;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  background: transparent;
  border: none;
  padding: 6px 8px 7px;
  font-weight: 700;
  letter-spacing: 0.2px;
  box-shadow: none;
}
.product .product-nam .product-title {
  display: none !important;
}
.product .product-nam .product-pre {
  font-size: 11px;
  line-height: 1.1;
  font-weight: 800;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  background: linear-gradient(135deg, #ff0000 0%, #dc2626 45%, #b91c1c 100%);
  border: 1px solid rgba(254, 226, 226, 0.25);
  border-radius: 999px;
  padding: 2px 6px;
  display: inline-block;
  width: fit-content;
  box-shadow: 0 6px 12px rgba(220, 38, 38, 0.25);
}
.product .product-nam .product-price {
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.2px;
  color: #ffffff;
  background: linear-gradient(135deg, #ff0000 0%, #dc2626 45%, #b91c1c 100%);
  border: 1px solid rgba(254, 226, 226, 0.25);
  border-radius: 999px;
  padding: 2px 6px;
  display: inline-block;
  width: fit-content;
  box-shadow: 0 6px 12px rgba(220, 38, 38, 0.25);
  opacity: 1;
}

.bootstrap-select .filter-option-inner-inner,
.bootstrap-select .filter-option,
.bootstrap-select .dropdown-toggle .filter-option,
.bootstrap-select .dropdown-menu li a span.text {
  color: #111827 !important;
  font-weight: 700 !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.35);
}

.bootstrap-select .dropdown-menu li a:hover span.text,
.bootstrap-select .dropdown-menu li a:focus span.text,
.bootstrap-select .dropdown-menu li.selected a span.text {
  color: #111827 !important;
}
.total-box {
  background-color: #ffffff;
  border-top: solid 2px #e9e9e9;
  bottom: 0px;
  height: 100%;
}
.product-name {
  font-size: 13px;
  padding: 0;
  display: inline-block;
  font-weight: bold;
  width: 80%;
  text-overflow: ellipsis;
  margin: 0px;
}
.price,
.comment-list .price,
.tr-left-3 .price {
  padding: 0;
  font-weight: 500;
  float: right;
  font-size: 13px;
  color: #ff0000 !important;
}
em {
  color: #777;
  font-weight: bold;
  font-style: normal;
}
.boxpres {
  background-color: #FADBD8;
}
.cenver{
  display: table-cell;
  vertical-align: middle;
}
.bg-t{
  background: transparent !important;
}
.bg-header{
  background: #f9fbf8 !important;
}

/* BOTON SUCCESS*/
.btn-celeste,
.btn-celeste.disabled {
  width: 100px; /* Tama�0�9o m��s peque�0�9o */
  height: 100px; /* Tama�0�9o m��s peque�0�9o */
  border: 1px solid #21c1d6; /* Borde celeste */
  background: transparent; /* Fondo transparente */
  border-radius: 500px; /* Bordes curvados */
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  color: #21c1d6;
  -webkit-box-shadow: 0 0 2px 0 rgba(0, 200, 255, 0.14), 0 0 1px 1px rgba(97, 255, 45, 0.2), 0 0 0 1px rgba(0, 200, 255, 0.12); /* Sombra ligera celeste */
  box-shadow: 0 0 2px 0 rgba(0, 200, 255, 0.14), 0 0 1px 1px rgba(97, 255, 45, 0.2), 0 0 0 1px rgba(0, 200, 255, 0.12); /* Sombra ligera celeste */
  -webkit-transition: 0.2s ease-in;
  -o-transition: 0.2s ease-in;
  transition: 0.2s ease-in;
  text-shadow: 0 1px 2px rgba(0,0,0,0.2);
}

.btn-celeste:hover,
.btn-celeste.disabled:hover {
  color: white; /* Texto blanco al pasar el rat��n */
  background-color: #21c1d6; /* Fondo celeste al pasar el rat��n */
  -webkit-box-shadow: 0 14px 26px -12px rgba(0, 200, 255, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 200, 255, 0.2); /* Sombra celeste */
  box-shadow: 0 14px 26px -12px rgba(0, 200, 255, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 200, 255, 0.2); /* Sombra celeste */
}

.btn-celeste.active,
.btn-celeste.disabled.active,
.btn-celeste.disabled:focus {
  background: transparent; /* Fondo transparente en estado activo/foco */
  border: 1px solid #21c1d6; /* Borde celeste */
  -webkit-box-shadow: 0 14px 26px -12px rgba(0, 200, 255, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 200, 255, 0.2); /* Sombra celeste */
  box-shadow: 0 14px 26px -12px rgba(0, 200, 255, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 200, 255, 0.2); /* Sombra celeste */
}

.btn-celeste:not(:disabled):not(.disabled).active,
.show>.btn-celeste.dropdown-toggle {
  color: #21c1d6; /* Texto celeste */
  background-color: transparent; /* Fondo transparente */
  border-color: #21c1d6; /* Borde celeste */
}

.btn-celeste:not(:disabled):not(.disabled).active,
.show>.btn-celeste.dropdown-toggle {
  background-color: transparent; /* Fondo transparente */
  transition: 0.2s ease-in;
}

/* BOTON SUCCESS*/

/* BOTON INFO*/

.btn-azul {
            width: 100px;               /* Ancho del cuadrado */
            height: 100px;              /* Alto del cuadrado */
            background-color: #6b8af6;  /* Color de fondo actualizado */
            color: white;              /* Color del texto */
            display: flex;             /* Para centrar el texto */
            align-items: center;       /* Centrado vertical */
            justify-content: center;   /* Centrado horizontal */
            font-size: 24px;           /* Tama�0�9o de fuente */
            border-radius: 15px;       /* Bordes curvados */
            text-align: center;        /* Alinear el texto */
        }
/* BOTON BLUE*/

/* BOTON RED*/
.btn-rojo {
            width: 100px;               /* Ancho del cuadrado */
            height: 100px;              /* Alto del cuadrado */
            background-color: #fc4b6c;  /* Color de fondo actualizado */
            color: white;              /* Color del texto */
            display: flex;             /* Para centrar el texto */
            align-items: center;       /* Centrado vertical */
            justify-content: center;   /* Centrado horizontal */
            font-size: 24px;           /* Tama�0�9o de fuente */
            border-radius: 15px;       /* Bordes curvados */
            text-align: center;        /* Alinear el texto */
        }
/* BOTON RED*/

/* BOTON ORANGE */

.btn-orange,
.btn-orange.disabled {
  background: #21388B;
  color: #ffffff;
  border: 1px solid #21388B; }
  .btn-orange:hover,
  .btn-orange.disabled:hover {
    background: #e74241;
    color: #ffffff;
    border: 1px solid #e74241; }
  .btn-orange.active, .btn-orange:focus,
  .btn-orange.disabled.active,
  .btn-orange.disabled:focus {
    background: #e74241;
  }

/* BOTON ORANGE */

.table-head th{
  color: #455a64 !important;
  font-weight: 500 !important;
  background: #f9fbf8 !important;
  border-left: 0px !important;
}

.table-head th:hover{
  border-left: 0px !important;
}

.btn-pagar-pos {
  padding-top: 12px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 0px;
  background: linear-gradient(135deg, #22c55e 0%, #15803d 100%);
  border-bottom-right-radius: .25rem;
  cursor: pointer;
  box-shadow: 0 6px 18px rgba(34, 197, 94, 0.28);
  transition: transform .18s ease, box-shadow .18s ease;
}
.btn-pagar-pos:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 22px rgba(34, 197, 94, 0.35);
}

.btn-dividir-pos {
  padding-top: 12px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 0px;
  background: linear-gradient(135deg, #1f2937 0%, #111827 100%);
  border-bottom-left-radius: .25rem;
  cursor: pointer;
  box-shadow: 0 6px 18px rgba(17, 24, 39, 0.28);
  transition: transform .18s ease, box-shadow .18s ease;
}
.btn-dividir-pos:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 22px rgba(17, 24, 39, 0.35);
}

.btn-cancelar-pos {
  padding-top: 12px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 0px;
  background: linear-gradient(135deg, #dc2626 0%, #ef4444 45%, #fca5a5 100%);
  border-bottom-left-radius: .25rem;
  border-bottom-right-radius: .25rem;
  cursor: pointer;
  cursor: hand;
  box-shadow: 0 10px 24px rgba(220, 38, 38, 0.18);
}

.btn-mozo-pos {
  padding-top: 12px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 0px;
  background: linear-gradient(135deg, #14b8a6 0%, #0f766e 100%);
  border-bottom-left-radius: .25rem;
  border-bottom-right-radius: .25rem;
  box-shadow: 0 6px 18px rgba(20, 184, 166, 0.28);
}
.justify-center{
  display: flex;
  justify-content: center;
  align-items: center;
}
.menu-icon {
  font-size: 25px !important;}
.menu-nav {
  padding: 9px 12px !important;}

.modern-nav-icon,
.modern-sidebar-icon {
  font-size: 1rem;
  color: #0f766e;
  transition: transform .18s ease, color .18s ease;
}

.topbar .modern-nav-icon {
  font-size: 1.18rem;
}

.cart-icon-top {
  color: #2563eb;
}

.venta-icon-top {
  color: #059669;
}

.mesa-monitor-icon {
  color: #0f766e;
}

.modern-nav-icon:hover,
.modern-sidebar-icon:hover {
  color: #14b8a6;
  transform: translateY(-1px);
}

.sidebar-nav .waves-effect {
  display: flex;
  align-items: center;
  gap: .6rem;
}

.sidebar-nav .waves-effect .modern-sidebar-icon {
  width: 18px;
  text-align: center;
  font-size: 1.05rem;
}

.sidebar-nav .waves-effect:hover .modern-sidebar-icon,
.sidebar-nav .waves-effect:focus .modern-sidebar-icon {
  color: #ffffff;
}

.bg-efectivo {
  background-color: #dfffbc !important; }
.bg-tarjeta {
  background-color: #cbdeff !important; }
.bg-descuento {
  background-color: #ffeacb !important; }
.label-open { 
  border-radius: 0px;
  padding: 15px 20px;
  font-size: 18px;
  font-weight: 700;
  transform: rotate(-5deg)
}
.label-close {
  border-radius: 0px;
  padding: 15px 20px;
  font-size: 18px;
  font-weight: 700;
  transform: rotate(5deg)
}
.form-control { 
  box-shadow: none !important;
  display: inline-block;}

.form-control:focus {
  border-color: #ced4da !important;}
.dropdown-item.active, .dropdown-item:active {
  background-color: #617572;}
.bg-gris {
  background-color: #f9fbf8 !important; }
.card-shadow {
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.12)}

/* Estilo profesional del panel de cobrar */
#modal-facturar .modal-content {
  border: 0;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.18);
  font-family: "Segoe UI", "Inter", "Roboto", Arial, sans-serif;
}

#modal-facturar .modal-body {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.98));
}

#modal-facturar .modal-body label,
#modal-facturar .modal-body th,
#modal-facturar .modal-body td,
#modal-facturar .modal-body small,
#modal-facturar .modal-body h4,
#modal-facturar .modal-body h5,
#modal-facturar .modal-body h6 {
  font-family: "Segoe UI", "Inter", "Roboto", Arial, sans-serif;
}

#modal-facturar .modal-body th {
  text-transform: uppercase;
  letter-spacing: .08em;
  font-weight: 700;
  font-size: 12px;
}

#modal-facturar table.table-condensed {
  background: linear-gradient(135deg, #f8fafc 0%, #eef6ff 100%) !important;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.18);
}

#modal-facturar table.table-condensed tr {
  border-bottom: 1px solid rgba(148, 163, 184, 0.12);
}

#modal-facturar table.table-condensed th,
#modal-facturar table.table-condensed td {
  color: #1f2937 !important;
  font-weight: 600;
}

#modal-facturar table.table-condensed tr.font-bold.font-16 {
  background: linear-gradient(135deg, #065f46 0%, #0f766e 45%, #14b8a6 100%) !important;
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12);
}

#modal-facturar table.table-condensed tr.font-bold.font-16 th {
  color: #ffffff !important;
  font-size: 15px !important;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-weight: 800;
}

#modal-facturar table.table-condensed tr.font-bold.font-16 th .text-right,
#modal-facturar table.table-condensed tr.font-bold.font-16 th span,
#modal-facturar table.table-condensed tr.font-bold.font-16 th .totalPedido {
  color: #ecfeff !important;
  font-size: 17px !important;
  font-weight: 900;
  text-shadow: 0 1px 2px rgba(15, 23, 42, 0.25);
}

#modal-facturar table.table-condensed .text-muted {
  color: #334155 !important;
}

#modal-facturar table.table-condensed .text-muted a.link {
  color: #1f2937 !important;
  font-weight: 700;
}

#modal-facturar table.table-condensed .text-muted a.link:hover {
  color: #0f766e !important;
}

#modal-facturar table.table-condensed .text-right span {
  color: #111827;
  font-weight: 700;
}

#modal-facturar .table thead th {
  border-bottom: 0;
}

#modal-facturar .table td {
  border-color: #edf2f7;
  color: #334155;
}

#modal-facturar .form-control {
  border-radius: 12px;
  border: 1px solid #cbd5e1;
  background: #ffffff;
  color: #0f172a;
  box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.04);
}

#modal-facturar .form-control:focus {
  border-color: #38bdf8 !important;
  box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.18) !important;
}

#modal-facturar .input-group-text {
  border-radius: 12px;
  border: 1px solid #cbd5e1;
  background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
  color: #0f172a;
  font-weight: 700;
}

#modal-facturar .input-group-prepend .input-group-text,
#modal-facturar .input-group-append .btn {
  box-shadow: 0 6px 14px rgba(15, 23, 42, 0.08);
}

#modal-facturar .input-group-append .btn {
  border-radius: 0 12px 12px 0;
}

#modal-facturar .input-group .form-control {
  border-left: 0 !important;
}

#modal-facturar .switch thead {
  background: linear-gradient(135deg, rgba(254, 240, 138, 0.55), rgba(251, 191, 36, 0.18)) !important;
  border-radius: 12px;
}

#modal-facturar .switch label {
  font-weight: 600;
  color: #1f2937;
}

#modal-facturar .mensaje-amortizacion .alert {
  border-radius: 14px;
  border: 1px solid rgba(245, 158, 11, 0.25);
  background: linear-gradient(135deg, #fff7ed 0%, #fffbeb 100%);
  color: #92400e;
}

#modal-facturar .mensajePago .text-success {
  color: #15803d !important;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

/* Panel de cobrar: BOLETA / FACTURA / NOTA DE VENTA */
#modal-facturar .modal-header {
  background: linear-gradient(135deg, #0f766e 0%, #111827 100%) !important;
}

#modal-facturar .modal-header .modal-title {
  color: #ffffff !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.18);
}

#modal-facturar thead.text-white[style*="background: #79a3b1;"] {
  background: linear-gradient(135deg, #0ea5e9 0%, #2563eb 100%) !important;
}

#modal-facturar thead.text-white[style*="background: #4597d1;border: dashed;"] {
  background: linear-gradient(135deg, #8b5cf6 0%, #2563eb 100%) !important;
  border-color: transparent !important;
}

#modal-facturar thead.text-white[style*="background: #39bb9a;"] {
  background: linear-gradient(135deg, #10b981 0%, #047857 100%) !important;
}

#modal-facturar .btn-group label.btn {
  border-radius: 10px;
  margin: 0 4px 6px;
  color: #ffffff !important;
  box-shadow: 0 6px 14px rgba(15, 23, 42, 0.16);
  transition: transform .18s ease, box-shadow .18s ease;
}

#modal-facturar .btn-group label.btn:hover {
  transform: translateY(-1px);
}

#modal-facturar .btn-group label.btn.active {
  border-width: 2px !important;
  border-color: #ffffff !important;
  color: #ffffff !important;
  font-weight: 800;
  transform: translateY(-1px) scale(1.02);
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.35), 0 14px 24px rgba(15, 23, 42, 0.24);
}

#modal-facturar .btn-tipo-doc-1 {
  background: linear-gradient(135deg, #22c55e 0%, #15803d 100%);
  border-color: #22c55e;
}

#modal-facturar .btn-tipo-doc-2 {
  background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
  border-color: #3b82f6;
}

#modal-facturar .btn-tipo-doc-3 {
  background: linear-gradient(135deg, #8b5cf6 0%, #6d28d9 100%);
  border-color: #8b5cf6;
}

#modal-facturar .btn-tipo-doc-1.active,
#modal-facturar .btn-tipo-doc-1:focus {
  background: linear-gradient(135deg, #22c55e 0%, #14532d 100%) !important;
  border-color: #ffffff !important;
  box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.30), 0 14px 24px rgba(21, 128, 61, 0.28) !important;
}

#modal-facturar .btn-tipo-doc-2.active,
#modal-facturar .btn-tipo-doc-2:focus {
  background: linear-gradient(135deg, #60a5fa 0%, #1d4ed8 100%) !important;
  border-color: #ffffff !important;
  box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.30), 0 14px 24px rgba(29, 78, 216, 0.28) !important;
}

#modal-facturar .btn-tipo-doc-3.active,
#modal-facturar .btn-tipo-doc-3:focus {
  background: linear-gradient(135deg, #a78bfa 0%, #6d28d9 100%) !important;
  border-color: #ffffff !important;
  box-shadow: 0 0 0 3px rgba(167, 139, 250, 0.30), 0 14px 24px rgba(109, 40, 217, 0.28) !important;
}

#modal-facturar .btn-pago {
  background: linear-gradient(135deg, #16a34a 0%, #15803d 100%) !important;
  border-color: #22c55e !important;
  color: #ffffff !important;
  box-shadow: 0 8px 18px rgba(34, 197, 94, 0.25);
}

#modal-facturar .btn-cancel-facturar-1,
#modal-facturar .btn-cancel-facturar-2 {
  background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;
  border-color: #fbbf24 !important;
  color: #ffffff !important;
  box-shadow: 0 8px 18px rgba(245, 158, 11, 0.25);
}