/* body{
    font-family: "Helvetica Neue",Helvetica,Arial;
    font-size: 1em;
} */
.items-c{
    border: 0px solid rgb(240, 240, 240);
  border-radius: 0em;
  
}
.tabla-items{
    table-layout: auto;
     margin: 0;
     border-collapse: collapse;
     background-color: rgb(255, 255, 255);
     width: 99%!important;
 }
 .tabla-items thead tr{
 
     background-color:#0D529D;
  
  
 
 }




.tabla-items tbody tr td {
    font-size: 13px !important;
}

 .tabla-items thead tr th{
    text-align: center;
    color: rgb(248, 248, 248);
    text-transform: uppercase;
    font-size:  2.9em;
   
       
 }

.tabla-items thead tr th:first-child{
border-radius: 12px 0px 0px 12px;
}
.tabla-items thead tr th:last-child{
    border-radius: 0px 10px 10px 0px;
}





 .thead-dark thead tr th{
   font-size: 100px!important;
     /*aqui no  */
  
 
 }




.tabla-totales{
    table-layout: auto;
    margin: 0;
    border-collapse: collapse;
    margin-top:  15px;
}
.tabla-totales tbody tr td:nth-child(1){
    width: 70% !important;
    text-align: right !important;
    padding-right: 20px !important;
    font-size: 1em;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    border-bottom: 1px solid #000
}
.tabla-totales tbody tr td:nth-child(2){
    width: 30% !important;
    text-align:left !important;
    padding-left: 20px !important;
    font-size: 1.2em;
}
/* ESTILO AL FORMULARIO VENTAS */
.formVenta input, .formCompra input,
.formVenta select, .formCompra select,
#formGuia select, #formGuia input

{
    border-radius: 5px !important;
     /*aqui no  */
 
    letter-spacing: 1px !important;
    font-weight: bold !important;
    font-weight: 600  !important;

}

.formVenta span, .formCompra span {
     /*aqui no  */
 
    border-radius: 5px 0px 0px 5px!important;
    border-right: 0px !important;
}
.formVenta #serie, #fechaDoc, #fechaDocV,
.formVenta #fechaVence,
.formVenta #descuentoGlobal,
.formVenta #descuentoGlobalP,
.formVenta #email,
.formVenta #searchpcPos,
.formVenta #telefono,
.formVenta #serieDoc,
.formVenta #correlativoDoc,
.formVenta #DocRelacionado,
.formVenta #direccion,
.formVenta #razon_social,
.formVenta #docIdentidad,


.formVenta select,
.formCompra #serieDoc, .formCompra #fechaDoc,#fechaDocV,
.formCompra #serieModificar, .formCompra #correlativoModificar, .formCompra #fechaModificar, 
.formCompra #fechaVence,
.formCompra #descuentoGlobal,
.formCompra #descuentoGlobalP,
.formCompra #email,
.formCompra #correlativoDoc,
.formCompra #DocRelacionado,
.formCompra #searchpcPos,
.formCompra #telefono,
.formCompra #serieDoc,
.formCompra #correlativoDoc,
.formCompra #direccion,
.formCompra #razon_social,
.formCompra #docIdentidad,




.formCompra select,

#formGuia #tipocomp,
#formGuia #tipoDoc,
#formGuia #serie,




#formGuia #fechaEmision



{
    border-radius: 0px 5px 5px 0px!important;
    
}
.formVenta select
{
    cursor:  pointer  !important;
    
}
.formVenta select option,
.formCompra select option
{
    padding:  8px !important;
    font-size: 1.2em !important;
    cursor: pointer !important;
}

