:root {
    --commonTextColor: #545c5e;
    --mainBackgroundColor: #e2e2e2;
    --mainColor: #1b2931;
    --mainColorLighter: #475562;
    --mainColorLightest: #5e737e;
    --navPillsColor: #255480;
    --cardsBackgroundColorDarker: #fff;
    --cardsBackgroundColorLighter: #fff;
    --importantColorForDarkTheme: #152036;
    --importantFontColorDarkTheme: #6C7293;
    --importantFontTitleColorDarkTheme: #9da9bb;
    --importantCardColorDarkTheme: #1b2a47;
    --importantGreenColorDarkTheme: #24caa1;
    --importantBlueColorDarkTheme: #2eb7f3;
    --importantPurpleColorDarkTheme: #805bbe;
    --ic-calendar-bordas: #cee2f2;
    --ic-primary: #727cf5;
    --ic-primary-rgb: 108,117,125;
    --ic-primary-bg-subtle: #f1f2fe;
    --ic-success: #28a745;
    --ic-success-rgb: 10,207,151;
    --ic-success-bg-subtle: #e7faf5;
    --ic-info: #39afd1;
    --ic-info-rgb: 57, 175, 209;
    --ic-info-bg-subtle: #ebf7fa;
    --ic-warning: #ffc35a;
    --ic-warning-rgb: 255,195,90;
    --ic-warning-bg-subtle: #fff9ef;
    --ic-main-purple: #727CF5;
    --ic-danger: #eb4b4b;
    --ic-danger-bg-subtle: #ffeff2;
    --ic-secondary-color: --commonTextColor;
    --ic-white: #fff;
    --ic-lightGreen: #28a745;
    --ic-gray: #6e8192;
    --font-12: 12px !important;
    --font-13: 13px !important;
    --font-14: 14px !important;
    --ic-brd-rad-sm: 0.25rem;
}

body {
    visibility: hidden; /*this visibility is toggled back when setThemeColor is finish*/
}

/*Overrid css of bootstrap 5 to consistency in the theme*/
/*.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background-color: var(--navPillsColor) !important;
}*/