:root {
    --bgColor: #f9f9f9;
    --bgDanger: #d9534f;
    --bgDangerHover: #d9534f;
    --bgDarkenColor: #eeeeee;
    --bgInfo: #5bc0de;
    --bgInfoHover: #5bc0de;
    --bgPrimary: #312783;
    --bgSuccess: #2ECC40;
    --bgSuccessHover: #2ECC40;
    --bgWarning: #FFA72D;
    --bgWarningHover: #f0ad4e;
    --defaultBorderColor: #cfcfd6;
    --defaultFontColor: #000;
    --fontActionSdColor: #777;
    --fontDanger: #FFF;
    --fontDangerHover: #FFF;
    --fontInfo: #FFF;
    --fontInfoHover: #FFF;
    --fontNavMenu: #777;
    --fontPrimary: #d0d0d0;
    --fontSuccess: #FFF;
    --fontSuccessHover: #FFF;
    --fontWarning: #000;
    --loginBackground: url('/uploads/themes/8733e18724fa351e7f4eb9bd9a2bb9eb9c/login_background_image.jpg?1721846393') #ffffff;
    --logo: url('/uploads/themes/8733e18724fa351e7f4eb9bd9a2bb9eb9c/webapp_logo.png?1721846393');
    --logo-url: http://www.sera-gpi.com/fr;
    --loginColorMain: #312783;
    --loginColorMainTextColor: #ffffff;
    --loginColorSecondary: #ffffff;
    --multiselectHoverLineBackgroundColor: #d0d0d0;
    --multiselectSelectedLineBackgroundColor: #312783;
    --multiselectSelectedLineTextColor: #ffffff;
    --paginateSelectedBackgroundColor: #312783;
    --paginateSelectedTextColor: #ffffff;
    --popinHeaderBackgroundColor: #312783;
    --popinHeaderTextColor: #ffffff;
    --slaStatusDanger: #d9534f;
    --slaStatusNone: #777777;
    --slaStatusSuccess: #2ECC40;
    --slaStatusWarning: #FFA72D;
    --spinnerDefaultColor: #cfcfd6;
    --spinnerLoadingColor: #312783;
    --webappBackgroundMainColor: #f9f9f9;
    --webappButtonBeamerFeedBackgroundColor: #312783;
    --webappButtonHoverBackgroundColor: #d0d0d0;
    --webappButtonHoverBorderColor: #d0d0d0;
    --webappButtonHoverTextColor: #000000;
    --webappButtonMainBackgroundColor: #312783;
    --webappButtonMainBorderColor: #312783;
    --webappButtonMainTextColor: #ffffff;
    --webappCiAcknowledgedColor: #dff2bf;
    --webappCiCriticalColor: #f4241d;
    --webappCiOkColor: #2ecc40;
    --webappCiUndeterminedColor: #5bc0de;
    --webappCiUnknownColor: #777777;
    --webappCiWarningColor: #ffa72d;
    --webappLineHoverBackgroundColor: #d0d0d0;
    --webappLineHoverTextColor: #000000;
    --webappMenuPrincipalBackgroundColor: #d0d0d0;
    --webappMenuPrincipalHoverTextColor: #312783;
    --webappMenuPrincipalSelectedBackgroundColor: #312783;
    --webappMenuPrincipalSelectedBackgroundColorBrigthned: #9994c2;
    --webappMenuPrincipalSelectedBackgroundColorDarkened: #191442;
    --webappMenuPrincipalSelectedTextColor: #ffffff;
    --webappMenuPrincipalTextColor: #312783;
    --webappMenuSecondaryBackgroundColor: #312783;
    --webappMenuSecondaryTextColor: #d0d0d0;
    --webappMenuSecondaryTextHoverColor: #d0d0d0;
    --webappSectionHeaderBackgroundColor: #d0d0d0;
    --webappSectionHeaderTextColor: #312783;
    --webappMenuSecondaryForegroundColor: #453c8f;
    --webappTreeSelectedCompanyBackgroundColor: #312783;
    --webappTreeSelectedCompanyTextColor: #ffffff;
    --webappTrendDownColor: #d9534f;
    --webappTrendStableColor: #5bc0de;
    --webappTrendUpColor: #2ecc40;
    --webappZoneBackgroundColor: #FFF;
    --webappZoneBorderColor: #d1d1d1;
    --menu-collapsed-width: 87px;
    --menu-expanded-width: 240px;
}