.formVenta #serieNumero,
.formCompra #docIdentidad,
#formGuia #docIdentidad,
#formGuia #docTransporte
{
    border-radius: 5px 0px 0px 5px!important;
}
.formVenta #docIdentidad ~ span,
.formVenta #serieNumero~ span,
.formCompra #docIdentidad ~ span,
#formGuia #docIdentidad ~ span,
#formGuia #docTransporte ~ span,
.formCompra #serieDoc~ span,
.formCompra #serieModificar~ span
{
    background-image: linear-gradient( 105.3deg,  rgb(51, 142, 255 ) 62.2%, rgb(101, 51, 255 ) 62.2% ) !important;
    border-radius: 0px 5px 5px 0px!important;
    border-left: 0px !important;
    color: #fff !important
}
.formVenta #serieNumero, .formCompra #serieDoc,
.formCompra #serieModificar
{
    text-transform: uppercase !important;
}
.formVenta #serie{
    background-color: #fff;
}
.tabla-items button{
    position:  relative !important;
    border-radius: 100% !important;
    padding: 5px !important;
    width: 30px !important;
    height: 30px !important;
    background-color: rgb(255, 96, 96) !important;
    border-style: none !important ;
    outline: 0 !important
}
.btn-agregar-carrito{
 

    position:  relative !important;
    border-radius: 5px !important;

    border-style: none !important ;
    outline: 0 !important;
    margin-bottom: 3px !important;
    padding:  6px !important;
    font-size: 1.0em !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    font-weight: 500 !important;
    height: 30px!important
}
#reloadC{
    position: absolute;
    display: none;
    width: 40px;
    height: 40px; 
    left: 50%;
    top:-30px;
    z-index: 100000;
    border-radius:100% !important;
    background-color: rgba(255, 9, 9, 0) !important;
}#reloadC img{
    position: relative;   
    width: 40px;
    height: 40px;
    border-radius:100% !important;
    background-color: rgba(255, 9, 9, 0) !important;
}
#reloadCG{
    position: absolute;
    display: none;
    width: 40px;
    height: 40px; 
    left: 50%;
    top:-30px;
    z-index: 100000;
    border-radius:100% !important;
    background-color: rgba(255, 9, 9, 0) !important;
}#reloadCG img{
    position: relative;   
    width: 40px;
    height: 40px;
    border-radius:100% !important;
    background-color: rgba(255, 9, 9, 0) !important;
}
#rucActivo{
    position: absolute;
    top: 8px;
    right: 40px;
    padding:  3px 6px 3px 6px;
    z-index: 999;
    color: #fff;
    letter-spacing: 1px;
    font-size: 9px;
    border-radius: 3px;
    /* text-transform: uppercase; */
}
.btnsuccess{
    background-color: rgb(37, 190, 44) !important;
    border-radius: 7.5px !important;
    padding-top: 10px  !important;    
    padding-bottom: 10px  !important;    
    color: #fff !important;
    text-transform: uppercase !important;
    font-size: .9em !important;
    margin-bottom: 3px  !important;
}

.btnsuccess2{
    background-color: rgb(255, 0, 0) !important;
    border-radius: 7.5px !important;
    padding-top: 10px  !important;    
    padding-bottom: 10px  !important;    
    color: #fff !important;
    text-transform: uppercase !important;
    font-size: .9em !important;
    margin-bottom: 3px  !important;
}

/* BOTONES CARRO GUARDAR ELIMINAR */
.contenedor-btns-carrito{
    display: flex !important;
    flex-flow: row wrap !important;
    justify-content: center !important;
}



