:root {
/*GLOBALES====================================================================================*/
  --backgroundBody: url(../images/background.jpg);
  --tipoLetra: "Helvetica Neue", Helvetica, Arial, Lucida, sans-serif;

  --backgroundInput: transparent;
  --colorLetraInput: #FFF;
  --bordeInput: solid 1px #CCC;

  --colorLetraSelect: #FFF;
  --bordeSelect: solid 1px #CCC;
  --colorLetraOption: #000;

  --backgroundScrollPrincipal: #1A9733;
  --backgroundScrollSecundario: #96D800;
/*============================================================================================*/

/*BARRA NAVEGACION============================================================================*/
  --backgroundBarraNavegacion: #000;
  --colorLetraBarraNavegacion: #FFF;
  --colorLetraBarraNavegacionHover: rgba(149, 193, 31, 0.7);
  --colorLetraBarraNavegacionActivo: #95C11F;
  --bordeBarraNavegacion: solid 1px #DDD;
  --sombraBarraNavegacion: 0 1px 2px rgb(0, 0, 0, 0.2);

  --backgroundBarraNavegacionSubMenu: #95C11F;
  --backgroundBarraNavegacionSubMenuHover: #8FB528;
  --colorLetraBarraNavegacionSubMenu: #FFF;
  --sombraBarraNavegacionSubMenu: 0 1px 2px rgb(0, 0, 0, 0.2);
/*============================================================================================*/

/*LOGIN=======================================================================================*/
  --backgroundLogin: linear-gradient(to bottom, #06031E, #2E2E48);
  --colorLetraLogin: #FFF;
  --colorLetraLoginHover: #23975A;
  --backgroundLoginIcono: linear-gradient(to bottom, #96D800, #1A9733);
  --backgroundLoginButton: linear-gradient(to bottom, #23975A, #6EAC4B);
  --backgroundLoginButtonHover: linear-gradient(to bottom, #6EAC4B, #23975A);
  --colorLetraLoginButton: #FFF;
/*============================================================================================*/

/*INICIO======================================================================================*/
  --colorLetraInicioDatosUsuario: #FFF;
  --colorLetraInicioDatosUsuarioBienvenido: #43B64F;
  --bordeInicioDatosUsuario: solid 4px #43B64F;
  
  --backgroundInicioDivAbonado: linear-gradient(to left bottom, #06031E, #2E2E48);
  --colorLetraInicioDivAbonado: #FFF;
  --colorLetraInicioIconoServicio: #96D800;
  --colorLetraInicioDatosAbonado: #43B64F;
  --backgroundInicioDatosFactura: linear-gradient(to bottom, #23975A, #6EAC4B);
  --colorLetraInicioDatosFacturaEncabezados: #96D800;
  --colorLetraInicioDatosFacturaResultados: #FFF;

  --backgroundBotonOperacionPagar: linear-gradient(to bottom, #FFD53C, #FF9613);
  --backgroundBotonOperacionPagarHover: linear-gradient(to bottom, #FF9613, #FFD53C);
  --backgroundBotonOperacionRecargar: linear-gradient(to bottom, #00E1F2, #21669D);
  --backgroundBotonOperacionRecargarHover: linear-gradient(to bottom, #21669D, #00E1F2);
  --backgroundBotonOperacionConsumos: linear-gradient(to bottom, #F9994F, #E85400);
  --backgroundBotonOperacionConsumosHover: linear-gradient(to bottom, #E85400, #F9994F);

  --backgroundDivContenido: #262948;
  --bordeDivContenido: solid 2px #CCC;
  --colorLetraDivContenido: #43B64F;
  --backgroundBotonPagar: linear-gradient(to bottom, #20975D, #79B44A);
  --colorLetraBotonPagar: #FFF;
  --backgroundBotonPagarHover: linear-gradient(to bottom, #79B44A, #20975D);
  --colorLetraBotonPagarHover: #FFF;
  --backgroundBotonCancelar: linear-gradient(to bottom, #E83B2B, #EE5B53);
  --colorLetraBotonCancelar: #FFF;
  --backgroundBotonCancelarHover: linear-gradient(to bottom, #EE5B53, #E83B2B);
  --colorLetraBotonCancelarHover: #FFF;
  --backgroundBotonInstrucciones: linear-gradient(to bottom, #FFD53C, #FF9613);
  --colorLetraBotonInstrucciones: #000;
  --backgroundBotonInstruccionesHover: linear-gradient(to bottom, #FF9613, #FFD53C);
  --colorLetraBotonInstruccionesHover: #000;

  --backgroundInicioFlechasSlider: #6EAC4B;
  --colorLetraInicioFlechasSlider: #FFF;
  --backgroundInicioFlechasSliderHover: #23975A;
  --colorLetraInicioFlechasSliderHover: #FFF;

  --backgroundInicioFormEncabezado: linear-gradient(to bottom, #23975A, #6EAC4B);
  --colorLetraInicioFormEncabezado: #FFF;
  --backgroundInicioFormContenido: #FFF;
  --colorLetraInicioFormContenido: #06031E;
  --backgroundInicioFormEtiquetas: rgb(0, 0, 0, 0.5);
  --colorLetraInicioFormEtiquetas: #FFF;

  --backgroundCodigoBarras: #FFF;

  --backgroundInicioBotonesRecargas: linear-gradient(to bottom, #23975A, #6EAC4B);
  --colorLetraInicioBotonesRecargas: #FFF;
  --backgroundInicioBotonesRecargasHover: linear-gradient(to bottom, #FFD53C, #FF9613);
  --colorLetraInicioBotonesRecargasHover: #000;
/*============================================================================================*/

/*POPUPS======================================================================================*/
  --backgroundPopupFondo: #FFF;
  --backgroundPopupHeader: #000;
  --colorLetraPopupHeader: #FFF;
  --backgroundPopupHeaderHover: #FFF;
  --colorLetraPopupHeaderHover: #000;
  --backgroundPopupBody: #CCC;
  --colorLetraPopupBody: #000;
  --backgroundPopupBtn: #23975A;
  --colorLetraPopupBtn: #000;
  --backgroundPopupBtnSecundario: #6EAC4B;
  --colorLetraPopupBtnSecundario: #000;
  --backgroundPopupBtnHover: #000;
  --colorLetraPopupBtnHover: #FFF;

  --backgroundBotonRecargar: linear-gradient(to bottom, #20975D, #79B44A);
  --colorLetraBotonRecargar: #FFF;
  --backgroundBotonRecargarHover: linear-gradient(to bottom, #79B44A, #20975D);
  --colorLetraBotonRecargarHover: #FFF;

  --colorLetraMostrarPassword: #FFF;
  --colorLetraMostrarPasswordHover: #23975A;
/*============================================================================================*/
}