/* **********
    Resetting styles
    ****************************************************** */
/**{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Tahoma", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Helvetica Neue", Arial, Helvetica, sans-serif;
}*/
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 10pt;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

#menu{
  height: 30px;
  padding-top: 20px;
  padding-left: 50px;
  padding-right: 50px;
}
#menu .navbar{
  height: 30px;
  margin: 0px;
  min-height: 30px;
  background-color: #f1f4f9;

}
#ul_menu{
  color: #304467;
  height: 30px;
  /*background-color: black;*/
}
/*#ul_menu>li{
  background-color: black;
}*/
#ul_menu>li>a{
  padding-top: 5px;
  padding-bottom: 5px;
  height: 30px;
  color: #304467;
  font-size: 1.2em;
}

.mimodal_esperandoactivo{
  opacity:1;
  pointer-events:auto;
}
.mimodal_esperandonoactivo{
  opacity:0;
  pointer-events:none;
}

.contenedor{
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 60px auto;
}
.contenedor > :nth-child(2) {
  max-heiht: 60px; /* 20% x 300px */
}

#contenedor_login{
    position:absolute;
    height: 316px;
    width:210px;
    z-index:5;
    opacity:0.93;
    top:50%;
    left:50%;
    margin-top: -168px;
    margin-left: -105px;
    background-color: white; 
}

.table > tbody > tr > td{
  vertical-align: middle;
}
.izquierda{
    text-align: left;
}
.derecha{
    text-align: right;
}
.centrado{
    text-align: center;
}

.sinpadding{
    padding: 0px;
}
.pruebas{
    background-color: chartreuse;
}
.columna_seleccionada{
  font-size: large;
  background-color: aquamarine;
}
.div_caja_documento{
  box-shadow: 3px 3px 0px 0px rgba(139, 130, 130, 0.75);
  border: 2px solid #d1d1cc;
  border-radius: 15px;
  background-color: white;
  padding-top: 10px;
  background-color: aliceblue;
}
.div_caja_documento_compras{
  box-shadow: 3px 3px 0px 0px rgba(139, 130, 130, 0.75);
  border: 2px solid #d1d1cc;
  border-radius: 15px;
  background-color: white;
  padding-top: 10px;
  background-color: #ecf8e7;
}
.div_caja_documento_traspaso{
  box-shadow: 3px 3px 0px 0px rgba(139, 130, 130, 0.75);
  border: 2px solid #d1d1cc;
  border-radius: 15px;
  background-color: white;
  padding-top: 10px;
  background-color: #faf1fa;
}

.div_introduccion_datos{
    background-color: white; /*#ffffcc;*/
    border: 6px solid #ffeb3b;
    border-radius: 15px;
    display: inline-block;
    padding: 12px 25px;
    box-shadow: 6px 6px 0px 0px rgba(0,0,0,0.75);    
}
.div_listado{
    background-color: white;
    border: 1px solid #bdbfbb;
    border-radius: 15px;
    display: inline-block;
    padding: 12px 25px;
    margin-top: 10px;
    margin-bottom: 5px;
}
.fila:hover {
  background-color: #bfd8ef;
}

.div_orden{
  /*border: 1px solid #e8e0e0;*/
}

.div_introduccion_datos2{
    background-color: #c2e4ec;
    border: 6px solid #0dc3ee;
    border-radius: 15px;
    display: inline-block;
    padding: 12px 25px;
}
.div_listado2{
    background-color: #cfeeca;
    border: 6px solid #69be13;
    border-radius: 15px;
    display: inline-block;
    padding: 12px 25px;
}

.div_introduccion_datos3{
    background-color: #d8d6ea;
    border: 6px solid #1b22f1;
    border-radius: 15px;
    display: inline-block;
    padding: 12px 25px;
}
.div_listado3{
    background-color: #f3d5e9;
    border: 6px solid #f11ba9;
    border-radius: 15px;
    display: inline-block;
    padding: 12px 25px;
}

