﻿.divMensajePaginaErrores,
.divMensajePaginaErroresDetalles {
   background-color: var(--colorParaFondoControles);
   color: var(--colorParaTextoControles);
   text-align: center;
   align-items: center;
   align-content: center;
   align-self: center;
}

.divMensajePaginaErroresDetalles {
   text-align: start;
   align-items: start;
   align-content: start;
   opacity: .7;
}

.imagenLogo {
   object-fit: contain;
   background-size: contain;
   opacity: 1;
   min-height: 100%;
   height: 100%;
   max-height: 100%;
   width: max-content;
   border: 0;
   margin: 0;
   padding: 0;
}

.divImagenBuscar {
   object-fit: contain;
   opacity: 1;
   justify-items: end;
   justify-content: end;
   align-items: end;
   align-content: end;
   min-height: 2rem;
   height: 2rem;
   max-height: 2rem;
   min-width: 2rem;
   width: 2rem;
   max-width: 2rem;
   align-self: end;
   padding-left: .3rem;
   margin-right: .5rem;
}

.paginaBarraEncabezado {
   align-content: center;
   align-items: center;
   justify-content: center;
   justify-items: center;
   background-color: transparent;
   color: var(--colorParaTextoPrincipal);
   min-height: 100%;
   height: 100%;
   max-height: 100%;
}

.paginaValidadores {
   background-color: var(--colorParaFondoPagina2);
   color: var(--colorParaTextoPagina);
   display: flex;
   flex-grow: 0;
   flex-shrink: 0;
   flex-wrap: nowrap;
   justify-content: center;
   max-height: 7rem;
   overflow: auto;
   padding: 0;
}

.paginaTextoEncabezadoLicencia {
   background-color: var(--colorParaFondoPrincipal);
   color: var(--colorParaTextoPrincipal);
   font-size: .7rem;
   padding: 0;
}

.paginaTextoEncabezadoEmpresa {
   background-color: var(--colorParaFondoPrincipal);
   color: var(--colorParaTextoPrincipal);
   font-size: 1rem;
   padding: 0;
}

.paginaTextoTitulo {
   background-color: var(--colorParaFondoPagina0);
   color: var(--colorParaTextoPagina);
   flex-shrink: 0;
   font-size: 1.2rem;
   margin: 0;
   padding: 0;
}

.paginaTextoNota {
   background-color: var(--colorParaFondoPagina0);
   color: var(--colorParaTextoPagina);
   flex-shrink: 0;
   font-size: .9rem;
   padding: 0;
}

.bloqueHeight100,
.bloque {
   display: flex;
   flex-direction: column;
   align-items: start;
   justify-items: start;
   align-content: start;
   justify-content: start;
   min-height: 0;
   height: auto;
   max-height: 100%;
   overflow: auto;
   padding: 0;
   min-width: 0%;
   width: 100%;
   max-width: 100%;
   opacity: 1;
}

.bloqueHeight100 {
   height: available;
}

.renglonCentrado,
.renglonDerecha,
.renglonIzquierda,
.renglonDistribuido,
.renglonEspaciado {
   display: flex;
   min-height: max-content;
   height: auto;
   max-height: 100%;
   flex-shrink: 0;
   min-height: 0;
   min-width: 100%;
   width: 100%;
   max-width: 100%;
   align-content: var( --alinenacionVerticalRenglones);
   align-items: var( --alinenacionVerticalRenglones);
   padding-bottom: .3rem;
}

.renglonCentrado {
   justify-content: center;
   justify-items: center;
}

.renglonDerecha {
   justify-content: end;
   justify-items: end;
}

.renglonIzquierda {
   justify-content: start;
   justify-items: start;
}

.renglonDistribuido {
   justify-content: space-between;
   justify-items: center;
}

.renglonEspaciado {
   justify-content: space-around;
   justify-items: center;
}

.renglonCentrado > .bloque,
.renglonDerecha > .bloque,
.renglonIzquierda > .bloque,
.renglonDistribuido > .bloque,
.renglonEspaciad > .bloque {
   padding-left: .3rem;
   height: 3.3rem;
   align-items: start;
   align-content: start;
}

.renglonCentrado > .bloque:has(button),
.renglonDerecha > .bloque:has(button),
.renglonIzquierda > .bloque:has(button),
.renglonDistribuido > .bloque:has(button),
.renglonEspaciad > .bloque:has(button) {
   padding-left: .3rem;
   vertical-align: bottom;
   height: 3.3rem;
   justify-items: end;
   justify-content: end;
   align-items: start;
   align-content: start;
}

