:root {
    --primaryColor: #010031;
    --primaryColor70: #010031B3;
    --secondaryColor: #FC6C54;
    --secondaryColor70: #FC6C54B3;
    --sidebarNavColor: var(--primaryColor);
    --sidebarHeaderColor: #000000;
    --focusedNavColor: var(--secondaryColor);
    --topBarButtonBackgroundColor: var(--primaryColor);
    --topBarButtonBackgroundHoverColor: var(--primaryColor70);
    --topBarButtonColor: #FFFFFF;

    --bodyBackgroundColor: #F1F5F5;

    --pageTitleColor: var(--primaryColor);
    --subTitleColor: #666666;

    --hoverColor: #F7F7F7;

    --buttonBackgroundColor: transparent;
    --buttonTextColor: var(--primaryColor);
    --buttonHoverBackgroundColor: var(--primaryColor70);
    --buttonHoverTextColor: #FFFFFF;
    --buttonBorderColor: var(--primaryColor);

    --selectedBackgroundColor: var(--primaryColor);
    --selectedTextColor: #FFFFFF;

    --iconColor: #5C5E68;

    --loginBackgroundColor: #FFFFFF;
    --loginButtonBackgroundColor: var(--primaryColor);
    --loginButtonHoverColor: var(--primaryColor70);
    --loginButtonColor: #FFFFFF;
    --loginWelcomeColor: var(--primaryColor);
    --loginCopyrightColor: #B1B1B1;

    --loginLogoWidth: 250px;
    --loginLogoWidthSmall: 200px;
    --topbarLogoHeight: 60px;

    --primaryDarkColor: #2BBBB5;

    /*"SeriesColors": ["#EC914D", "#787877", "#2C3C7E", "#6FA491", "#F6BA90", "#ABABAC", "#00A9E0", "#A1DA8E", "#EC914D", "#787877"],
      "SeriesColorsDark": ["#4791FF", "#FF2366", "#FFD950", "#02BC77", "#0E2EFB", "#F8A52D", "#23D2FF", "#AC94FF", "#BC02BC", "#046886"]*/
}