.div_introduccion_datos4{
    background-color: #ebf1f2;
    border-radius: 15px;
    display: inline-block;
    padding: 12px 25px;
}

.cabecera_listado{
    background-color: #dedbdb;
}
.cuerpo_listado{
    background-color: aliceblue;
}
.cuerpo_listado_compras{
    /*background-color: #ecf8e7;*/
}

.anchototal{
    width: 100%
}

.boton_cierre{
    position: absolute;
    top: 0px;
    right: 0px;
}
.btn-save{
  color:#fff;
  background-color: #428bca;
  border-color: #357ebd;
}
.btn-delete{
  color:#fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-search{
  color:#fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-new{
  color:#fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-print{
  color:#fff;
  background-color: #de5b85;
  border-color: #de5b85;
}
.btn-pay{
  color:#fff;
  background-color: #a77b18;
  border-color: #a77b18;
}
.botonaccion{
  clear: left;
  min-width: 150px;
  margin: 2px;
}

button.derecha{
  float:right;
}
button.fondogris{
  background: gray;
  border-color: gray;
  color: white;
}

.coloreado{
    color: forestgreen;
}
.rojo{
    color: red;
}
.verde{
    color: green;
}
.azul{
    color:blue;
}
.azuloscuro{
    color:darkblue;
}
.blanco{
    color:white;
}
.fondoblanco{
    background: white;  
}
.gris{
  color:gray;
}
.fucsia{
    color:#ad2d9d;
}

div.divresaltado{
  background-color: gold;
}

div.menuacciones {
  padding: 0;
  padding-left: 5px;
  margin-top:45px;
  text-align: center;
}
div.menuacciones ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}


.tamanopantalla{
    height: : 100%;
    overflow:auto;
}
div.pantalla {
    border:2px solid;
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px;
    border-color: rgb(51,153,204);
    min-height: 350px;
    background: aliceblue; 
    /*rgb(238, 240, 240);*/
}
div.pantallamin {
    border:2px solid;
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px;
    border-color: rgb(51,153,204);
    background: aliceblue; 
}

.sinpadding{
    padding: 0px;
}

.recuadro{
    display: block;
    margin:auto;
    -webkit-box-shadow: 10px 10px 5px -9px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 5px -9px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 5px -9px rgba(0,0,0,0.75);
    border: 3px solid #e3f0fa;
    border-radius: 5px;
}
.imagencentrada{
    display: block;
    margin:auto;
}

.modal_esp{
  background-color: rgba(0,0,0,.8);
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  transition: all 1s;
}
.mimodal_esperandoactivo{
  opacity:1;
  pointer-events:auto;
}
.mimodal_esperandonoactivo{
  opacity:0;
  pointer-events:none;
}
.importe_resaltado{
    font-size: 24pt;
}

.modal{
  font-family: "Myriad Pro",Arial,Helvetica,Tahoma,sans-serif;
  font-size: 10pt;
}
/*.modal-dialog{
  width: 1200px;
}
*/


div.lineaobserv{
  font-size:8pt;
  color:blue;
  font-style: italic;
}

/*Agenda para los próximos pedidos*/
div.mes caption {
  font: normal 13px "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 6px 4px;  
}

.tabla_mes {
  border-spacing: 3px;
  empty-cells: hide;
}

div.mes td {
  text-align: center;
  border: 1px solid #eee;
  cursor: pointer;
}

div.mes td.celda_hoy{
  background-color: cyan;
}
div.mes td.celda_proxpedido{
  background-color: deeppink;
}

div.mes th {
  color: #999;
}

div.mes caption.titulo {
  text-align: left;
  font-size: 18px;
  color: #c00;
}

/*Pantalla Artículos azu */
.tipo_articulo_azu{
  height: 200px;
  overflow: auto;
}

/*Búsquedas*/
.filtro_busqueda{
  padding: 0px;
  
}

