/*@import url('light-theme-variables.css');*/
:root {
    /***********Base variables***********/
    --base-color: #2c99f0;
    --base-light-color: #e5f4fd;
    --base-lighter-color: #e7f3fd;
    --base-lightest-color: #f7fcff;
    --base-darker-color: #296598;
    --catskill_white: #E1E8F0;
    --bdr_primary_color: var(--catskill_white);
    --progress-bar-gradient: #0c89ec;
    --tangoora-color: #121f29;
    --left-nav-bg: var(--tangoora-color);
    --menu-item-color: #949696;
    --sub-menu-item-color: #afafaf;
    --quick-add-bg: rgba(236,236,236,0.03);
    --quick-add-fill: rgba(236,236,236,0.4);
    --selected-menu-item-bg: rgba(255,255,255,0.25);
    --waiting-color: #2096f3;
    --disabled-button-bg: rgba(44,153,240,0.5);
    --base-filter: invert(49%) sepia(76%) saturate(2161%) hue-rotate(183deg) brightness(99%) contrast(90%);
    --report-search-hover: #F1F4F9;
    --bg-color-grey: #F1F4F9;
    --icon-color-1: #465568;
    /**************Shared Variables************/
    --shadow-color: #f0f0f0;
    --shadow-color-2: #e1e1e1;
    --white-color: #FFFFFF;
    --white-smoke: #F5F5F5;
    --white-color-text: var(--white-color);
    --white-smoke-text: var(--white-smoke);
    --black-color: #000000;
    --black-color-text: var(--black-color);
    --gray-20: #333333;
    --mid-grey: #6a6e73;
    --light-grey: #c3c5c7;
    --charcoal-grey: #4c4c4c;
    --grey: #808080;
    --dark-grey: #a5a8ac;
    --icon-color: var(--dark-grey);
    --zircon: #eff0f1;
    --alabaster-color: #f9f9f9;
    /* Background color */
    --solitude-bg-color: #f4f5f6;
    /* Border color */
    --link-water: #D3DAE1;
    --border-color: var(--link-water);
    /* Disabled icon/text Color */
    --gainsbora: #dddddd;
    --disabled-text-color: var(--gainsbora);
    --silver-chalice: #aaa;
    --disabled-text-color-v2: var(--silver-chalice);
    --disabled-icon-color: #9baaba;
    /*******Color variables as per name*****/
    --pink-color: #e91e63;
    --red-color: #FF0000;
    --blue-color: #2c99f0;
    --green-color: #4CAF50;
    --orange-color: #FC8719;
    /********Unused variables********/
    --aqua-haze: #daded3;
    --light-orange: #FF9800;
    --alice-blue: #f7fcff;
    /*******************************/
    /*********************For v2 component like checkbox************************/
    --error_color: #DC2625;
    --error_color_dark: #B81C1D;
    --success_green_color: #166535;
    /**************************************/
    /*************Checkbox Colors**********/
    /**************************************/
    --chb_focus_border: #38BDF8;
    --chb_box_shadow: 0px 0px 0px 2px rgba(56, 189, 248, 0.24);
    --chb_base_color: #399DEB;
    --chb_icon_color: #FFF;
    /*checkbox*/
    --chb_bdr_color: #CBD5E1;
    --chb_bdr_hover_color: #94A3B8;
    --chb_active_bg: #E1E8F0;
    --chb_error_bg: #FDF1F1;
    --chb_error_color: #FFF;
    --chb_disabled_bg: #F1F4F9;
    --chb_disabled_color: #D87706;
    --chb_indeterminate_chkd_color: #FABF39;
    --chb_chkd_hover_bg: linear-gradient(0deg, rgba(255, 255, 255, 0.24), rgba(255, 255, 255, 0.24)), var(--chb_base_color);
    --chb_chkd_active_bg: linear-gradient(0deg, rgba(0, 0, 0, 0.16), rgba(0, 0, 0, 0.16)), var(--chb_base_color);
    --chb_chkd_disabled_bg: linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16)), var(--chb_base_color);
    /**************************************/
    /**************Toggle Component Colors************/
    /**************************************/
    --toggle_bg: #94A3B8;
    --toggle_icon_bg: #FFF;
    --toggle_bdr_color: #399DEB;
    --toggle_checked_hover: linear-gradient(0deg, rgba(255, 255, 255, 0.24), rgba(255, 255, 255, 0.24)), #399DEB;
    --toggle_checked_focus_box_shadow: 0px 0px 0px 2px rgba(56, 189, 248, 0.24);
    --toggle_checked_active_bg: linear-gradient(0deg, rgba(0, 0, 0, 0.24), rgba(0, 0, 0, 0.24)), #399DEB;
    --toggle_checked_disabled_bg: #CBD5E1;
    --toggle_checked_circle_disabled_bg: #FFF;
    --toggle_unchecked_hover: #94A3B8;
    --toggle_unchecked_focus_box_shadow: 0px 0px 0px 2px rgba(56, 189, 248, 0.24);
    --toggle_unchecked_active_bg: #94A3B8;
    --toggle_unchecked_disabled_bg: #CBD5E1;
    --toggle_unchecked_circle_disabled_bg: #F1F4F9;
    /**************************************/
    /*********Column Selector Reports*********/
    /**************************************/
    --report_column_row_hover_bg: var(--base-lightest-color);
    --report_column_row_hover_box_shadow: 0px 1px 3px rgba(16, 24, 40, 0.1), 0px 1px 2px rgba(16, 24, 40, 0.06);
    --report_column_removed_row_bg: var(--base-lighter-color);
    --report_column_icon_color: #D2DAE0;
    --report_column_icon_hover_color: #898A8C;
    /**************************************/
    /*********Status Dropdown*********/
    /**************************************/
    --status_dd_border: #E1E8F0;
    --status_dd_item_bg: #FFF;
    --status_dd_item_hover_bg: #f5f5f5;
    --status_filter_dd_bg: #FFF;
    --status_filter_dd_header_bg: #F4F5F6;
    --status_filter_dd_header_border: #E1E8F0;
    --status_dd_cancel_color_code: #344056;
    /**************************************/
    /*********Notes widget Dashboard*********/
    /**************************************/
    --note_item_color: #4c4c4c;
    /**************************************/
    /*********Notes widget ProjectSnapshot*********/
    /**************************************/
    --snapshot_note_item_color: #1E293B;
    /**************************************/
    /***************Filters ***************/
    /**************************************/
    --filter_dd_item_color: #6a6e73;
    --filter_delete_icon_hover_color: #000;
    --filter_error_label_color: #B81C1D;
    /**************************************/
    /*********Notification Panel*********/
    /**************************************/
    --notification_panel_bg: #FEFBEA;
    --notification_panel_border-color: var(--border-color);
    --notification_icon_warning_and_bdr_color: #FBBF23;
    --notification_close_icon_color: #1E293B;
    --notification_close_icon_hover_color: #000;
    /**************************************/
    /****************Dialogs***************/
    /**************************************/
    --new_dialog_cross_color: #94A3B8;
    /**************************************/
    /************SVG Colors************/
    /**************************************/
    --main-svg-color: #000;
    /**************************************/
    /***************Drawer***************/
    /**************************************/
    --body_bg: #FFF;
    --drawer_container_bg: rgba(16, 23, 41, 0.4);
    --drawer_innercontainer_bg: #F9FAFC;
    --drawer_piechart_bdr_bg: #D4DAE0;
    --drawer_piechart_bg: #ffffff;
    /**************************************/
    /*Plain Secondary 2*/
    --btn_plain_sec2_color: #465568;
    --btn_plain_sec2_hover_bg: #F1F4F9;
    --btn_plain_sec2_bg_active: #E0F2FE;
    --btn_plain_sec2_active_focus_border: #0384C6;
    /**************************************/
    /*************Text Colors*************/
    /**************************************/
    --text_color_dark: #1E293B;
    --text_color_light: #64748B;
    --text_color_lighter: #64748B;
    --text_color_4: #465568;
    --text_color_5: #CBD5E1;
    --text_color_6: #FFFFFF;
    --text_color_7: #4E4E4E;
    --text_color_8: #465568;
    --text_color_9: #333333;
    /**************************************/
    /*********Tooltip Hover Variables*********/
    /**************************************/
    --hover_tooltip_bg: #1E293B;
    --hover_tooltip_color: #FFF;
    /**************************************/
    /*************Breadcrumbs**************/
    /**************************************/
    --bc_color: #465568;
    --bc_link_color: #026AA1;
    /**************************************/
    /*************Border Colors***********/
    /**************************************/
    --primary_bdr: #CBD5E1;
    /**************************************/
    /*********Detail Page Variables*********/
    /**************************************/
    --new_help_icon_color: #94A3B8;
    /**************************************/
    /*****************Buttons**************/
    /**************************************/
    --btn_focus_border: #38BDF8;
    --btn_focus_box_shadow: 0px 0px 0px 2px rgba(56, 189, 248, 0.24);
    /*Solid Primary*/
    --btn_solid_primary_bg: #2c99f0;
    --btn_solid_primary_color: #FFF;
    --btn_solid_primary_bg_hover: #296598;
    --btn_solid_primary_bg_active: #296598;
    --btn_solid_primary_disabled_color: rgba(3, 132, 198, 0.4);
    /*Solid Primary Loading Button*/
    --btn_type_solid_loading_primary_bg: #E0F2FE;
    /*Solid Secondary*/
    --btn_solid_sec_bg: #F1F4F9;
    --btn_solid_sec_bg_hover: #F9FAFC;
    --btn_solid_sec_bg_active: #E1E8F0;
    --btn_solid_sec_disabled_color: #94A3B8;
    /*Solid Alert*/
    --btn_solid_alert_bg: #DC2625;
    --btn_solid_alert_bg_hover: #EE4444;
    --btn_solid_alert_bg_active: #B81C1D;
    --btn_solid_alert_disabled_color: #FECBCA;
    --btn_solid_alert_disabled_bg: #F77170;
    --btn_solid_alert_color: #FFF;
    /*Outline Primary*/
    --btn_outline_primary_border: #2c99f0;
    --btn_outline_primary_color: #2c99f0;
    --btn_outline_primary_border_and_color_hover: #296598;
    --btn_outline_primary_border_and_color_active: #296598;
    /*Outline Secondary*/
    --btn_outline_sec_border: #CBD5E1;
    --btn_outline_sec_border_hover: #94A3B8;
    --btn_outline_sec_bg_active: #F1F4F9;
    --btn_outline_sec_disabled_color: #94A3B8;
    /*Outline Alert*/
    --btn_outline_alert_border_and_color: #DC2625;
    --btn_outline_alert_border_and_color_hover: #F77170;
    /*Plain Secondary*/
    --btn_plain_sec_bg_active: #E1E8F0;
    --btn_plain_sec_disabled_color: #94A3B8;
    /***********/
    --btn_plain_sec_color: #1E293B;
    --btn_plain_sec_hover_bg: #E1E8F0;
    /*Plain Secondary 2*/
    --btn_plain_sec2_color: #465568;
    --btn_plain_sec2_hover_bg: #F1F4F9;
    --btn_plain_sec2_bg_active: #E0F2FE;
    --btn_plain_sec2_active_focus_border: #0384C6;
    /***********/
    --btn_subscribe_bg: #FFEDD5;
    --btn_subscribe_color: #F97216;
    --btn_subscribe_hover_bg: #FED8AB;
    --btn_subscribe_hover_color: #EA580B;
    /***********/
    --btn_outline_disabled: #dddddd;
    /**************************************/
    /*************Time Card**************/
    /**************************************/
    --selected_row_and_cell_bdr_color: #38BDF8;
    --selected_row_and_cell_shadow_color: rgba(56, 189, 248, 0.24);
    --tc_filter_hover_bg: #E1E8F0;
    --active_tc_filter_bdr_color: #0384C6;
    --active_tc_filter_bg: #E0F2FE;
    --active_tc_filter_icon_color: #0384C6;
    --tc_cell_hover_bg: #F0F9FF;
    --tc_cell_focus_bg: #FFFFFF;
    --tc_non_editable_cell_bg: #F1F4F9;
    --tc_non_editable_cell_hover_bg: #E1E8F0;
    --tc_non_editable_cell_focus_bg: #F1F4F9;
    --toolbar_icon_color: #465568;
    --toolbar_icon_color_hover: #1E293B;
    --toolbar_icon_color_focus: #0384C6;
    --toolbar_icon_bg_hover: #E1E8F0;
    --toolbar_icon_bg_focus: #E0F2FE;
    --toolbar_icon_bdr_focus: #0384C6;
    /*********************/
    --tc_non_editable_entry_memo_bg: #F1F4F9;
    --tc_non_editable_entry_memo_txt_color: #1E293B;
    --tc_non_editable_entry_chb_lbl_color: #1E293B;
    --tc_non_editable_entry_chb_bg: #CBD5E1;
    --tc_non_editable_entry_chb_color: #F1F4F9;
    --tc_non_editable_entry_chb_bdr_color: #CBD5E1;
    /*********************/
    --tc_tag_submitted_bg: #F1F4F9;
    --tc_tag_submitted_color: #344056;
    --tc_tag_approved_bg: #DCFCE7;
    --tc_tag_approved_color: #157F3D;
    --tc_tag_rejected_bg: #FEE2E1;
    --tc_tag_rejected_color: #B81C1D;
    --tc_tag_forwarded_bg: #EDE9FF;
    --tc_tag_forwarded_color: #6D28D9;
    --tc_tag_billed_bg: #E0F2FE;
    --tc_tag_billed_color: #026AA1;
    --tc_tag_locked_bg: #F1F4F9;
    --tc_tag_locked_color: #1E293B;
    /*********************/
    --tc_workflow_status_submitted_icon_color: #344056;
    --tc_workflow_status_approved_icon_color: #157F3D;
    --tc_workflow_status_rejected_icon_color: #B81C1D;
    --tc_workflow_status_forwarded_icon_color: #6D28D9;
    --tc_workflow_status_billed_icon_color: #026AA1;
    --tc_workflow_status_locked_icon_color: #1E293B;
    /*********************/
    --tc_copy_memo_bg_hover: #E1E8F0;
    /*********************/
    --tc_memo_icon_color: #465568;
    --tc_memo_icon_hover_color: #344056;
    /* Label click color */
    --label-click-color: var(--base-color);
    /**************************************/
    /*****************2FA****************/
    /**************************************/
    --twoFA_auth_method_bg: #F1F4F9;
    --twoFA_warning_color: #D87706;
    --twoFA_success_color: #17A34A;
    --twoFA_error_color: #DC2625;
}