:root {
    --black: #000;
    --blackTint1: #2E2E2E;

    --greenColor: #00B448;
    --white: #fff;
    --whiteTint1: #F9F8F8;
    --whiteTint2: #FAFAFA;
    --whiteTint3: #F3F3F3;
    --whiteTint4: #FCFCFC;
    --whiteTint5: #f1f1f1;
    --backgroundColor: #F4F4F5;
    --primaryColor: #4B2472;
    /* old color ==#4BC4CF*/

    --primarydark: #18181B;
    --primarydarkTint: #1F2937;


    --primaryblue: #4BC4CF;
    --primarylightBlue: #F3FEFF;
    --primaryLightBlueTint1: #D8FCFF;
    --primaryblueTint0: #28b8d8;
    --primaryblueTint1: #556987;
    --primaryblueTint2: #2F9BFF;
    --primaryblueTint3: #EEF7FF;

    --blueDark: #201DB0;

    --secondaryColor: #4B2472;
    --secondaryTint0: #A56ECB;
    --secondaryTint1: #f8f3fb;
    --secondaryTint2: #F9F0FF;
    --secondaryLight: #EED6FC;

    --lightGrey: #DFDBDB;
    --grey: #1f1c26;
    --greyTint1: #DCDCDC;
    --greyTint2: #949494;
    --greyTint3: #7A7A7A;
    --greyTint4: #F3F1F1;
    --greyTint5: #E9E9E9;
    --greyTint6: #EFECEC;

    --red: #D80027;
    --redTint1: #FFD6D6;
    --redTint2: #F0706F;
    --redTint3: #FFEEEE;

    --green: #28883D;
    --greenTint0: #28B759;
    --greenTint1: #12841D;

    /* --primaryTextColor: #2E2E2E; */
    /* New color */
    --primaryTextColor: #09090B;
    --secondaryTextColor: #71717A;

    --middleBackgroundColor: #fafafa;
    --primaryColorBtn: #4b2472;
    /*old color = #4BC4CF*/
    --primaryTextColorBtn: #ffffff;
    --primaryHoverColorBtn: #381B56;
    --primaryTextHoverColorBtn: #ffffff;
    --dangerColorBtn: #FF5F5F;
    --dangerTextColorBtn: #ffffff;
    --dangerHoverColorBtn: #F74745;
    --dangerTextHoverColorBtn: #ffffff;
    --primaryColorBtnRgb: 75, 196, 207;
    /* Static */
    --dangerColorBtnRgb: 216, 0, 39;
    /* Static */

    /* Table color */
    --tableHeaderColor: #4B2472;
    --tableHeaderTextColor: #ffffff;
    --tableSubHeaderColor: #F9F0FF;
    --tableSubHeaderTextColor: #09090B;
    --tableBodyColor: #FFFFFF;
    --tableBodyTextColor: #09090B;
    --tableSecondaryBodyColor: #F4F4F5;
    --tableSecondaryBodyTextColor: #09090B;
    --tableFooterColor: #4B2472;
    --tableFooterTextColor: #ffffff;

    /* Switch Color */
    --switchBgColor: #F9F0FF;
    --switchSelectedBgColor: #ffffff;
    --switchTextColor: #09090B;
    --switchSelectedTextColor: #4B2472;

    /* Icon color */
    --iconDefaultColor: #A1A1AA;
    --iconDisableColor: #D4D4D8;
    --iconActiveColor: #4B2472;
    --iconHoverColor: #4B2472;

    --primaryColorSideMenu: #71717A;
    --selectedColorSideMenu: #895FA7;
    --selectedBgColorSideMenu: #ede2f5;
    --primaryColorTopBar: #2E2E2E;
    --iconsColorTopBar: #949494;
    --profilePicBorderColor: #4BC4CF;

    --tooltipBgColor: #4B2472;
    --tooltipTextColor: #ffffff;

    --bgColorSideMenu: #fff;
    --bgColorTopBar: #F4F4F5;
    --pageBgColorLogin: #F4F4F5;
    --imageBgColorLogin: #4B2472;

    --primaryButtonDisableColor: #D4D4D8;

    --stokeColor: #F4F4F5;
    --disableColor: #D4D4D8;
    --darkStokeColor: #3F3F46;

    /* New color css start */

    --MainBG: #F4F4F5;
    --TopNav: #52525B;
    --TopNavDarkborder: #3F3F46;
    --LightBlack: #09090B;
    --LightDrarkBlack: #747476;
    --DarkCardBg: #18181B;
    --Themecolor: #4B2472;
    --DarkThemecolor: #9D7BB7;
    --ThemeBoldcolor: #4B2472;
    --NavTab: #B8A1CC;
    --Bordercolor: #D4D4D8;
    --BorderLightcolor: #E4E4E7;
    --BorderDarkcolor: #27272A;
    --BgLightColor: #F4F4F5;
    --GrayLight: #A1A1AA;
    --Darkplaceholder: #D1D1D1;
    --ThemelightDark: #381B56;
    --ThemesecText: #6E3F92;
    --NavInactiveLink: #747476;
    --NavActiveIcon: #D7D1DD;
    --SeconderyDark: #895FA7;


    /* new button css */
    --LightButtonColor: #4B2472;
    --ButtonHoverColor: #381B56;
    --DarkButtonColor: #9D7BB7;
    --DarkButtonBorder: #3F3F46;
    --DarkBorderbtn: #895FA7;
    --Deletebtn: #FF5F5F;
    --DeletebtnHover: #F74745;
    --DarkdeleteBtn: #E53D3F;
    --DarkdeleteHoverBtn: #C82C2B;


    /* new font css */
    --InActivefont: #71717A;
    --Activefont: #09090B;
    --white: #fff;
    
}