.btnGuardaGeneral ,.btnGuardarPedidoPos,.btnGuardarReceta, .btnGuardarVenta, .btnGuardarCompra, .btnGuardarNC, .btnGuardarND, .btnGuardarGuia{
 background-image: linear-gradient(105.3deg,#1C4697 40.8%, rgb(240, 200, 200) 150.2% ) !important;
}

.btnEliminarCarro{
    background-color:  rgb(224, 56, 56);
}


.btnEliminarCarroReceta{
    background-color:  rgb(224, 56, 56);
}
.btn-nuevo-recibo-creditos,.btnGuardaGeneral ,.btnGuardarPedidoPos ,.btn-nuevo-recibo,.btn-nuevo-recibo-cobranzas,.btnGuardarReceta, .btnGuardarVenta, .btnEliminarCarro, .btnEliminarCarroReceta,.btnGuardarNC, .btnGuardarND, .btnGuardarCompra, .btnGuardarGuia{
    padding: 2px !important;
    border-radius: 13px !important;
    margin:4px !important;
    border-style:  none !important;
    width: 110PX;
    height: 50PX;
 

}

.btnGuardarVentaPos {
    width: 90px;
    height: 40px;
    padding: 0 !important; /* sin padding extra */
    border: none !important;
    border-radius: 13px !important;
    margin: 4px !important;
    background-image: linear-gradient(105.3deg, #1C4697 40.8%, rgb(240, 200, 200) 150.2%) !important;
    text-align: center;
    line-height: 40px; /* igual al height para centrar verticalmente */
    font-weight: bold; /* opcional, para que se vea mejor */
    color: white; /* opcional, mejora la legibilidad */
}


.btn-nuevo-recibo-creditos,.btn-nuevo-dscto,.btn-nuevo-recibo,.btn-nuevo-recibo-cobranzas{
    padding: 2px !important;
    border-radius: 13px !important;
    margin:4px !important;
    border-style:  none !important;
    width: 110PX;
    height: 40PX;
 

}


.btnGuardarReceta i,
.btnGuardarCompra i ,
.btnGuardarNC i,
.btnGuardarND i,
.btnGuardarGuia i{
    font-size: 1.7em !important;
    color:rgb(255, 255, 255);

}


 .btnEliminarCarro{
   font-size:18PX;
    color:rgb(255, 255, 255);
  font-weight: bold;
}



.btn-nuevo-recibo-creditos,.btn-nuevo-dscto,.btn-nuevo-recibo,.btnGuardarVenta,.btn-nuevo-recibo-cobranzas {
 background-image: linear-gradient(105.3deg,#1C4697 40.8%, rgb(240, 200, 200) 150.2% ) !important;

    padding: 10px 20px; /* Espaciado interno */
   

}


 .btnGuardarVenta{
  border-radius: 13px !important;
  font-size:18PX;
  font-weight: bold;
  color:white;


}

.btnGuardarVentaPos{
  border-radius: 13px !important;
  font-size:18PX;
  font-weight: bold;
  color:white;


}


.btnGuardaGeneral{
  border-radius: 13px !important;
  font-size:18PX;
  font-weight: bold;
  color:white;


}
.btnGuardarPedidoPos{
  border-radius: 13px !important;
  font-size:18PX;
  font-weight: bold;
  color:white;


}

 .btn-nuevo-recibo-creditos, .btn-nuevo-dscto,.btn-nuevo-recibo,.btn-nuevo-recibo-cobranzas{
  border-radius: 13px !important;
  font-size:14PX;
  font-weight: bold;
  color:white;


}



.btnEliminarCarroReceta i{
    font-size: 2.2em !important;
    color:rgb(255, 255, 255);
}

/* MODAL PRODUCTOS PARA AGREGAR AL CARRITO
 */
 /* MODAL PRODUCTOS PARA AGREGAR AL CARRITO
 */

#modalProductosVenta .modal-content , #modalListaDocumentos .modal-content  {
  border-radius: 15px !important;
}




#modalProductosVenta .modal-header,#modalListaDocumentos .modal-header {
  border-radius: 15px 15px 0px 0px !important;
  background-image: linear-gradient(
    105.3deg,
    rgb(103, 117, 224) 21.8%,
    rgb(81, 31, 230) 100.2%
  ) !important;
  color: white !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

#modalProductosVenta .body-productos-ventas .btn-primary,#modalListaDocumentos .body-productos-ventas .btn-primary  {
  outline: 0 !important;
  border-style: none !important;
  border-radius: 5px !important;
  background-image: linear-gradient(
    105.3deg,
    rgb(72, 103, 204) 21.8%,
    rgb(81, 31, 230) 100.2%
  );
  color: white !important;
  font-size: 1.1em !important;
  letter-spacing: 1px !important;
}
#modalProductosVenta .body-productos-ventas .btn-close, #modalListaDocumentos .body-productos-ventas .btn-close {
  background-image: linear-gradient(
    105.3deg,
    rgb(255, 78, 78) 21.8%,
    rgb(255, 87, 87) 100.2%
  ) !important;
}

#modalProductosVenta .modal-header h5,#modalListaDocumentos .modal-header h5  {
  font-size: 1.5em !important;
  margin-top: 12px !important;
}

 /* CSS DESCUENTO S/ %  */
.contenedor-tipo-descuento{
    position: relative;
    width: 70px;
    /* background:rgb(37, 190, 44); */
    height: 29px;

 }
.contenedor-tipo-descuento input{
    display:none;


 }
.contenedor-tipo-descuento label{
   position: absolute;
   width: 30px;
  padding : .2em;
   background-color: rgb(69, 79, 160);
   font-size: 1em;
   border-radius:  2em;
   color: #fff;
   text-align: center;
   cursor: pointer;

 }
 
