@media print {

    @page{size: auto}
}

.user-panel {
   height: 3rem;
}

.centro-texto {
   text-align: center;
}

.azul {
   color: blue;
   text-emphasis-color: blue;
}

.errorindice {
   background-color: red;
}

.texto-may {
   text-transform: uppercase;
}


.texto-grande-negro {
   font-size: 70px;   
   font-weight: bold;
}

.texto-mediano-negro {
   font-size: 50px;   
   font-weight: bold;
}

.texto-chico-negro {
   font-size: 30px;   
  font-weight: bold;
}


.sin-formato {
   font-family: Arial;
   padding: 0;
   margin: 0;
}

.contenedor-etiqueta {
   max-width: 1200px;
   margin: 0 auto;
}


.contenedor-etiqueta h1 {
       line-height:0;
}

.etiqueta h1 {
       line-height:1;
}

h1 .pie-etiqueta{
   line-height:0;
}

.negrita {
   font-weight: bold;
}


.media-etiqueta {
   display: flex;
   flex-direction: row;
   justify-content: space-between;   
   align-items: center;
   line-height:0;
}

.division {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
  line-height:0;
}

.empresa h1 {
   line-height:0;
   padding: 0;
   margin: 0;
}

.pie-etiqueta {
   line-height:0;
   padding: 0;
   margin-top: -25px;
}

.login-page,
register-page {
   background: linear-gradient(rgb(185, 55, 25), rgb(0, 1, 88));
}

.login-page #fondo {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100vh;
   background: url(../img/fondopdv.jpg);
   background-size: cover;
   overflow: hidden;
   z-index: -1;
   opacity: 0.3;
}

.backwhite {
   background: white;
}


@media (min-width: 320px ) {
.menu-productos{
    display: grid;
   grid-template-columns: repeat(2,105px);
   grid-auto-rows: 105px;
   gap: 17px;
}
    
}

@media (min-width: 425px ) {
.menu-productos{
    display: grid;
   grid-template-columns: repeat(3,99px);
   grid-auto-rows: 99px;
   gap: 15px;
}
    
}


@media (min-width: 768px ) {
.menu-productos{
   display: grid;
   grid-template-columns: repeat(4,105px);
   grid-auto-rows: 105px;
   gap: 13px; 
      
}
}

@media (min-width: 1024px ) {
.menu-productos{
   display: grid;
   grid-template-columns: repeat(5,113px);
   grid-auto-rows: 113px;
   gap: 10px; 
      
}
}

.boton-categoria{
   display: flex;
   justify-content: center;
   align-items: center;
   background-color: #00FF40;
}

.boton-productos{
   display: flex;
   justify-content: center;
   align-items: center;
   background-color: #FFFF00;
}

.boton-familia{
   display: flex;
   justify-content: center;
   align-items: center;
   background-color: #00FFFF;
}


.botonvolver{
   display: flex;
   justify-content: center;
   align-items: center;
   background-color: #FF0000;
}


.texto-productos {
   text-align: center;   
   padding:1px;
   margin:0;
   font-size: 0.85rem;
   line-height: 21px;
   
}

.bgnomas {
   background: #1cffa8;
   color: white;
}

.bgcambio {
   background: #ff24ed;
   color: white;
}

table.dataTable tbody th,
table.dataTable tbody td {
    white-space: nowrap;
}