:root {
    /* Blue Color */
    --teams_blue_dark: #313482;
    --blue: #007CC0;
    --aqua_blue: #5BC0DE;
    --solid_blue: #071930;
    --collabe_blue: #1199EE;
    --milky_blue: #428BCA;
    --dark_blue: #1405B3;
    --fbnearblue: #3071A9;
    --customcbxblue: #3B99FC;
    --light_blue: #ADD8E6;
    --purple_blue: #563D7C;
    --mid_dark_blue: #8091ED;
    --html_editor_aqua_blue: #51D2FF;
    --html_editor_twitter_blue: #0081C2;
    --html_editor_octadic_blue: #0077B3;
    --html_editor_aqua_twitter_blue: rgb(0, 176, 245);
    /* Teal Color */
    --teal: #008080;
    /* Gray Color */
    --gray: #808080;
    --dark_gray: #222222;
    --darker_gray: #333333;
    --less_darker_gray: #666666;
    --mid_gray: #A9A9A9;
    --metal_gray: #737373;
    --lighter_gray: #DDDDDD;
    --light_gray: #DCDCDC;
    --light_slat_gray: #E4E4E4;
    --jumbotron_gray: #EEEEEE;
    --jumbotron_darken_gray: #E4E4E4;
    --footer_plus_gray: #FFFFFF;
    --lightest_gray: #FAFAFA;
    --milky_gray: #BEC5CF;
    --well_gray: #F5F5F5;
    --solid_gray: #C3C5C4;
    --wizard_dark_gray: #616161;
    --wizard_light_gray: #CCCCCC;
    --fileuploadbg_gray: #EDEDED;
    --html_editor_lightest_gray: #e6e6e6;
    --html_editor_mid_gray: #bfbfbf;
    --html_editor_dark_mid_gray: #b3b3b3;
    --html_editor_dark_gray: #b3b3b3;
    --html_editor_bg_gray: #E8E8E8;
    --teams_login_bg_gray: #F7F7F7;
    /* Black Color */
    --black: #000000;
    --ghostblack: #232526;
    --lightghostblack: #414345;
    /* White Color */
    --white: #FFFFFF;
    /* Green Color */
    --success_green: #32CD32;
    --green: #003728;
    --forest_green: #228B22;
    --gridcard_bggreen: #DBF6FD;
    /* Yellow Color */
    --yellow: #FFFF33;
    /* Gold Color */
    --dark_gold: #B39700;
    /* Red Color */
    --red: #FF0000;
    --firebrick_red: #A94442;
    --errorred: #E9403C;
    /* Orange Color */
    --orange: #FFA500;
    /* Social Media Color */
    --facebook: #3B5998;
    --twitter: #00ACEE;
    --youtube: #C4302B;
    /*Octadic Logo Color */
    --octadic_blue: #007CC0;
    --bg_white_opaque_04a: rgba(255, 255, 255, 0.04);
    --bg_black_opaque_04a: rgba(0, 0, 0, 0.4);
    /*Black RGBA Color */
    --black_rgba_0_0_5: rgba(0, 0, 0, 0.05);
    --black_rgba_0_1: rgba(0, 0, 0, 0.1);
    --black_rgba_0_2: rgba(0, 0, 0, 0.2);
    --black_rgba_0_2_5: rgba(0, 0, 0, 0.25);
    --black_rgba_0_3: rgba(0, 0, 0, 0.3);
    --black_rgba_0_4: rgba(0, 0, 0, 0.4);
    --black_rgba_0_5: rgba(0, 0, 0, 0.5);
    --black_rgba_0_8: rgba(0, 0, 0, 0.8);
    --black_rgba_0_8_5: rgba(0, 0, 0, 0.85);
    /*White RGBA Color */
    --white_rgba_0_7: rgba(255, 255, 255, 0.7);
    --white_rgba_0_7_5: rgba(255, 255, 255, 0.75);
    --white_rgba_0_8: rgba(255, 255, 255, 0.8);
    --white_rgba_0_8_5: rgba(255, 255, 255, 0.85);
    /*Red RGBA Color */
    --red_rgba_0_5: rgba(255, 0, 0, 0.5);
    /*Transparent Color */
    --transparent_color: transparent;
    /*Transparent Color */
    --color_inherit: inherit;
    /*Top Bar Gray Gradient Color */
    --custom_topbar_gray_gradient: linear-gradient(var(--white), var(--jumbotron_gray) var(--mar_pad_fs_br_per_50), var(--light_slat_gray));
    --custom_green_gradient: linear-gradient(var(--white), var(--success_green) var(--mar_pad_fs_br_per_90));
    --badge: #F96192;
}