:root {
    /* Styles used inside CSS files at this level: styles_local.css, styles_local_mobile.css, main.css, seguimiento.css, ... */

    --mainColor: #004254;
    --complementaryColor: #03657C;
    --highlightColor: #FBBB21;
    --whiteColor: white;
    --alternativeColor: #03657C;
    --alternativeColorDark: black;
    --colorGrisClaro: #e8e8e8;
    --colorGrisMedioClaro: #ddd;
    --colorGrisOscuro: #868689;
    --colorAzulClaro: rgb(130,178,190);
    --colorAzulMuyClaro: rgb(193,216,222);
    --colorVerde: green;
    --colorRojo: red;

    /*
    These are the variables that should be used in the project
    Every brand must implement the same variable names
    */
    --successColor: var(--colorVerde);
    --warningColor: var(--colorRojo);
    --bodyBackground: var(--whiteColor);
    --bodyColor: var(--mainColor);

    --iconHoverColor: var(--alternativeColorDark);
    --paginationLinkColor: var(--complementaryColor);
    --paginationLinkBackground: var(--whiteColor);
    --paginationLinkBorderColor: var(--colorGrisMedioClaro);
    --paginationLinkHoverColor: var(--mainColor);
    --paginationLinkHoverBackground: var(--colorGrisClaro);
    --paginationLinkHoverBorderColor: var(--colorGrisMedioClaro);
    --paginationLinkActiveColor: var(--whiteColor);
    --paginationLinkActiveBackground: var(--complementaryColor);
    --paginationLinkActiveBorderColor: var(--complementaryColor);
    --frontalTableHeaderBackground: var(--colorAzulMuyClaro);
    --frontalTableHeaderColor: var(--mainColor);
    --frontalTableFooterColor: var(--colorGrisOscuro);
    --frontalTableFooterHoverBackground: var(--colorAzulClaro);
    --frontalTableActionsBackground: var(--highlightColor);
    --frontalTableActionsColor: var(--mainColor);
    --frontalTableActionsHoverColor: var(--whiteColor);
    --frontalCompletedSurveyBackground: var(--highlightColor);
    --frontalExpiredSurveyBackground: var(--colorGrisClaro);
    --frontalUnavailableSurveyColor: var(--whiteColor);
    --surveyPageReasonBackground: var(--colorGrisClaro);
    --headingColor: var(--complementaryColor);
    --seguimientoNoteColor: rgb(100,110,120);
    --progressBackground: var(--whiteColor);
    --progressLabelColor: var(--mainColor);
    --progressBorderColor: var(--colorGrisClaro);
    --progressBarBackground: var(--highlightColor);
    --progressBarBackgroundSegment1: rgb(190,208,212);
    --progressBarBackgroundSegment2: rgb(193,216,222);
    --progressBarBackgroundSegment3: rgb(215,219,222);
    --emptyProgressColor: var(--colorRojo);
    --numResponsesBackground: var(--colorGrisClaro);
    --toExcelBackground: var(--colorGrisClaro);
    --toExcelHoverBorderColor: var(--highlightColor);
    --tableHeaderBackground: var(--complementaryColor);
    --tableHeaderColor: var(--whiteColor);
    --tableRowBackground: var(--colorGrisClaro);
    --tableRowColor: var(--mainColor);
}