:root {
    /********************************************************************************
        Fondo del html class: body
        1.- Color de fondo del body
    ********************************************************************************/
    --color-body: #FFFFFF;

    
    /********************************************************************************
        Mensaje Cookies
        1.- Tamaño del logo
    ********************************************************************************/
   --cookies-fondo: #FFFFFF;
   --cookies-color: #000000;
   --cookies-tabla: #CCCCCC;
   --cookies-check: #000000;

    /********************************************************************************
        Tamaño de la imgaen de los Test
        1.- Tamaño del logo
    ********************************************************************************/
   --logo-nav:230px;


    /********************************************************************************
        Color de fondo informe completado
        1.- Color del texto primraio
    ********************************************************************************/
   --color-completado: #B6DE8F;

   
    /********************************************************************************
        Textos primarios class:html, label
        1.- Color del texto primraio
    ********************************************************************************/
    --color-primary: #000000;


    /********************************************************************************
        Textos secundarios class:text-secundary
        1.- Color del texto secundario
    ********************************************************************************/
    --color-secundary: #555753;


    /********************************************************************************
        Color de letra class: text-muted
        1.- Color del texto
    ********************************************************************************/
     --color-mute: #080808 !important;


    /********************************************************************************
        Color de letra class: blanco
        1.- Color del texto
    ********************************************************************************/
    --color-blanco: #F4F4F4;


    /********************************************************************************
        Color del icono list class: list-ticked
        1.- Color del icono
    ********************************************************************************/ 
     --color-lista: #000000;

 
    /********************************************************************************
        Color del texto de las calculadoras seccion resultados class: color-calculo
        1.- Color del texto
    ********************************************************************************/ 
     --color-calculo: #EC0000;

    /********************************************************************************
        Color del texto de las etiquetas h1 a h6
        1.- Color del texto
    ********************************************************************************/ 
    --color-h: #EC0000;

    /********************************************************************************
        Color del fondo y border mensaje error class: danger
        1.- Color de fondo
        2.- Color del texto
    ********************************************************************************/ 
    --danger-color: #EF2929;
    --danger-borde: #FF7979;

    /********************************************************************************
        Color del fondo y border mensaje exito class: done
        1.- Color de fondo
        2.- Color del texto
    ********************************************************************************/ 
    --done-color: #1ABC9C;
    --done-borde: #1F7D6A;

    /********************************************************************************
        Color del fondo de la calculadora HC resultados class: huella-mark-seccion
        1.- Color de fondo
        2.- Color del texto
    ********************************************************************************/ 
     --huella-mark-seccion-fondo: #000000;
     --huella-mark-seccion-color: #FFFFFF;


    /********************************************************************************
        Boton Primary class: caja_texto, caja_texto_disable, caja_texto_grande
        1.- Color de fondo
        2.- Color de fondo dibaled
        3.- Color del texto
        4.- Color del borde
    ********************************************************************************/
     --input-fondo: #F9F9F9;
     --input-fondo-disable: #ffffff;
     --input-color: #000000;
     --input-borde: 1px solid #D6D6D6;


    /********************************************************************************
        Boton Primary class: btn-primary
        1.- Color de fondo
        2.- Color del texto
        3.- Color del borde
        4.- Color hover
     ********************************************************************************/
    --btn-primary-bg: #EC0000;
    --btn-primary-color: #FFFFFF;
    --btn-primary-borde:#EC0000;;
    --btn-primary-color-hover: #EC0000;
    --btn-primary-hover: #FFFFFF;


   /********************************************************************************
        Boton Secundary class: btn-secundary
        1.- Color de fondo
        2.- Color del texto
        3.- Color del borde
        4.- Color hover
    ********************************************************************************/
    --btn-secundary-bg: #CCCCCC;
    --btn-secundary-color: #000000;
    --btn-secundary-borde: #CCCCCC;
    --btn-secundary-color-hover: #000000;
    --btn-secundary-hover: #B0B0B0;


    /********************************************************************************
        Boton link class: link-sub
        1.- Color activo
        2.- Color hover
    ********************************************************************************/
    --link-sub-color: #AD4E01;
    --link-sub-hover: #000000;


    /********************************************************************************
        Swicht Formularios class: switch-button
        1.- Color activo
        2.- Color del fondo
        3.- Color del circulo
        4.- Color del borde
    ********************************************************************************/
    --swicht-activo: #EC0000;
    --swicht-fondo: #e7e7e7;
    --swicht-button: #fdffff;
    --swicht-button-borde: #D6D6D6;


   /********************************************************************************
        Cabecera Principal
        1.- Color del texto
        2.- Color del fondo
        3.- Color del icono desplegable del Menu
    ********************************************************************************/
    --top-navbar-menu: #FFFFFF;
    --top-navbar-fondo: #EC0000;
    --menu-desplegable: #FFFFFF;


    /********************************************************************************
        Menu 2 Derecha
        1.- Color del fondo Empresa
        2.- Color del texto Empresa
        3.- Color Hover
    ********************************************************************************/
    --top-navbar-login-fondo: #000000;
    --top-navbar-login-color: #FFFFFF;
    --top-navbar-user: #E0F2F1;


    /********************************************************************************
        Icono User Menu Derecha
        1.- Color del icono
    ********************************************************************************/
    --icon-user: #FFFFFF;
    --icon-chat: #FFFFFF;
    
    /********************************************************************************
        Menu 1 Izquierda
        1.- Color del fondo del menu
        2.- Color hover del menu
        3.- Color de los iconos
        4.- Color del texto de los iconos desplegable
        5.- Color Hover textos iconos desplegable
    ********************************************************************************/
    --menu-principal-fondo: #FFFFFF;
    --menu-principal-hover:#EEEEEC;
    --menu-principal-icono: #000000;
    --menu-principal-label: #000000;
    --menu-principal-link:#EC0000;

    /********************************************************************************
        Barra de progreso class: progress-bar
        1.- Color de fondo pendiente
        2.- Color de fondo completado
    ********************************************************************************/
    --progress-bar-off:#EDEFF0;
    --progress-bar-on:#000000;


    /********************************************************************************
        Iconos mdi class: icono-servicio, icono-servicio-secundary
        1.- Color del icono grande
        2.- Color del icono pequeño
    ********************************************************************************/
    --icono-servicio: #000000;
    --icono-servicio-secundary: #000000;


    /********************************************************************************
        Header informacion class: info-header
        1.- Color del texto
        2.- Color del fondo
    ********************************************************************************/
    --info-header-color: #EC0000;
    --info-header-Fondo: #DFDFDF;


    /********************************************************************************
        Informacion Pasos class: cd-breadcrumb
        1.- Color del texto completado
        2.- Color del texto completado hover
        3.- Color linea baja actual
        4.- Color del texto no completado
    ********************************************************************************/
    --cd-breadcrumb-off:#000000;
    --cd-breadcrumb-on: #EC0000;
    --cd-breadcrumb-linea: #EC0000;
    --cd-breadcrumb-incompleto:#85a5bb;
}