.contenedor-tipo-descuento #sol{

    background-color: rgb(44, 209, 52);
    border-radius: 2em 0em 0em 2em;
    border-left: 8px solid rgb(28, 155, 3);;
   
 }
.contenedor-tipo-descuento #por{
    left: 30.1px;
    border-radius: 0em 2em 2em 0em;
    background-color: rgb(172, 172, 172);


 }
 .on{
    background-color: rgb(44, 209, 52) !important;
 }
 .on-por{
    background-color: rgb(44, 209, 52) !important;
    border-right: 8px solid rgb(28, 155, 3);
 }
 .off{
    background-color: rgb(172, 172, 172)  !important;
    border-style: none !important;
 }
 .table-condensed .off{
    background-color: rgb(245, 245, 245)  !important;
    border-style: none !important;
 }
 /* FIN CSS DESCUENTO S/ %  */

/* =============================== */
/* FIN BOTÓNES IMPRIMIR */
.contenedor-print{
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    
}
.contenedor-print #xmlDoc, .contenedor-print #cdrDoc, .contenedor-print #printA4, .contenedor-print #printT, .contenedor-print #printT57, .contenedor-print #whatsapp,.contenedor-print #sendwsa4{
    position: relative;
    padding: 5px;
   width: 60px;
   height: 60px;
   border-radius: 100% !important;
   margin: 5px;
   background-color: #fff;
   cursor: pointer;
   outline: 0 !important;
border-style: none !important;
border: 1px solid rgb(255, 255, 255) !important;
box-shadow: 1px 1px 5px rgba(214, 214, 214, 0.7) !important;
}
#a4, #tk{
    display: none;
}
.contenedor-print #printA4{
    background-image: url('../img/svg/pdf_cpe.svg') !important;
    background-size: 2.5em 2.5em !important;
     background-position: center !important;
     background-repeat: no-repeat !important;
}


.contenedor-print #xmlDoc{
    background-image: url('../img/svg/xml.png') !important;
    background-size: 2.5em 2.5em !important;
     background-position: center !important;
     background-repeat: no-repeat !important;
}
.contenedor-print #cdrDoc{
    background-image: url('../img/svg/cdr.png') !important;
    background-size: 2.5em 2.5em !important;
     background-position: center !important;
     background-repeat: no-repeat !important;
}


.contenedor-print #printT{
    background-image: url('../img/svg/ticket.svg') !important;
    background-size: 2.5em 2.5em !important;
     background-position: center !important;
     background-repeat: no-repeat !important;
}

.contenedor-print #printT57{
    background-image: url('../img/svg/ticket57.svg') !important;
    background-size: 2.5em 2.5em !important;
     background-position: center !important;
     background-repeat: no-repeat !important;
}

.contenedor-print #whatsapp{
    background-image: url('../img/svg/whatsapp.svg') !important;
    background-size: 2.5em 2.5em !important;
     background-position: center !important;
     background-repeat: no-repeat !important;
}
.contenedor-print #sendwsa4{
    background-image: url('../img/svg/whatsapp.svg') !important;
    background-size: 2.5em 2.5em !important;
     background-position: center !important;
     background-repeat: no-repeat !important;
}






/* FIN BOTÓNES IMPRIMIR */
/* =============================== */

.tablaVentas thead{
    background-image: linear-gradient( 105.3deg,  rgb(101, 51, 255) 62.8%, rgb(51, 142, 255 ) 62.2% );
    background-repeat: no-repeat;
}

.tablaVentas thead tr th{
    text-transform: uppercase !important;
    border: 0 !important;
    text-align: center;
    color: rgb(233, 233, 233);
    font-weight: 600;
}


.tablaVentas tbody tr td{
    border-style: none !important;
}
/* RELOAD RESUMENES
 */
/* DIA NOCHE ================== */
.dia{
    padding: 1px !important;
    width: 25px !important;
    height: 25px !important;
    margin-right: 0 !important;
    /* background-color: #fff !important; */
    border-radius: 100% !important;
    background-image: url('../img/svg/sun.svg');
    background-size: 25px 25px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}
