:root {
    --blue: #1e90ff;
    --white: #ffffff;
    --theme_bread_crums : #6482AD;
    --theme_color_nav_side_bar: #0f2d59;

    --theme_add_update_title_bar_bg : #0f2d59; /*use this in manage page users / add employee/ update employee card bg*/
    --theme_card_body_color_bg:#fafaff; /*use this in manage page users / add employee/ update employee card bg*/
    --theme_card_box_shadow:#9c9c9c; /* use this to give the shadow color in al the cards */
    --theme_grid_button_bg:rgba(0,0,0,0);
    
    --theme_data_table_ui:#c4e0ff;

    --error_message_color:red;
    --field_important_color:red;

    --text_color_dark:black;
    --text_color_light:white;
    
    --auth_pages_theme_color: #0f2d59;
    --login_card_body_color:#fafaff;
    
    --input_box_icon_color:#8dc6ff; /*add employee password input icon toggle button*/

    --box_shadow_color_auth:#9c9c9c; /* Use this box-shadow color everywhere */

    --theme_bg_gradient_background_color:rgb(243,246,255);
    --theme_bg_gradient_start_color:rgba(243,246,255,1);
    --theme_bg_gradient_end_color:rgba(224,236,255,1);


    --tooltip_popup_bg_color:#555; /*MANAGE PAGE TOOLTIP POP BG COLOR*/

    --button_bg : #B7B7B7

  }