:root {
   /*--fontFamily: Calibri, "Times New Roman", Times, Arial, sans-serif;*/
   --fontFamily: Vardana, Helvetica, Arial, Calibri, sans-serif, Georgia;
   --alinenacionVerticalRenglones: start;
   /*
      border-radius
   */
   --valorRadiusGeneral: .3rem;
   --borderRadiusBoton: var(--valorRadiusGeneral);
   --borderRadiusLabel: var(--valorRadiusGeneral);
   --borderRadiusLabelEtiqueta: var(--valorRadiusGeneral) .5rem var(--valorRadiusGeneral) var(--valorRadiusGeneral);
   --borderRadiusTextBox: var(--valorRadiusGeneral);
   --borderRadiusBarraColapsable: var(--valorRadiusGeneral);
   --borderRadiusCuadroLogin: 1rem;
   /*
      tamanno de letra
   */
   --tamanoBaseLetra: 14px;
   /*
      Bordes solamente para depuracion y pruebas
   */
   --borderParaDepuracionRojo: .3rem solid red;
   --borderParaDepuracionVerde: .3rem solid green;
   --borderParaDepuracionAmarillo: .3rem solid yellow;
   /*
      para lineas de bordes
   */
   --colorParaLineaBorde: #9fa5a8;
   --bordeGeneral: .01rem solid var(--colorParaLineaBorde);
   --bordeCalendario: .01rem solid var(--colorParaLineaBorde);
   /*
      colores texto
   */
   --colorTextoAdvertencia: #ee4266;
   --colorTextoNotificacion: #097a7b;
   --colorTextoDefault: #000000;
   --colorTextoDefaultAlterno: #d1d1d2;
   /*
      colores tema principal
   */
   --colorParaFondoPrincipal: #478e49;
   --colorParaFondoPrincipalHover: #6ab46c;
   --colorParaFondoPrincipalActive: #6ab46c;
   --colorParaTextoPrincipal: #EBFFFE;
   /*
      colores en pagina
   */
   --colorParaFondoPagina0: #B8CCC3;
   --colorParaFondoPagina1: #C7D5C3;
   --colorParaFondoPagina2: #C5E7D7;
   --colorParaFondoPagina3: #D1DBD9;
   --colorParaFondoPagina4: #CDDDDF;
   --colorParaTextoPagina: var(--colorTextoDefault);
   /*
      colores en controles
   */
   --colorParaFondoControles: #A0BAAF;
   --colorParaFondoControlesHover: #89A99C;
   --colorParaFondoControlesActivo: #89A99C;
   --colorParaTextoControles: var(--colorTextoDefault);
   /*
      colores en renglon non en grid
   */
   --colorParaFondoRowNon: #73E7D4;
   --colorParaFondoRowNonHover: #51E1C9;
   --colorParaFondoRowNonActivo: #51E1C9;
   --colorParaTextoRowNon: var(--colorTextoDefault);
   /*
      colores en renglon par en grid
   */
   --colorParaFondoRowPar: #A8F0E4;
   --colorParaFondoRowParHover: #CBF6EF;
   --colorParaFondoRowParActivo: #CBF6EF;
   --colorParaTextoRowPar: var(--colorTextoDefault);
   /*
      colores en renglon seleccionado en grid
   */
   --colorParaFondoRowSeleccionado: #F29195;
   --colorParaFondoRowSeleccionadoHover: #014AA2;
   --colorParaFondoRowSeleccionadoActivo: #014AA2;
   --colorParaTextoRowSeleccionado: #0E1400;
   /*
      colores en menus
   */
   --colorParaFondoOpcionMenuSeleccionada: #008F4F;
   --colorParaFondoOpcionMenuSeleccionadaHover: #007A43;
   --colorParaFondoOpcionMenuSeleccionadaActive: #007A43;
   --colorParaTextoOpcionMenuSeleccionada: #EAE7DE;
   /*
      padding y margin en menus
   */
   --paddingMenu: .2rem .5em;
   --marginMenu: .2rem .5em;
   /*
      colores boton primario
   */
   --colorBotonPrimario: var(--colorParaFondoPrincipal);
   --colorBotonPriMarioGradiente: #85C187;
   --colorBotonPrimarioHover: var(--colorParaFondoPrincipalHover);
   --colorBotonPrimarioActive: var(--colorParaFondoPrincipalHover);
   --colorTextoBotonPrimario: var(--colorParaTextoPrincipal);
   /*
      colores boton secundario
   */
   --colorBotonSecundario: var(--colorParaFondoOpcionMenuSeleccionada);
   --colorBotonSecundarioGradiente: #A0CDF8;
   --colorBotonSecundarioHover: var(--colorParaFondoOpcionMenuSeleccionadaHover);
   --colorBotonSecundarioActive: var(--colorParaFondoOpcionMenuSeleccionadaActive);
   --colorTextoBotonSecundario: var(--colorParaTextoOpcionMenuSeleccionada);
   /*
      colores boton success
   */
   --colorBotonSuccess: var(--colorParaFondoRowNon);
   --colorBotonSuccessGradiente: #FFFFFF;
   --colorBotonSuccessHover: var(--colorParaFondoRowNonHover);
   --colorBotonSuccessActive: var(--colorParaFondoRowNonActivo);
   --colorTextoBotonSuccess: var(--colorParaTextoRowNon);
   /*
      colores boton info
   */
   --colorBotonInfo: #92C895;
   --colorBotonInfoGradiente: #C9E4CA;
   --colorBotonInfoHover: #85C187;
   --colorBotonInfoActive: #85C187;
   --colorTextoBotonInfo: #FFFFFF;
   /*
      colores boton warning
   */
   --colorBotonWarning: #FBE4DA;
   --colorBotonWarningGradiente: #ef946c;
   --colorBotonWarningHover: #eb7847;
   --colorBotonWarningActive: #eb7847;
   --colorTextoBotonWarning: var(--colorTextoDefault);
   /*
      colores boton Danger
   */
   --colorBotonDanger: #ee2f56;
   --colorBotonDangerGradiente: #F47B93;
   --colorBotonDangerHover: #e2123c;
   --colorBotonDangerActive: #e2123c;
   --colorTextoBotonDanger: #FFFFFF;
   /*
   colores controltoggleTema
   */
   --colorFondoControlToggleTamaSliderEnClaro: #C9E4CA;
   --colorFondoControlToggleTamaSliderEnOscuro: #29512A;
   /*
   colores checkbox si/no
   */
   --colorFondoCheckBoxSi: #6AB46B;
   --colorFondoCheckBoxNo: #e2123c;
   /*
   color sombra botones
   */
   --colorSombraBotones: #101010;
   --porcentajeLimiteSuperiorGradienteBotones: 0%;
   --porcentajeLimiteInferiorGradienteBotones: 45%;
   --porcentajeLimiteSuperiorGradienteBotonesHover: 55%;
   --porcentajeLimiteInferiorGradienteBotonesHover: 100%;
}