.noche{
    padding: 1px !important;
    width: 25px !important;
    height: 25px !important;
    margin-left: 0 !important;
    background-color: rgb(82, 82, 82) !important;
    border-radius: 100% !important;
    background-image: url('../img/svg/luna.svg');
    background-size: 25px 25px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}
textarea{
    border-radius: 0px 15px 15px 0px !important;
}

.modo-contenedor-selva{
    width: 180px;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin: 0px;
}

@media (max-width: 430px){
    .contenedor-selva{
        flex-flow: column;
    }
    .modo-contenedor-selva{
        width: 100%;
        
    }
}

.modo-contenedor-selva .btn-success{ 
    border-style: none !important;
}
.modo-contenedor-selva .btn-danger{ 
    border-style: none !important;
}

.toggle-group .btn-success{ 
       background-color: rgb(60, 131, 211) !important;
       text-align: center !important;
   font-size: 1.2em !important;
}
.toggle-group .btn-danger{  
     background-color: rgb(253, 89, 89) !important;
     text-align: center !important;
   font-size: 1.2em !important;
}


.toggle-handle.btn-default{
    border-style: none !important;
    width: 35px !important;
    border-radius: 0% !important;
    background-color: rgb(221, 221, 221) !important;
}

  .morris-hover-point{
      color: rgb(54, 54, 54) !important;
  }
  .btn-stock{
      border-style: none !important;
      outline: none !important;
      width: 100% !important;
      font-size: 15px !important;
      font-weight: bold !important;
  }
  .alert-dangers.text-center{
      position: relative !important;
      width: 100% !important;
      height: 100% !important;
      top: 0;
      left: 0;
      display: flex;
      flex-flow: column;
      justify-content: center;
      align-content: center;
      text-transform: uppercase;
      align-items: center;
      color: rgb(155, 155, 155);
      padding: 35px;
      text-align: center;
  }
  .alert-dangers .img-restringido{
    padding: 1px;
    width: 250px;
    height: 250px;
    /* background-color: #fff; */
    border-radius: 100%;
    background-image: url('../img/ojos.png');
    background-size: 150px;
    background-position: center;
    background-repeat: no-repeat;
  }
  .alert-dangers h3{
      font-weight: bold;
  }
  @media (max-width: 430px){
    .alert-dangers .img-restringido{
        width: 200px;
        height: 200px;
    }

  }

  

 #modalEditarEmisor .modal-header{

    border-radius: 15px 15px 0px 0px !important;
     color: white !important;
    padding-top: 5px !important;
    padding-bottom:  5px !important;

 }
  


.docIdentidad input{
   
    border-radius:  100px 100px 100px 100px;

   
}


.TituloTotalesSubrayado span{
   
font-weight:bold;
color:#347F2F;
font-size:24px;
       text-decoration: underline;
     


   
}

.TituloTotales span{
   
font-weight:bold;
color:#347F2F;
font-size:24px;

   
}



#camera-container {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: white; /* Fondo blanco */
    z-index: 1000; /* Asegura que esté por encima de todo */
    padding: 10px;
}

#camera-container div {
    color: #143DD4; /* Color del texto */
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 80px;
}

#camera-container video {
    width: 100%;
    height: 80%;
}

#camera-container button {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    background: red;
    color: white;
    border: none;
    padding: 10px;
    font-size: 16px;
    cursor: pointer;
}


#camera-container2 {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 60%;
    background-color: white; /* Fondo blanco */
    z-index: 1000; /* Asegura que esté por encima de todo */
    padding: 10px;
}

#camera-container2 div {
    color: #143DD4; /* Color del texto */
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 80px;
}

#camera-container2 video {
    width: 100%;
    height: 80%;
}
#camera-container2 video2 {
    width: 100%;
    height: 80%;
}

#camera-container2 button {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    background: red;
    color: white;
    border: none;
    padding: 10px;
    font-size: 16px;
    cursor: pointer;
}

.btn-calendar {
 
  
    left: 50%;
    transform: translateX(-50%);
    
    color: white;

    padding: 10px;
    font-size: 14px;

    background-image: linear-gradient(
        105.3deg,
       #2E67E0 40.8%, /* Verde az */
        rgb(240, 200, 200) 150.2% /* Blanco suave */
    ) !important;

    padding: 10px 20px; /* Espaciado interno */
    cursor: pointer;
    border-radius: 10px 10px  10px 10px !important;
border: none;
}