.div_result_busqueda div:nth-child(odd) {
    background-color:#fadddd;
}
.celdaresaltada{
  border: 0.5px gray solid;
}

.titulo{
  text-align: center;
  font-size: 14pt;
  font-weight: bold;
}

.fijoabajo{
  position:fixed;
  bottom:0;
  right:0;
  z-index: 150;
}
.resaltado{
    font-size: 24pt;
}
div.observaciones{
    background-color: #f3cece;
    border-radius: 10pt;
}
div.observaciones label{
  font-size: 12pt;
}
.cajaconsombra{
  -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
  box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
  margin-bottom: 15px;
}
.cajaconsombra_boton{
  margin: 10px;
  float: right;
}
.cajaconsombra_boton_izq{
  margin: 10px;
}

.cajaconsombra2{
  -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
  box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
  margin-bottom: 15px;
}

.cajaconsombra3{
  -webkit-box-shadow: 2px 2px 5px 0px rgba(222, 219, 219,1);
  -moz-box-shadow: 2px 2px 5px 0px rgba(222, 219, 219,1);
  box-shadow: 2px 2px 5px 0px rgba(222, 219, 219,1);
  margin-top: 15px;
  margin-bottom: 15px;
}

.fondoverde{
  background-color: green;
}
.fondoverdeclaro{
  background-color: lightgreen;
}
.fondoverdemuyclaro{
  background-color: #d7f5d7;
}
.fondorojo{
  background-color: red;
}
.fondoazul{
  background-color: blue;
}
.fondoazul_elementopar{
  background-color: #cbe2f3;
}
.fondorosa{
  background-color: pink; 
}
.fondogrisclaro{
  background-color: #e8e3e3;
}
.fondorosaclaro{
  background-color: #ffe1e7;
}

/*Imagen preview*/
.image-preview-input {
    position: relative;
  overflow: hidden;
  margin: 0px;    
    color: #333;
    background-color: #fff;
    border-color: #ccc;    
}
.image-preview-input input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}
.image-preview-input-title {
    margin-left:2px;
}

/*AZU*/
.lbl_tipoart_azu{
  background-color: aquamarine;
  border-radius: 10px;
}


/*Contabilidad*/
.descuadrado{
  background-color: #fbe6e6
}
.descuadrado_par{
  background-color: #f9d3d3
}

.asiento_par{
    background-color: #ffffff
}
.asiento_par>div>label{
    font-weight: normal;
}

button.barracontable{
    margin-bottom: 4px;
}

.tabla_norma43{
    box-shadow: 3px 3px 0px 0px rgb(139 130 130 / 75%);
    border-radius: 15px;
    background-color: #f7f7f7;
}
.tabla_norma43>thead{
    background-color: #c7c3f9; 
}

.tabla_norma43_movimientos{
    box-shadow: 3px 3px 0px 0px rgb(139 130 130 / 75%);
    border-radius: 15px;
    background-color: #f5e7e7;
}
.tabla_norma43_movimientos>thead{
    background-color: #f9b0b0; 
}


/* EMULACION BOTONES TACTIL*/
.container_grupos{
  display:flex;
  /*height:100vh;*/
    flex-direction:column; 
}
.box_accesosrapidos{
  color: black;
  font-size: 10pt;
  text-align: center;
  text-shadow: 4px 4px 0 rgba(0,0,0,0,1);
  padding: 10px;
  background-color: rgb(102, 188, 230);
  border-radius: 10px;
}
.container_articulos{
  display:flex;
    /*flex-direction: column;*/    
  /*height:200vh;*/
  flex-wrap: wrap; 
}
.box_articulos{
  min-width: 75px;
  width: 10%;
    height:100px;
  border:1px solid goldenrod;
  padding: 4px;
  margin: 2px;
  text-align: center;
  background-color: #FFFFFF;
  font-size: 8pt;
  -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
  box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
  display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
  border-radius: 10px;
}