.renglonCentrado > .height100,
.renglonDerecha > .height100,
.renglonIzquierda > .height100,
.renglonDistribuido > .height100,
.renglonEspaciad > .height100 {
   padding-left: .3rem;
   vertical-align: bottom;
   height: 100%;
   justify-items: end;
   justify-content: end;
   align-items: start;
   align-content: start;
}

.divDosElementos,
.divDosElementosWidthAuto {
   background-color: var(--colorParaFondoControles);
   color: var(--colorParaTextoControles);
   display: flex;
   flex: 0 0 auto;
   min-width: 100%;
   width: 100%;
   max-width: 100%;
   padding: .3rem 0 0 0;
}

/*Emplear la clase widthAuto no genera el mismo efecto, por ello se requiere esta clase*/
.divDosElementosWidthAuto {
   min-width: 0;
   width: auto;
}

.comando {
   padding: 0 1rem 0 0;
}

.divElemento1 {
   background-color: var(--colorParaFondoPagina1);
   color: var(--colorParaTextoPagina);
   display: flex;
   flex: 0 0 40%;
   height: auto;
}

   .divElemento1 > .label {
      background-color: var(--colorParaFondoPagina2);
      color: var(--colorParaTextoPagina);
      padding: 0 0 0 .3rem;
      width: 100%;
   }

.divElemento2 {
   background-color: var(--colorParaFondoControles);
   color: var(--colorParaTextoControles);
   display: flex;
   flex: 0 0 60%;
   height: auto;
   justify-content: start;
   padding: 0 0 0 .3rem;
}

   .divElemento2 * {
      background-color: var(--colorParaFondoControles);
      color: var(--colorParaTextoControles);
      width: 100%;
   }

   .divElemento2 span {
      background-color: var(--colorParaFondoControles);
      color: var(--colorParaTextoControles);
      width: 100%;
   }

   .divElemento2 .dropDownList {
      background-color: var(--colorParaFondoControles);
      color: var(--colorParaTextoControles);
      width: auto;
   }

.divElemento1_20 {
   background-color: var(--colorParaFondoControles);
   color: var(--colorParaTextoControles);
   display: flex;
   flex: 0 0 20%;
   height: auto;
}

   .divElemento1_20 span {
      background-color: var(--colorParaFondoPrincipal);
      color: var(--colorParaTextoPrincipal);
      padding: 0 0 0 .3rem;
      width: 100%;
   }

.divElemento2_80 {
   display: flex;
   flex: 0 0 80%;
   height: auto;
   justify-content: start;
   padding: 0 0 0 .3rem;
}

   .divElemento2_80 * {
      background-color: var(--colorParaFondoControles);
      color: var(--colorParaTextoControles);
      width: 100%;
   }

   .divElemento2_80 span {
      background-color: var(--colorParaFondoControles);
      color: var(--colorParaTextoControles);
      width: 100%;
   }

   .divElemento2_80 .dropDownList {
      background-color: var(--colorParaFondoControles);
      color: var(--colorParaTextoControles);
      width: auto;
   }

span[class="aspNetDisabled checkBoxDefault"] input[type="checkbox"],
span[class="aspNetDisabled checkBoxDefault"] input[checked="checked"] {
   min-height: 1rem;
   height: 1rem;
   max-height: 1rem;
   min-width: 1rem;
   width: 1rem;
   max-width: 1rem;
   /*appearance: auto;*/
   background-color: var(--colorFondoCheckBoxNo);
}

span[class="aspNetDisabled checkBoxDefault"] input[checked="checked"] {
   /*appearance: auto;*/
   background-color: var(--colorFondoCheckBoxSi);
}

/*para textos con texto sin espacios y muy largo*/
.textoAcotado {
   overflow: auto;
}

.textoTruncado {
   overflow: hidden;
   text-align: left;
   text-overflow: ellipsis;
   white-space: nowrap;
}

@keyframes blinker {
   50% {
      opacity: 0;
   }
}

.input-group-text {
   display: flex;
   align-items: center;
   background-color: var(--colorParaFondoControles);
   color: var(--colorTextoDefault);
   padding: 0.3rem;
   margin-right: .2rem;
   font-size: 1rem;
   font-weight: normal;
   line-height: normal;
   text-align: center;
   white-space: nowrap;
   border: var(--bordeGeneral);
   border-radius: var(--borderRadiusTextBox);
   height: 100%;
}
