.componenteGridView {
   background-color: var(--colorParaFondoControles);
   color: var(--colorParaTextoControles);
   table-layout: auto;
   font-size: 1rem;
   width: 100%;
}

   .componenteGridView tbody tr td,
   .componenteGridView tr td {
      padding: .2rem;
   }

.rowGridHeader {
   background-color: var(--colorParaFondoRowPar);
   color: var(--colorParaTextoRowPar);
   border: var(--bordeGeneral);
   font-size: 1rem;
   margin: 0;
   text-align: left;
   text-justify: initial;
   justify-items: start;
   justify-content: start;
}

   .rowGridHeader th {
      background-color: var(--colorParaFondoControles);
      color: var(--colorParaTextoControles);
      font-size: 1rem;
      padding: .2rem .2rem;
      text-decoration: none;
   }

      /*aqui se define el estilo de los titulos encabezado*/
      .rowGridHeader th a {
         background-color: var(--colorParaFondoControles);
         color: var(--colorParaTextoControles);
         font-size: 1rem;
         padding: .2rem .2rem;
         text-decoration: none;
      }

.rowGridPar {
   background-color: var(--colorParaFondoRowPar);
   color: var(--colorParaTextoRowPar);
   font-size: 1rem;
}

.rowGridNon {
   background-color: var(--colorParaFondoRowNon);
   color: var(--colorParaTextoRowNon);
   font-size: 1rem;
}

.rowGridSeleccionado {
   background-color: var(--colorParaFondoRowSeleccionado);
   color: var(--colorParaTextoRowSeleccionado);
   font-size: 1rem;
}

.rowGridPie {
   background-color: var(--colorParaFondoOpcionMenuSeleccionada);
   color: var(--colorParaTextoOpcionMenuSeleccionada);
   font-size: 1rem;
   /*   height: 1.3rem;*/
   margin: 0;
   text-align: center;
   text-justify: initial;
   justify-items: start;
   justify-content: start;
}

.rowGridEdit {
   background-color: var(--colorParaFondoOpcionMenuSeleccionada);
   color: var(--colorParaTextoOpcionMenuSeleccionada);
   text-align: center;
   text-justify: initial;
   justify-items: start;
   justify-content: start;
}

.rowGridPager {
   background-color: var(--colorParaFondoRowPar);
   color: var(--colorParaTextoRowPar);
   text-align: center;
   text-justify: initial;
   justify-items: start;
   justify-content: start;
}

.rowGridNon a,
.rowGridPar a {
   color: var(--colorParaTextoControles);
}

.rowGridNon input[type="image"],
.rowGridPar input[type="image"] {
   min-height: 1rem;
   height: 1rem;
   max-height: 1rem;
   min-width: 1rem;
   width: 1rem;
   max-width: 1rem;
   background-repeat: no-repeat;
   background-size: cover;
   padding: 0;
   margin: 0;
   border: 0;
}

.checkBoxEnGrid {
   background-color: transparent;
   color: var(--colorParaTextoControles);
   font-weight: normal;
   padding: 0;
   text-align: right;
   border-radius: var(--borderRadiusLabel);
}

   .checkBoxEnGrid input {
      border: none;
      appearance: auto;
      background-color: var(--colorFondoCheckBoxNo);
      display: inline-block;
      width: 1rem;
      height: 1rem;
   }

      .checkBoxEnGrid input[checked="checked"] {
         border: none;
         appearance: auto;
         background-color: var(--colorFondoCheckBoxSi);
         display: inline-block;
         width: 1rem;
         height: 1rem;
      }

      .checkBoxEnGrid input + label {
         border: none;
         display: none;
      }