/*agenda*/
th.cabeceraagenda{
  text-align: center;
  padding: 0px;

}

td.celdaagenda{
  border:2px solid black; /*#B5DAF7*/
  font-size: 8pt;
  position: relative;
}
td.horaagenda{
  border:2px solid black;
  font-size: 14pt;
  text-align: center;
  height: 60px;     
}
td.horacomida{
  background-color:rgb(238, 236, 236);
  height: 20px;     
}
td.Rojo{
  background: rgb(248, 119, 119);
}
td.Rosa{
  background: #ED80F7;
}
td.Naranja{
  background: rgb(247, 187, 111);
}
td.Amarillo{
  background: rgb(250, 250, 114);
}
td.Verde{
  background: rgb(92, 197, 92);
}
td.Azul{
  background: rgb(158, 226, 252);
}
td.Azulon{
  background: blue;
}
td.Rosa{
  background: pink;
}
.botanyadircita{
  position: absolute;
  bottom: 0px;
  right:0px;
}
.empleadohafichado{
  background-color: #83e683;
  border: 2px solid #d1d1cc;
  border-radius: 15px;  
}

.select_centrocoste{
  background-color: yellowgreen;
  font-size: 1.2em;
  margin-bottom: 5px;
  font-weight: bolder;
}
/*Agenda empleado*/
.parteempleado{
  box-shadow: 3px 3px 0px 0px rgba(139, 130, 130, 0.75);
  border: 2px solid #d1d1cc;
  border-radius: 15px;
  padding-top: 10px;
  margin-top: 10px;
  background-color: aliceblue;
}
.parteempleado .detalle{
  border: 2px solid #d1d1cc;
  border-radius: 15px;
  padding-top: 10px;
  margin-bottom: 10px;
  background-color: white;
}

/*futurplac*/
.btn_menu_general_futurplac{
  width: 100%;
  margin: 5px;
  font-size: 3em;
}
.btn_menu_general_futurplac span{
  font-size: 1em;
}

.div_mensaje{
  border: 2px solid black;
  border-radius: 5px;
  padding: 0px;
  margin-bottom: 10px;
  background-color: white; 
}

.div_tipomensaje{
  font-size: 7pt;
  background-color: #d8d6d6;
  padding: 10px;
  text-align: center;
}

.div_tipomensaje_almacenado{
  font-size: 7pt;
  background-color: #f3c1c1;
  padding: 10px;
  text-align: center;
}

/*calendario*/
.dianolaboral{
  background-color: #86a3f3;
}
.diafestivo{
  background-color: #f46666; /*#55da45;*/
}
.diafestivoempresa{
  background-color: #00ffdb;
}
.diavacaciones{
  background-color: #6be074; /*#0f9719;*/
}
.diabajajustificada{
  background-color: #c0c0be; 
}
.diabajanojustificada{
  background-color: #ef00ff; /*red*/
}
.diapermisoretribuido{
  background-color: yellow;
  color:black;
}
.diaasuntospropios{
  background-color: orange;
  color:black;
}

/* taller */
.div_histor_taller{
  border: 1px solid #b6b4b4;
  cursor: pointer;
}


/* GESA */
.linea_azul{
  border-top: 4px solid #304467;
  height: 100%;
  padding: 0;  
}
.cabecera_azul{
  color: #304467;
  font-size:2em;
}
.texto_azul{
  color: #304467;
  font-size:1em;
}
#contenedor_login_gesa{
    position: absolute;
    background-color: #e1e1e3;
    border-radius: 25px;
    height:25%;
    width:20%;
    top:32%;
    left:40%;
}

@media screen and (max-width: 1000px) {
  #contenedor_login_gesa{
      position: absolute;
      background-color: #e1e1e3;
      border-radius: 25px;
      height:40%;
      width:80%;
      top:30%;
      left:10%;

  }
}
#login_gesa{
    background-color: #e1e1e3;
    border: 4px solid #304467; 
    border-radius: 25px;
    padding: 0px;
    margin: 1%;
    height: 96%;
    width: 98%;
    text-align: center;
}

