// Variables
// -------------------------
@CFE_orange: #f5821f;
@CFE_orangeLight: #f8a828;
@white: #ffffff;

@CFE_blue: #274BA7;
@CFE_dark_blue: #1E3F8B;
@CFE_light_blue: #5069AD;
@logoBlue: #052569;
@Blue50: #E6E9F3;
@Blue200: rgba(112, 132, 186, 0.16);
@Blue300: #7084BA;
@Blue500: #1F91F5;
@BlueLight600: #1F83E7;
@Blue900: #052569;
@DarkBlue500: #2E50A0;
@Blue600: #274B97;
@Blue700: #1D71D3;

@CFE_gray: #e3e3e3;
@MP_gray_base: #4F5665;
@grayDark: #1a1a1a;
@grayLight: #a5a5a5;
@tabGray: #f8f8f8;

@Red50: #FCF1EF;
@Red200: #E79D99;
@Red300: #DA7972;
@Red400: #E25D50;
@Red600: #D74936;
@Red700: #C54030;
@Red800: #B83A2A;
@Red900: #A83220;

@Gray50: #F7F8F9;
@Gray100: #EEEFF0;
@Gray200: #E3E4E5;
@Gray300: #D1D2D3;
@Gray400: #ACADAE;
@Gray500: #8C8D8E;
@Gray600: #646566;
@Gray700: #515253;
@Gray800: #333435;
@Gray900: #303030;

@Green200: #95D0A7;
@Green500: #13A552;

@Orange100: #FFF9C5;
@Orange800: #F9AB2D;

@helpText: #a5a5a5;
@errorTex: #b94a48;
@warningMain: #EF6C00;
@successMain: #2E7D32;

// Global values
// -------------------------
@fontAwesomeColor: #a0a0a0;
@fontAwesomeHoverColor: @CFE_blue;
@fontPath: "/themes/default/bootstrap/cfengine/font";
@imagePath: "/themes/default/bootstrap/cfengine/img";
@rhtFontPath: "/themes/default/bootstrap/cfengine/font/rht";
@rhtMonoFontPath: "/themes/default/bootstrap/cfengine/font/red-hat-mono";
@bootstrapFontPath: "/themes/default/bootstrap/cfengine/font/bootstrap-icons/fonts";
@fontFamily: "Red Hat Text", sans-serif;
@monospaceFontFamily: "Red Hat Mono", monospace;
@ajaxLoaderBackground: #F6f6f6;
@ajaxLoaderBorder: #bbc0ce;
@divBorders: #D4D5D0;


// Scaffolding
// -------------------------
@bodyBackground: @white;
@textColor: #0B132A;
@inactiveTextColor: #7C7C7C;
@grayTextColor: #757575;
@darkmodeInactiveTextColor: #C4C4C4;
@darkmodeTitleText: #D1D2D3;
@darkmodeDisabled: rgba(255, 255, 255, 0.38);
@contentBackground: #FFFFFF;


// Links
// -------------------------
@linkColor: @CFE_light_blue;
@linkColorHover: @linkColor;
@iconHover: #36b5e1;
@iconActive: #036485;

// Typography
// -------------------------
@sansFontFamily: "Museo Sans", Gudea, "Helvetica Neue", Helvetica, Arial, Tahoma, sans-serif;


// Labels
// -------
@inactiveText: #8e8e8e;
@inactiveBack: @CFE_gray;
@activeText: @white;
@activeBack: @CFE_orange;
@tagText: @white;
@tagBack: #a1a1a1;
@importantBack: #D74936;


// Buttons
// -------------------------
@btnBackground: @white;
@btnBackgroundHighlight: darken(@white, 10%);
@btnBorder: #bbb;
@btnFontSize: 14px;


// Forms
// -------------------------
@inputBackground: @white;
@inputBorderRadius: 1px;


// Tables
// -------------------------
@tableBackground: @white; // overall background-color
@tableBackgroundHover: #eaf6f8; // for hover
@tableBorder: #dddfe6; // table and cell border


// Dropdowns
// -------------------------
@dropdownLinkBackgroundHover: #f6f6f6;
@dropdownLinkColorHover: @grayDark;


// Navbar
// -------------------------
@navbarBackground: @CFE_blue;
@navbarText: #0B132A;
@navbarLinkColor: @white;
@navbarLinkColorHover: @white;
@navbarLinkColorActive: @white;
@navbarBrandColor: @white;
@navbarHeight: 63px;

//sideNav
// -------------------------
@wellBackground: #f9f9f9;

//Side Tabs
// -------------------------
@sideTabHeight: 80px;
@sideTabWidth: 116px;

//HostsColor
@redHost: #d1292d;
@greenHost: #1d8c04;
@yellowHost: #f8851b;
@blueHost: #0079ae;
@blackHost: #333;


//Accordion colors
// -------------------------
@accordionTitleTextColor: #1a1a1a;
@accordionhoverTextColor: #0079ae;
@accordionheadingBorderColor: @dividerDark;



//Tables Variables
// -------------------------
@tableBorder: #E5E5E5;
@tableHeaderFontColor: #767676;

//navigation Tree
// -------------------------
@navtreetextColor: #444444;
@hostNavBorder: #c7ccd7;


// Horizontal forms & lists
// -------------------------
@horizontalComponentOffset: 200px;

// Dividers
// -------------------------
@dividerDark: #d3d3d3;
@borderColor: #dadada;
@dividerLight: #ededed;
@tableLight: #e9ebef;

// Tabs
// -------------------------
@tabBorder: #c8ccd8;

// Footer
// -------------------------
@footerText: #2d2d2d;