* {
  /*font-family: "Roboto Mono", serif;*/
  /*font-family: "Courier New", Courier, monospace;*/
  font-family: Arial, Helvetica, sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 700;
}

img.img-producto {
    width:2rem;
    height:auto;
}

.inv-print {
    font-size: 1rem;
}

.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(255, 255, 255), rgb(173, 228, 235));
}

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

.backwhite {
   background: white;
}


.menu-productos{
   display: grid;
   grid-template-columns: repeat(6,103px);
   grid-auto-rows: 99px;
   gap: 15px; 
      
}

.menu-catalogo{
   display: grid;
   /*grid-template-columns: repeat(2,10rem);*/
   grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
   gap: 2rem; 
      
}
@media (min-width: 768px) {
    .menu-catalogo {
        grid-template-columns: repeat(8, minmax(8rem, 1fr))!impotant;
    }
}

.ficha img {
    width: 6rem;
    height: 6rem;
}

.ficha p {
    display: inline-block;
    text-align: justify;
    padding: 1rem;
}

.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: #C6F700;
   color: white;
}

.bgnomas:hover {
   background: #C6F700;
   color: white;
}

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

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


.bgdividir {
   background: #fa6f2f;
   color: white;
}

.bgdividir:hover {
   background: #fa6f2f;
   color: white;
}

@media (max-width:425px ) {
   .formatoTitulo {
      font-size: 0.57rem;
   }
}

.bg-lucy {

   background-color: #ade4eb;
   color: #e97f31;
}


.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #28a745!important;
    border-color: #3d9970!important;
}