.cabecera_busqueda_gesa{
  background-color: #e5e5e5;
}
.cabecera_busqueda_gesa h5{
  color: #304467;
  font-size: 1.5em;
  font-weight: bold;
}
.cabecera_busqueda_gesa button{
  border-radius: 45px;
  width: 80%;
  margin-left: 10%;
  background-color: #304467;
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 10%;
}

.cabecera_listado_gesa{
  background-color: #304467;
  color:white;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 1.2em;
}
.cabecera_listado_gesa div{
  font-size: 1.2em;
}

.fila_gesa_linea{
  margin-top: 5px;
}

.div_listado_gesa{
    background-color: white;
    display: inline-block;
    padding: 12px 25px;
    margin-top: 10px;
    margin-bottom: 5px;
}
.titulo_pantalla_gesa{
  background-color: #304467;
  color:white;
  font-size: 1.5em;
  font-weight: bold;
  text-align: center;
  padding-left: 15px;
  height: 34px;
}

.fondogrisaceo{
    background: #f1f4f9;  
}

.boton_gesa{
    border-radius: 0px;
}
.boton_gris_gesa{
  font-size:0.8em;
  background-color: #8995ad;
  color:white;
}

.boton_fondoverdoso{
    border-radius: 0px;
    background: #c1cc90;
    color: #304467;
    border-color: #9fa399;
}
.boton_fondoverdoso:hover {
      background-color:#7c9716;
      color: white;
      transition: 0.7s;      
  }

.fondogris_gesa{
  background-color: #c9ccd1;
}
.fondogrisaceo_gesa{
  background-color: #e1e4eb;
}

.btn_menu_general_gesa{
  width: 100%;
  margin: 5px;
  font-size: 1.5em;
  border-radius: 30px;
}
.btn_menu_general_gesa span{
  font-size: 1em;
}
.btn_menu_general_gesa label{
  font-size: 1em;
}
.fondo_verde_gesa{
  background-color: #aaca2b;
}
.verde_gesa{
  color:#afd02d;
}
.azul_gesa{
  color:#304467;
}

.badge-cuadrado{
  border-radius: 5px;
  text-align: right;
}


/*acceso general*/
    .button-container_accesogeneral {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); /* Ajusta el ancho de las columnas */
      gap: 20px;
    }

    /* Botones */
    .button-container_accesogeneral button {
      color: white;
      padding: 15px 30px;
      border: none;
      border-radius: 5px;
      cursor: pointer;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      font-size: 3em;
      transition: background-color 0.3s ease;
    }

    .button-container_accesogeneral button:hover {
      background-color: #45a049;
    }
    
