:root {
	/*HAY QUE PONER LOS COLORES DIRECTAMENTE EN EL ASPX DE LA PANTALLA DescargasEstadisticas.aspx, EN EL COLOR PRINCIPAL DEL CanvasJS.addColorSet DE
	LA PANTALLA Estadistica.aspx Y EN LA CLASE AUXILIAR EnvioEmail.cs*/

    /*GENERAL*/
    --colorPrimary: #003937;
    --colorSecondary: #f4b924;
    --image-inicio: url('/App_Css/images/inicio/slider-inicio.png');
    /*TOPBAR*/
    --icon-topbar: var(--colorPrimary);
    --icon-logout-topbar: #7f7f7f;
    --icon-logout-topbar-hover: var(--colorPrimary);
    --topbar-background: var(--colorSecondary);
    --topbar-color: #7f7f7f;
    /*MENU*/
    --menu-background: transparent;
    --menu-color: #333333;
    --menu-hover: var(--colorPrimary);
    --menu-active: var(--colorPrimary);
    --dropdown-menu-color: #333333;
    --dropdown-menu-hover: var(--colorPrimary);
    --dropdown-menu-background: #fff;
    --dropdown-menu-border-top: var(--colorPrimary);
    --dropdown-menu-idioma-color: var(--colorPrimary);
    --dropdown-menu-idioma-hover: #fff;
    --dropdown-menu-idioma-background: #fff;
    --dropdown-menu-idioma-background-hover: var(--colorPrimary);
    --menu-responsive-color: #fff;
    --menu-responsive-color-hover: #fff;
    --menu-responsive-border-bottom: 1px solid #333333;
    --menu-responsive-background: #444;
    --menu-responsive-background-hover: var(--colorPrimary);
    --menu-responsive-active: var(--colorPrimary);
    /*IMAGEN INICIO*/
    --title-inicio: #fff;
    --subtitle-inicio: #fff;
    /*BODY*/
    --title-page-background: var(--colorPrimary);
    --text-body: #3C4858;
    --subtitle-page: #333;
    --subtitle-page-span: var(--colorPrimary);
    --text-secondary: #777;
    --link: var(--colorPrimary);
    --icon: var(--colorPrimary);
    --selection-background: var(--colorPrimary);
    --selection-color: #fff;
    /*FORMULARIOS*/
    --icon-form: #555;
    --title-label-form: var(--colorPrimary);
    --label-form: #aaa;
    --label-mandatory-form: #aaa;
    --symbol-mandatory-form: red;
    --label-warning-color: #fff;
    --label-warning-background: var(--colorPrimary);
    --label-validator-form: red;
    --border-bottom-form: linear-gradient(#003937, #003937), linear-gradient(#D2D2D2, #D2D2D2);
    /*BUTTONS*/
    --back-to-top: var(--colorPrimary);
    --back-to-top-hover: var(--colorSecondary);
    --btn-background: var(--colorPrimary);
    --btn-color: #fff;
    --btn-box-shadow: 0 2px 2px 0 rgba(0,57,55, 0.14), 0 3px 1px -2px rgba(28,108,108, 0.2), 0 1px 5px 0 rgba(28,108,108, 0.12);
    --btn-box-shadow-hover: 0 14px 26px -12px rgba(0,57,55, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0,57,55, 0.2);
    --btn-background-hover: var(--colorPrimary);
    --btn-secondary-color: #333;
    --btn-secondary-background: #999;
    --btn-secondary-color-hover: #fff;
    --btn-secondary-background-hover: #555;
    --btn-secondary-box-shadow: 0 2px 2px 0 rgba(153, 153, 153, 0.14), 0 3px 1px -2px rgba(153, 153, 153, 0.2), 0 1px 5px 0 rgba(153, 153, 153, 0.12);
    --btn-secondary-box-shadow-hover: 0 14px 26px -12px rgba(153, 153, 153, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(153, 153, 153, 0.2);
    --btn-descarga-estadistica: var(--colorSecondary);
    /*GRID*/
    --grid-th-color: #fff;
    --grid-th-background: var(--colorPrimary);
    --grid-table-border: #333;
    --grid-denuncia-icon-color: #003937;
    --grid-seguimiento-icon-color: var(--colorPrimary);
    /*PANEL TITULOS*/
    --panel-titulo-icon-color: #7f7f7f;
    --panel-titulo-icon-background: rgba(255,255,255,0.2);
    --panel-titulo-color: #7f7f7f;
    --panel-titulo-background: var(--colorSecondary);
    --panel-titulo-estadistica-background: var(--colorPrimary);
    /*ESTADISTICAS*/
    --resumen-estadistica-background: #f3f3f3;
    /*FAQ*/
    --faq-h4-color: #3C4858;
    --faq-h4-background: #fafafa;
    --faq-h4-active-color: #fff;
    --faq-h4-active-background: var(--colorPrimary);
    /*EMAILS*/
    --email-background: #f0f2ea;
    --email-color: #333;
    --email-link: var(--colorPrimary);
    /*ZEBRADIALOG*/
    --zebradialog-color: #fff;
    --zebradialog-background: var(--colorPrimary);
    /*CALENDAR*/
    --dateActive-background: var(--colorPrimary);
    /*FOOTER*/
    --footer-background: var(--colorSecondary);
    --footer-color: #7f7f7f;
    --footer-color-hover: var(--colorPrimary);
    --footer-separator: #bbbbbb;
}