:root{
//    --bg_white: #ffffff;
//    --bg_black: #000000;
//    --bg_grey: #dddddd;
//    --bg_grey_white: #f5f5f9;
//    --dark_bg_grey: #c9ccd6;
//    --bg_color: #f8f8fb;
//    --light_bg_color: #f8f9fa;
//    --nav_bar_color: #17252A;
//    --nav_font_color: #ffffff;
//    --primary_accent: #3AAFA9;
//    --primary_hover: #2B7A78;
//    --primary_btn_hover: #2B7A78;
//    --primary_btn_hover_border: #1d5c5a;
//    --dark_primary_accent: #2B7A78;
//    --darker_primary_accent: #1d5c5a;
//    --light_primary_accent: #54c7c1;
//    --lighter_primary_accent: #DEF2F1;
//    --secondary_accent: #334332;
//    --secondary_color: #495057;
    --secondary_btn: #74788d;
    --secondary_btn_hover: #636678;
    --secondary_btn_hover_border: #5d6071;
   --dark_secondary_btn_hover_border: #575a6a;
//    --light_secondary_btn: #dee2e6;
//    --custom_green: #34c38f;
//    --success-color: #1f7556;
//    --dark_success-color: #c2eddd;
//    --success-bg-color: #d6f3e9;
//    --light_custom_green: #7BA94F;
//    --custom_red: #f46a6a;
//    --custom_red_hover: #cf5a5a;
//    --custom_red_hover_border: #c35555;
//    --dark_custom_red_hover_border: #b75050;
//    --danger-bg-color: #fde1e1;
//    --danger-color: #924040;
//    --dark_danger-color: #fcd2d2;
//    --custom_rose: #b9408d;
//    --bg_blue: #50a5f1;
//    --bg_blue_hover: #448ccd;
//    --dark_bg_blue_hover: #4084c1;
//    --info_color: #50a5f1;
//    --info-color: #306391;
//    --info-bg-color: #dcedfc;
//    --dark_info-color: #c2eddd;
//    --warning-bg-color: #fcf0db;
//    --warning-color: #916c2e;
   --bg_yellow: #f1b44c;
//    --bg_yellow_hover: #cd9941;
//    --dark_bg_yellow_hover: #c1903d;
//    --dark_warning-color: #fbe9c9;
}
//
//$primary_accent: var(--primary_accent) !default;
//$secondary_accent: var(--secondary_accent) !default;
//$bg_white: var(--bg_white) !default;
//$bg_black: var(--bg_black) !default;
//$bg_grey_white: var(--bg_grey_white) !default;
//$bg_grey: var(--bg_grey) !default;
//$nav_font_color: var(--nav_font_color) !default;
//$primary_hover: var(--primary_hover) !default;
//$bg_color: var(--bg_color) !default;
//$custom_red: var(--custom_red) !default;
//$custom_red_hover: var(--custom_red_hover) !default;
//$custom_red_hover_border: var(--custom_red_hover_border) !default;
//$custom_green: var(--custom_green) !default;
//$custom_rose: var(--custom_rose) !default;
//$secondary_color: var(--secondary_color) !default;
//$info_color: var(--info_color) !default;
//$bg_blue: var(--bg_blue) !default;
//$bg_blue_hover: var(--bg_blue_hover) !default;
$bg_yellow: var(--bg_yellow) !default;
//$bg_yellow_hover: var(--bg_yellow_hover) !default;
//$primary_btn_hover: var(--primary_btn_hover) !default;
//$primary_btn_hover_border: var(--primary_btn_hover_border) !default;
$secondary_btn: var(--secondary_btn) !default;
//$secondary_btn_hover: var(--secondary_btn_hover) !default;
//$secondary_btn_hover_border: var(--secondary_btn_hover_border) !default;
//$success-color: var(--success-color) !default;
//$success-bg-color: var(--success-bg-color) !default;
//$info-color: var(--info-color) !default;
//$info-bg-color: var(--info-bg-color) !default;
//$danger-bg-color: var(--danger-bg-color) !default;
//$danger-color: var(--danger-color) !default;
//$warning-bg-color: var(--warning-bg-color) !default;
//$warning-color: var(--warning-color) !default;
$dark_secondary_btn_hover_border: var(--dark_secondary_btn_hover_border) !default;
//$dark_bg_blue_hover: var(--dark_bg_blue_hover) !default;
//$dark_custom_red_hover_border: var(--dark_custom_red_hover_border) !default;
//$dark_bg_yellow_hover: var(--dark_bg_yellow_hover) !default;
//$dark_bg_grey: var(--dark_bg_grey) !default;
//$dark_warning-color: var(--dark_warning-color) !default;
//$dark_danger-color: var(--dark_danger-color) !default;
//$dark_success-color: var(--dark_success-color) !default;
//$dark_info-color: var(--dark_info-color) !default;
//$darker_primary_accent: var(--darker_primary_accent) !default;
//$dark_primary_accent: var(--dark_primary_accent) !default;
//$light_bg_color: var(--light_bg_color) !default;
//$light_secondary_btn: var(--light_secondary_btn) !default;
//$light_primary_accent: var(--light_primary_accent) !default;
//$lighter_primary_accent: var(--lighter_primary_accent) !default;
//$light_custom_green: var(--light_custom_green) !default;
//$nav_bar_color: var(--nav_bar_color) !default;



:root{
    --bg_white: #ffffff;
    --bg_black: #000000;

	--brand-1: #262a31;
	--sub-color-i: #2f353d;
	--sub-color-i-2:#3b3d43;
	--sub-color-i-3:#3f454f;
	--text-color-1:#707277;
	--border-color:#e7e9ed;
	--main-bg:#f9f9f9;
	--white-color:#ffff;

    --button-bg:#5279be;
    --tr-button-bg:#e6ecfc;

	--sub-color: #F5F5F5;
	--text-color: #626262;
	--sub-color-1: #dc3545;
	--sub-color-2: #2250fc;
	--sub-color-3: #c52132;
	--white-color: #ffffff;
	--black-color: #2e2b2b;

	--p-color: #484848;

	--border-color2: #eeecec;
	--border-color: #dad6d6;
	--button-bg-dark: #3b588a;
	--button-bg-darker: #2b4269;
}

$bg_white: var(--bg_white) !default;
$bg_black: var(--bg_black) !default;

$primary_accent: var(--button-bg) !default;
$dark_primary_accent: var(--button-bg-dark) !default;
$darker_primary_accent: var(--button-bg-darker) !default;