/* tpv */
    .bloque-verde {
        border: 1px solid #2e7d32;
        border-radius: 20px;
        background-color: #2e7d32;
        padding: 10px;
        color: white;
    }
    .bloque-azul {
        border: 1px solid #304468;
        border-radius: 8px;
        background-color: #304468;
        padding: 10px;
        color: white;
    }
    .bloque-azul2 {
        border: 1px solid #304468;
        border-radius: 0px;
        background-color: #304468;
        padding: 5px;
        margin-top: 5px;
        color: white;
    }

    .bloque-gris {
        border: 1px solid #d8deea;
        border-radius: 0px;
        background-color: #d8deea;
        padding: 5px;
        margin-top: 5px;
    }

    .texto-grande {
        font-size: 2em;
    }

    .texto-bloque {
        font-size: 1em;
    }
    .linea-tpv label{
      font-size: 1.2em;
      color: #41423d;
      border: 1px solid black ;
      margin: 0px;
      padding: 5px;
    }

    .btn-tpv {
        background-color: #7c6a44;
        color: white;
        border: none;
        padding: 8px 16px;
        font-size: 14px;
        border-radius: 4px;
        transition: background-color 0.3s ease;
    }

    .btn-tpv:hover {
        background-color: #615233; /* tono más oscuro al pasar el ratón */
        cursor: pointer;
    }

    .btnmarron-tpv {
        text-align: left;
        background-color: #7c6a44;
        color: white;
        border: none;
        padding: 8px 16px;
        font-size: 14px;
        border-radius: 4px;
        transition: background-color 0.3s ease;
    }

    .btnmarron-tpv:hover {
        background-color: #615233; /* tono más oscuro al pasar el ratón */
        color:white;
        cursor: pointer;
    }

    .btnverde-tpv {
        text-align: left;
        background-color: #48818a;
        color: white;
        border: none;
        padding: 8px 16px;
        font-size: 14px;
        border-radius: 4px;
        transition: background-color 0.3s ease;
    }

    .btnverde-tpv:hover {
        background-color: #3d7078; /* tono más oscuro al pasar el ratón */
        color:white;
        cursor: pointer;
    }

    .btnabierto-tpv {
        text-align: left;
        background-color: #f0efdd;
        color: black;
        border: none;
        padding: 8px 16px;
        font-size: 14px;
        border-radius: 4px;
        transition: background-color 0.3s ease;
    }

    .btnabierto-tpv:hover {
        background-color: #3d7078; /* tono más oscuro al pasar el ratón */
        color:white;
        cursor: pointer;
    }
    

    .contenedorgrupo-tpv {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; /* o space-evenly o space-around */
      gap: 10px;
      padding: 10px;
      background-color: #e8ebf2;
    }
    .btngrupo-tpv {
        flex: 0 0 calc(20% - 10px); /* Ajusta para que quepan 5 por fila, por ejemplo */
        height: 30px;
        background-color: #f2f1dc;
        text-align: center;
        line-height: 30px;
        border-radius: 5px;
        transition: background-color 0.3s ease;
    }

    .btngrupo-tpv:hover {
        background-color: #dcd8c6; /* tono más oscuro al pasar el ratón */
        color:#41423d;
        cursor: pointer;
    }

    .tarjeta-articulo {
        background-color: #f0efdd;
        border-radius: 15px;
        margin: 10px;
        height: 170px;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.2s ease-in-out;
        box-shadow: 2px 2px 8px rgba(0,0,0,0.1);
        border: none;
        cursor: pointer;
    }
    .tarjeta-articulo:hover {
        background-color: #dcd8c6;
        transform: scale(1.02);
        box-shadow: 2px 2px 12px rgba(0,0,0,0.2);
    }
    .tarjeta-articulo .panel-body {
        width: 100%;
        padding: 10px;
    }
    .img-articulo {
        width: 60px;
        height: 60px;
        object-fit: cover;
        border-radius: 10px;
        margin-bottom: 8px;
    }
    .nombre-articulo {
        font-size: 13pt;
        font-weight: bold;
        color: #41423d;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }


    .tarjeta-articulo-tpv {
        background-color: #f0efdd;
        border-radius: 15px;
        margin: 3px;
        height: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.2s ease-in-out;
        box-shadow: 2px 2px 8px rgba(0,0,0,0.1);
        border: 1pt, solid, #c5c3c3;
        cursor: pointer;
    }
    .tarjeta-articulo-tpv:hover {
        background-color: #dcd8c6;
        transform: scale(1.02);
        box-shadow: 2px 2px 12px rgba(0,0,0,0.2);
    }
    .tarjeta-articulo-tpv .panel-body {
        width: 100%;
        padding: 10px;
    }

    .nombre-articulo-tpv {
        font-size: 13pt;
        font-weight: bold;
        color: #41423d;
        overflow: hidden;
    }




    .centrado {
        text-align: center;
    }

    input.text-danger{
      color:#a94442;
    }