//>theme_header
//THE COMMENT BELOW IS A NOTE THAT WILL APPEAR IN GENERATED .css, 
//IT DOES NOT APPLY TO THIS .scss FILE, SO YOU MAY EDIT IT.
/*===========================================================================
  This CSS file is generated by skins/Obsidian/template/sass/skin_styles.scss

  DO NOT edit this .css file directly, unless renamed to something other than
  skin_styles.css otherwise it will be overwritten by skin_styles.scss.
  ===========================================================================*/

//*===========* Obsidian Theme Customization *===========*/
@import "compass/css3";

/* This file is loaded by browsers, but also passed to the SmartClient server, which uses the
   "Flying Saucer" JAR to export a page in PDF format.  Therefore, we must declare @font-face in
   way that's compatible with both use cases, and as optimal as possible for all browsers.
   
   Multiple src: declarations can be made in a single #font-face declaration, but only the last
   one that can be parsed will take effect.  The src: declarations aren't merged and the browser
   doesn't even check font format support when choosing a src: line - it just uses the last one
   that can be parsed.

   We can list multiple font formats and their corresponding font files in a single src:
   declaration, but that's not supported by IE8, or by the "Flying Saucer" JAR.  So the
   approach taken below is:
   - We want IE8 to load eot fonts, because that's all that it supports, but we don't want
     "Flying Saucer" JAR to attempt to load eot fonts.  So add a ttf/otf font as the first
     src: declaration, and then the eot font second with a trailing \9; that trailing magic
     means that line can only be loaded by IE7-9.  (IE9 can parse the final src: declaration
     containing local() so it won't attempt to load the eot font.)
   - The final src: declaration will list various font resources in the order that we'd like
     them used.  Browsers will use the first one in that list that they support.  All supported
     browsers but IE8 and the "Flying Saucer" JAR on the server should parse and load this
     final declaration.  It's ordered to put woff2/woff fonts first as they're smaller files.

   https://www.w3schools.com/cssref/css3_pr_font-face_rule.asp
   https://www.paulirish.com/2010/font-face-gotchas/#smiley
   http://stackoverflow.com/questions/8004765/css-9-in-width-property
   https://msdn.microsoft.com/en-us/library/ms530757(v=vs.85).aspx

   *** IMPORTANT when adding/removing @font-face declarations ***
   The set of font families declared below in @font-face declarations MUST match those passed
   to Fontloader.loadCustomFonts() near the bottom of load_skin.js, or a bug will be created:
   - If a new @font-face declaration is added here, but the font family not added in
     load_skin.js, then the loading of that font won't be tracked and canvii sizes may be wrong.
   - If a @font-face declaration is removed here, but the font family not removed from
     load_skin.js, we'll try to load it and fail, which may delay the size correction logic for
     the remaining @font-face fonts until FontLoader times out and reports a load failure.
*/
//<theme_header
//>theme_fonts
@font-face {
	font-family: 'corbel';

    /* see comment on @font-face above */
    src: url('fonts/corbel.ttf');
    src: url('fonts/corbel.eot')\9;
    src: local('☺'), url('fonts/corbel.woff') format('woff'),
                     url('fonts/corbel.otf') format('opentype'),
                     url('fonts/corbel.ttf') format('truetype'),
                     url('fonts/corbel.svg') format('svg');

	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'corbel-bold';
    src: url('fonts/corbel-bold.ttf');
}

@font-face {
	font-family: 'calibri';
	src: url('fonts/CALIBRI_1.TTF');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'RobotoLight';

    /* see comment on @font-face above */
    src: url("fonts/RobotoLight.otf");
    src: url("fonts/RobotoLight.eot")\9;
    src: local("☺"), url("fonts/RobotoLight.woff2") format("woff2"), 
                     url("fonts/RobotoLight.woff") format("woff"), 
                     url("fonts/RobotoLight.otf") format("opentype"), 
                     url("fonts/RobotoLight.ttf") format("truetype");

	font-weight: normal;
	font-style: normal;
}
//<theme_fonts
//>theme_variables
// ==== Global Settings - Flags and other settings that have skin-wide effects
// Standard settings
$theme_name: "Obsidian";
// Global flags
$experimental-support-for-svg: true;
$use_non_transparent_background: true;
$listGrid_show_rollOver_glow: true;
$listGrid_show_cell_separators: false;
$listGrid_show_row_separators: false;
$show_button_outer_glow: true;
$show_scroll_thumb_grip: false;
$invert_menu_icons_on_rollover: true;

// ==== Fonts - Variables for fonts
// Font
$primary_font: RobotoLight;
$secondary_font: corbel;
$secondary_font_bold: corbel-bold;
$tertiary_font: calibri;
$standard_body_font: $tertiary_font;
$standard_tab_font: $secondary_font;
$standard_menu_font: $secondary_font;
$standard_hover_font: $standard_body_font;
// Font sizes
$normal_font_size: 12px;
$standard_font_size: 11px;
$standard_small_font_size: 9px;
$standard_header_font_size: 14px;

// ==== Standard Colors - Variables for Colors
// Color settings
$primary_hue: 214;
$default_saturation: 74%;
$default_lightness: 58%;
$default_glow_color: hsl($primary_hue - 9, 87%, 53%);
$default_outset_glow: 0 0 0.2em 0.1em $default_glow_color;
$default_inset_glow: inset 0 0 0.2em 0.1em $default_glow_color;
$selectedRow_hue: $primary_hue;
// Standard settings
$standard_white: #ffffff;
$standard_black: #000000;
$standard_gray: #808080;
$standard_blue: #0000FF;
$standard_color: white;
$standard_bgColor: black;
$standard_border_color: #7e7e7e;
$standard_header_color: $standard_color;
$standard_header_bgColor: $standard_bgColor;
$standard_header_dark_bgColor: #157fcc;
$standard_widget_border_color: $standard_border_color;
$default_border_color: #ababab;
$secondary_hue: 203.02;
$normal_font_color: #bebebe;

// ==== Standard Settings - Base settings that are derived by more localized variables
// Standard settings
$standard_border_width: 1px;
$standard_button_border_radius: 0px;
$default_disabled_text_color: #333333;
$default_border_dark_color: #cccccc;
$general_button_focused_border_color: #1086dd;
$active_over_bgColor: #1086dd;
$secondary_header_bgColor: #f0f0f0;
$active_disabled_bgColor: #1d1d1d;
$secondary_header_color: #616161;

// ==== Buttons - Variables for Button styles
// General
$button_font_size: $standard_font_size;
$button_primary_hue: 214;
$button_border_color: #1086dd;
$button_border_radius: $standard_button_border_radius;
$button_normal_color: $standard_color;
$button_normal_bgColor: $standard_bgColor;
$button_normal_border_color: #6f6f6f;
$button_normal_border: $standard_border_width solid $button_normal_border_color;
$button_disabled_color: $default_disabled_text_color;
$button_disabled_bgColor: #1d1d1d;
$button_disabled_border: $standard_border_width solid #1d1d1d;
$button_focused_border_color: $general_button_focused_border_color;
$button_focused_border: $standard_border_width solid $button_focused_border_color;
$button_over_border: $standard_border_width solid #1086dd;
$button_over_shadow: 0 0 5px 1px #1086dd;
$button_over_bgColor: $button_normal_bgColor;
$button_down_bgColor: $button_normal_bgColor;
$button_deselected_disabled_color: hsl(0, 0%, 66%);

// ==== Windows and Dialogs - Variables used for styling Windows and Dialogs
// Window
$window_border_color: $standard_border_color;
$window_shadow: 5px 5px 15px 0 #3e3e3e;
$window_body_bgColor: $standard_bgColor;
// Header
$window_header_font: $standard_body_font;
$window_header_font_size: $standard_header_font_size;
$window_header_color: $standard_header_color;
$window_header_bgColor: #1f1f1f;
// Status
$window_status_color: $button_normal_bgColor;
$window_status_bgColor: $standard_bgColor;
$window_status_font_size: $standard_font_size;

// ==== Menus and MenuButtons - Variables for styling Menus and MenuButtons
// Menu
$menu_font: $standard_menu_font;
$menu_font_size: $standard_font_size;
$menu_over_bgColor: #2874ad;
$menu_selected_color: #bebebe;
$menu_disabled_color: #999999;
$menu_bgColor: hsl($primary_hue, 0%, 100%);
$menu_parent_over_bgColor: #4e9cd7;
// MenuButton
$menuButton_hue: 214;
$menuButton_standard_color: #1086dd;
$menuButton_border: $standard_border_width solid $menuButton_standard_color;
$menuButton_font: $standard_menu_font;
$menuButton_font_size: $standard_font_size;
$menuButton_down_border_color: #1086dd;
$menuButton_focused_over_color: #1086dd;
$menuButton_focused_over_shadow: 0 0 5px 1px $menuButton_focused_over_color, inset 0 0 5px 1px $menuButton_focused_over_color;
$menuButton_focused_border_color: $general_button_focused_border_color;
$menuButton_focused_border: $standard_border_width solid $menuButton_down_border_color;
$menuButton_border_color: #7e7e7e;
$menuButton_border_shadow: 0 0 35px 1px #3e3e3e;
$menuButton_border_radius: $standard_button_border_radius;
$menuButton_normal_border: $standard_border_width solid #7e7e7e;
$menuButton_opened_shadow: inset 0 0 10px 1px $menuButton_standard_color;
$menuButton_focused_bgColor: $standard_bgColor;
$menuButton_focused_over_bgColor: $standard_bgColor;
$menuButton_focused_over_border_color: #cccccc;
$menuButton_focused_over_border: $standard_border_width solid $menuButton_focused_over_border_color;
$menuButton_down_border: $standard_border_width solid $menuButton_down_border_color;
$menuButton_down_bgColor: $button_normal_bgColor;
$menuButton_down_glow: inset 0 0 5px 1px $menuButton_down_border_color;
$menuButton_over_bgColor: $button_normal_bgColor;
$menuButton_selected_color: $standard_white;
$menuButton_disabled_color: #333333;
$menuButton_disabled_bgColor: #1d1d1d;
$menuButton_disabled_border_color: #dadada;

// ==== Tabs - Variables for Tab styles
// Tabset
$tabSet_container_color: #bebebe;
$tabSet_container_bgColor: $standard_bgColor;
$tabSet_container_border_color: #7e7e7e;
$tabSet_container_font_size: $standard_font_size;
$tabSet_scroller_sprite_image: url("images/controls/misc_controls_white.png");
$tabSet_picker_sprite_image: url("images/controls/misc_controls_white.png");
// TabButton settings
$tabButton_font: $secondary_font_bold;
$tabButton_font_size: 11px;
$tabButton_color: $standard_white;
$tabButton_bgColor: #434343;
$tabButton_border_color: #434343;
$tabButton_border_width: 1px;
$tabButton_over_border_color: $general_button_focused_border_color;
$tabButton_focused_border_color: $general_button_focused_border_color;
$tabButton_top_down_shadow: inset -10px 0px 10px -11px $tabButton_focused_border_color, inset 10px 10px 10px -11px $tabButton_focused_border_color;
$tabButton_bottom_down_shadow: inset -10px 0px 10px -11px $tabButton_focused_border_color, inset 10px -10px 10px -11px $tabButton_focused_border_color;
$tabButton_left_down_shadow: inset 10px 10px 10px -11px $tabButton_focused_border_color, inset 0px -10px 10px -11px $tabButton_focused_border_color;
$tabButton_right_down_shadow: inset -10px 10px 10px -11px $tabButton_focused_border_color, inset 0px -10px 10px -11px $tabButton_focused_border_color;
$tabButton_selected_font: $tabButton_font;
$tabButton_selected_color: #1086dd;
$tabButton_selected_bgColor: $standard_black;
$tabButton_selected_border_color: $standard_border_color;
$tabButton_selected_over_border_color: $general_button_focused_border_color;
$tabButton_disabled_color: #333333;
$tabButton_disabled_bgColor: #1d1d1d;
$tabButton_disabled_border_color: #1d1d1d;
$tabButton_over_shadow: 0 0 5px 1px #1086dd;

// ==== SectionStacks - Variables for SectionStack styles
// General SectionStack settings
$sectionStack_border_color: $standard_widget_border_color;
$sectionStack_primary_hue: 214;
$sectionStack_saturation: -80;
$sectionStack_lightness: -42;
$sectionStack_glossy: false;
// SectionHeader
$sectionHeader_horizontal_border_weight: thin;
$sectionHeader_border_lightness: 0;
$sectionHeader_font: $standard_body_font;
$sectionHeader_font_size: 12px;
$sectionHeader_color: $standard_white;
$sectionHeader_bgColor: $standard_black;
$sectionHeader_padding_left: 10px;
$sectionHeader_padding_right: 10px;
$sectionHeader_disabled_text_color: #333333;
$sectionHeader_disabled_bgColor: $standard_black;
$sectionHeader_disabled_border_color: $standard_widget_border_color;

// ==== Navigation Bar - Variables for Navigation Bar styles
// General
$navBar_bgColor: $standard_bgColor;
$navBar_border_color: $standard_widget_border_color;
$navBar_transition_duration: 450ms;
$navBar_leftButton_icon_fadeInDelay_ratio: 0.3;
$navBar_leftButton_icon_fadeOutDuration_ratio: (1 - $navBar_leftButton_icon_fadeInDelay_ratio);
$navBar_title_fadeOutDuration_ratio: 0.4;
$navBar_title_fadeInDelay_ratio: 0.3;
$navBar_fudgeFactor: 0.625;
// Header
$navBar_header_font_size: 15px;
$navBar_header_font: $primary_font;
$navBar_header_color: #616161;
// NavButton
$navButton_selected_color: $standard_bgColor;
$navButton_selected_bgColor: #616161;
$navButton_selected_border_color: #929292;

// ==== ListGrids - Variables for ListGrid styles
// Font-related ListGrid settings
$listGrid_sortNumeral_font_size: 7px;
$listGrid_summaryCell_font_size: 12.5px;
$listGrid_groupNode_font_size: 12.5px;
$listGrid_cell_font_size: $normal_font_size;
$listGrid_cell_font: $standard_body_font;
$listGrid_headerButton_font: $standard_body_font;
// Color-related ListGrid settings
$listGrid_hue: $primary_hue;
$listGrid_selectedRow_hue: $selectedRow_hue;
$listGrid_glow_color: hsl($listGrid_hue - 9, 87%, 53%);
$listGrid_border_color: $standard_border_color;
// HeaderButton
$listGrid_headerButton_font_size: 12px;
$listGrid_headerButton_color: $standard_color;
$listGrid_headerButton_bgColor: $standard_bgColor;
$listGrid_headerButton_over_bgColor: #53a2dd;
$listGrid_headerButton_border: $standard_border_width solid #7e7e7e;
$listGrid_headerButton_border_bottom: $standard_border_width solid #7e7e7e;
$listGrid_headerButton_selected_over_bgColor: $listGrid_headerButton_over_bgColor;
$listGrid_headerButton_selected_horizontal_padding: 4px;
$listGrid_headerButton_disabled_hue: 46;
$listGrid_headerButton_disabled_saturation: 0;
$listGrid_headerButton_disabled_lightness: 0;
$listGrid_headerButton_disabled_color: #737373;
$listGrid_headerButton_disabled_bgColor: hsl($listGrid_headerButton_disabled_hue + 1, 82%, 98%);
$listGrid_headerButton_selected_bgColor: #2874ad;
$listGrid_headerSpan_over_bgColor: $listGrid_headerButton_over_bgColor;
$listGrid_headerSpan_border_color: $standard_white;
$listGrid_headerTitle_color: $listGrid_headerButton_color;
// Standard ListGrid settings
$listGrid_groupNode_text_color: #53a2dd;
$listGrid_groupNode_border_color: #8C8C8C;
$listGrid_body_bgColor: $standard_bgColor;
$listGrid_show_header_bottom_border: true;
// Cells...
$listGrid_cell_font_color: #bebebe;
$listGrid_cell_text_font_color: $standard_white;
$listGrid_cell_bgColor: $standard_bgColor;
$listGrid_cell_dark_bgColor: #1c1c1c;
$listGrid_cell_altCol_bgColor: $listGrid_cell_dark_bgColor;
$listGrid_cell_altCol_dark_bgColor: $listGrid_cell_dark_bgColor;
$listGrid_cell_over_color: $standard_white;
$listGrid_cell_over_bgColor: #53a2dd;
$listGrid_cell_selected_text_color: $standard_white;
$listGrid_cell_selected_bgColor: #2874ad;
$listGrid_cell_selected_over_bgColor: #4190cc;
$listGrid_cell_selected_over_glow_color: #47a7e3;
$listGrid_cell_selected_over_border_color: #4190cc;
$listGrid_cell_disabled_color: #acacac;
$listGrid_cell_disabled_bgColor: #737373;
$listGrid_summaryCell_disabled_bgColor: #e7f6ff;
$listGrid_summaryCell_dark_color: hsl(0, 0%, 34.5%);
$listGrid_summaryCell_border_color: #53a2dd;
$listGrid_summaryCell_color: $listGrid_summaryCell_border_color;
$listGrid_summaryCell_bgColor: #313131;

// ==== Trees - Variables for TreeGrid styles
// General
$treeGrid_hue: $primary_hue;
$treeGrid_selectedRow_hue: $selectedRow_hue;
$treeGrid_glow_color: hsl($treeGrid_selectedRow_hue - 9, 87%, 53%);
// Cell
$treeGrid_cell_color: #616161;
$treeGrid_cell_over_color: white;
$treeGrid_cell_over_bgColor: $active_over_bgColor;
$treeGrid_cell_selected_color: white;
$treeGrid_cell_selected_bgColor: hsl($treeGrid_selectedRow_hue  - 11, 85%, 66%);
$treeGrid_cell_selected_over_bgColor: hsl($treeGrid_selectedRow_hue  - 11, 85%, 66%);
$treeGrid_cell_selected_over_glow_color: $treeGrid_glow_color;

// ==== CubeGrid - Variables for CubeGrid styles
// General
$cubeGrid_font: $standard_body_font;
$cubeGrid_hue: $primary_hue;
$cubeGrid_selectedRow_hue: $selectedRow_hue;
$cubeGrid_glow_color: hsl($listGrid_selectedRow_hue - 9, 87%, 53%);
$cubeGrid_font_size: $normal_font_size;
// Headers
$cubeGrid_header_font: $tertiary_font;
$cubeGrid_header_color: $standard_white;
$cubeGrid_header_bgColor: #4f4f4f;
$cubeGrid_header_border_color: $standard_white;
$cubeGrid_header_over_bgColor: #53a2dd;
$cubeGrid_header_disabled_color: $cubeGrid_header_color;
$cubeGrid_header_disabled_bgColor: #7d7d7d;
$cubeGrid_header_selected_bgColor: #2874ad;
$cubeGrid_header_selected_over_color: $cubeGrid_header_color;
$cubeGrid_header_selected_over_bgColor: #1565a0;
$cubeGrid_header_selected_down_bgColor: #0b62a2;
$cubeGrid_header_selected_disabled_bgColor: #3E74B3;
$cubeGrid_headerLabel_color: $cubeGrid_header_color;
$cubeGrid_headerLabel_bgColor: #7d7d7d;
$cubeGrid_headerLabel_selected_bgColor: $cubeGrid_header_selected_bgColor;
$cubeGrid_innerHeader_font_size: 12px;
$cubeGrid_innerHeader_color: $cubeGrid_header_color;
$cubeGrid_innerHeader_border_color: $cubeGrid_header_border_color;
$cubeGrid_innerHeader_top_border: none;
$cubeGrid_innerHeader_bgColor: $cubeGrid_header_bgColor;
$cubeGrid_headerLabel_font_size: 13px;
// Cells
$cubeGrid_cell_selected_over_glow_color: $cubeGrid_glow_color;
$cubeGrid_cell_font_color: #bebebe;
$cubeGrid_cell_bgColor: $standard_bgColor;
$cubeGrid_cell_border_color: $standard_border_color;
$cubeGrid_cell_dark_bgColor: #1c1c1c;
$cubeGrid_cell_over_color: $standard_white;
$cubeGrid_cell_over_bgColor: #53a2dd;
$cubeGrid_cell_selected_color: $standard_white;
$cubeGrid_cell_selected_bgColor: #53a2dd;
$cubeGrid_cell_selected_over_color: $cubeGrid_cell_selected_color;
$cubeGrid_cell_selected_over_bgColor: #1565a0;
$cubeGrid_cell_disabled_color: hsl(0, 0%, 40%);

// ==== PickLists - Variables for PickList styles
// General
$pickList_selectedRow_hue: $selectedRow_hue;
$pickList_menu_bgColor: $standard_bgColor;
$pickList_menu_border: $standard_border_width solid #7e7e7e;
// Cell
$pickList_selected_over_bgColor: $active_over_bgColor;
$pickList_cell_deselected_color: hsl(0, 0%, 66%);
$pickList_cell_disabled_color: hsl(0, 0%, 33%);
$pickList_cell_over_bgColor: hsl(0, 0%, 91%);
$pickList_cell_over_border_color: hsl(0, 0%, 77%);

// ==== TileGrids - Variables for TileGrid styles
// SimpleTile
$tileGrid_simpleTile_over_bgColor: #0f0f0f;
$tileGrid_simpleTile_font_size: $standard_small_font_size;
$tileGrid_simpleTile_over_border_color: #7e7e7e;
$tileGrid_simpleTile_selected_bgColor: #0f0f0f;
$tileGrid_simpleTile_selected_border_color: #1086dd;

// ==== SplitBars - Variables used for styling SplitBars
// General
$splitBar_hue: 214;
$splitBar_saturation: -75;
$splitBar_lightness: 0;
$splitBar_bgColor: #1c1c1c;

// ==== RichTextEditors - Variables used for styling RichTextEditors
// General
$rich_text_border_color: $standard_widget_border_color;

// ==== ToolStrips - Variables used for styling ToolStrips
// General
$toolStrip_border_color: $standard_widget_border_color;
$toolStrip_bgColor: $standard_bgColor;
// Group
$toolStripGroup_color: $standard_white;
$toolStripGroup_font_size: 15.5px;
$toolStripGroup_border_color: $standard_border_color;
$toolStripGroup_bgColor: $toolStrip_bgColor;
$toolStripGroup_font: $standard_body_font;
// Button
$toolStripButton_font: $primary_font;
$toolStripButton_color: $standard_color;
$toolStripButton_border_color: $default_border_color;
$toolStripButton_over_border_color: #9d9d9d;
$toolStripButton_over_bgColor: transparent;
$toolStripButton_selected_bgColor: #616161;
$toolStripButton_selected_border_color: #9e9e9e;
$toolStripButton_disabled_bgColor: #dadada;

// ==== Ribbons and IconButtons - Variables used for styling Ribbons and IconButtons
// RibbonBar
$ribbonBar_bgColor: $standard_black;
$ribbonBar_border_color: $standard_widget_border_color;
$ribbonBar_shadow: #3e3e3e 0 1px 0 inset;
// RibbonGroup
$ribbonGroup_shadow: 0px 0px 5px 2px #3e3e3e;
// IconButton
$iconButton_color: #4d4d4d;
$iconButton_border_color: transparent;
$iconButton_border_over_color: $default_border_dark_color;
$iconButton_border_selected_color: #2692e1;
$iconButton_bgColor: transparent;
$iconButton_over_bgColor: $standard_bgColor;
$iconButton_border_radius: 3px;
$iconButton_menu_icon_border_radius: 3px;
$iconButton_font: $standard_body_font;
$iconButton_font_size: 13.5px;

// ==== Scrollbars - Variables used for styling Scrollbars
// ScrollTrack
$scrollTrack_bgColor: $standard_bgColor;
$scrollTrack_down_bgColor: lighten($standard_bgColor, 15%);
$scrollTrack_over_bgColor: lighten($standard_bgColor, 10%);
$scrollTrack_disabled_background: #111111;
// Scrollbar
$scrollbar_default_border: $standard_border_width solid $standard_border_color;
$scrollbar_vertical_start_over_xpos: -31px;
$scrollbar_vertical_start_down_xpos: -46px;
$scrollbar_vertical_end_over_xpos: -31px;
$scrollbar_vertical_end_down_xpos: -46px;
$scrollbar_horizontal_start_over_ypos: -30.9px;
$scrollbar_horizontal_start_down_ypos: -45.9px;
$scrollbar_horizontal_end_over_ypos: -30.9px;
$scrollbar_horizontal_end_down_ypos: -45.9px;

// ==== DynamicForms and FormItems - Variables used for styling DynamicForms and the various FormItem types
// form standard
$radio_button_skinning: true;
$form_value_color: $standard_color;
$form_title_color: white;
$hint_text_color: #204268;
$headerItem_color: hsl(0, 0%, 30%);
// FormItem
$formItem_font_size: 12.58px;
$formItem_bgColor: $standard_bgColor;
$formItem_border_color: $standard_border_color;
$formItem_hint_color: #999999;
$formItem_error_color: hsl($primary_hue - 2, 53%, 27%);
$formItem_focused_border_color: $general_button_focused_border_color;
$formItem_focused_bgColor: $standard_bgColor;
$formItem_focused_shadow: none;
$formItem_focused_over_border_color: $general_button_focused_border_color;
$formItem_disabled_bgColor: $standard_bgColor;
$formItem_over_bgColor: $standard_bgColor;
$formItem_over_border_color: $formItem_focused_border_color;
$formItem_over_border: $standard_border_width solid $formItem_over_border_color;
$formItem_over_shadow: 0 0 5px 0 $formItem_border_color;
$formItem_focused_over_shadow: $formItem_over_shadow, inset 0 0 5px 0 $formItem_border_color;
$formItem_color: $normal_font_color;
$formItem_edit_font: $standard_body_font;
$uploadItem_bgColor: $standard_white;
// ComboBox
$combo_pending_hue: 214;
$combobox_item_picker_icon: url(./images/pickers/down.png);
$combobox_item_picker_over_icon: url(./images/pickers/down_Over.png);
$combobox_item_picker_focused_over_icon: url(./images/pickers/down_Over.png);
$combobox_item_picker_disabled_icon: url(./images/pickers/down_Disabled.png);
// SelectItem
$select_item_lite_control_over_border_color: #1086dd;
$select_item_lite_control_focused_border_color: #1086dd;
$select_item_lite_control_focused_outline: 2px;
$select_item_lite_control_disabled_border: none;
// Spinner
$spinner_lc_border_over: $standard_border_width solid #1086dd;
$spinner_lc_shadow_over: 0 0 5px 1px #1086dd;
$spinner_lc_disabled_bgColor: #1d1d1d;
$spinner_lc_disabled_border: $standard_border_width solid #1d1d1d;
$spinner_lc_disabled_text_color: #333333;
$spinner_increase_icon_offset: 0px 18px;
$spinner_increase_icon_offset_disabled: -16px 18px;
$spinner_increase_icon_offset_over: -31px 18px;
$spinner_decrease_icon_offset: 0px -4px;
$spinner_decrease_icon_offset_disabled: -16px -4px;
$spinner_decrease_icon_offset_over: -31px -4px;
$spinner_icon_sprite: url(./images/DynamicForm/spinner_control_sprite_transparent.png);
$spinner_icon_sprite_rtl: url(./images/DynamicForm/spinner_control_sprite_transparent_rtl.png);
// Pending Values
$pending_value_color: hsl($combo_pending_hue - 4, 100%, 40%);
$pending_value_dark_color: hsl($combo_pending_hue - 4, 100%, 40%);

// ==== DetailViewers - Variables used for styling DetailViewers
// Font
$detailViewer_font: $standard_body_font;
$detailViewer_font_size: $standard_font_size;
// Color
$detailViewer_color: #bebebe;
$detailViewer_bgColor: $standard_black;
$detailViewer_border_color: #7e7e7e;
$detailViewer_label_bgColor: #1c1c1c;

// ==== Sliders - Variables used for styling Sliders
// Title
$slider_title_color: $standard_white;
// Value
$slider_value_color: $standard_white;
$slider_value_bgColor: #585858;
$slider_value_border_color: #585858;
$slider_value_disabled_color: $standard_black;
$slider_value_disabled_bgColor: #333333;
$slider_value_disabled_border_color: #333333;
$slider_value_arrow_hidden_border_color: #585858;
// Range
$slider_range_color: $standard_color;
$slider_range_disabled_color: $default_disabled_text_color;
// Thumb
$slider_thumb_bgColor: $standard_black;
$slider_thumb_outline: $standard_border_width solid $active_over_bgColor;
$slider_thumb_disabled_bgColor: #333333;
$slider_thumb_disabled_outline: $standard_border_width solid #333333;
// Track
$slider_track_bgColor: #585858;
$slider_track_disabled_bgColor: #1d1d1d;
$slider_activeTrack_disabled_bgColor: $active_disabled_bgColor;
$slider_activeTrack_bgColor: $active_over_bgColor;

// ==== DateChoosers - Variables used for styling DateChoosers
// General
$dateChooser_primary_hue: 214;
$dateChooser_font: $primary_font;
$dateChooser_bgColor: $standard_bgColor;
$dateChooser_border_color: #7e7e7e;
$dateChooser_shadow: 5px 5px 15px 0 #303030;
// Navigation
$dateChooser_nav_sprite_image: url("images/controls/misc_controls_gray.png");
$dateChooser_nav_spriting: true;
$dateChooser_navButton_bgColor: #1f1f1f;
$dateChooser_navButton_color: $standard_white;
$dateChooser_navButton_over_color: #53a2dd;
// Header
$dateChooser_header_text_color: #1086dd;
$dateChooser_header_bgColor: $standard_bgColor;
// Cell
$dateChooser_cell_color: #bebebe;
$dateChooser_cell_bgColor: $standard_bgColor;
$dateChooser_cell_border_radius: $standard_button_border_radius;
$dateChooser_cell_over_color: $standard_black;
$dateChooser_cell_over_bgColor: #53a2dd;
$dateChooser_cell_disabled_color: #616161;
$dateChooser_cell_selected_bgColor: #2874ad;
$dateChooser_cell_selected_color: $standard_black;
// Button
$dateChooser_bottom_button_font: $secondary_font;
$dateChooser_bottom_button_font_size: $button_font_size;
$dateChooser_bottom_button_color: $standard_white;
$dateChooser_bottom_button_bgColor: $button_normal_bgColor;
$dateChooser_bottom_button_border_color: $button_normal_border_color;
$dateChooser_bottom_button_down_shadow_color: $general_button_focused_border_color;
$dateChooser_bottom_button_over_shadow_color: $general_button_focused_border_color;
$dateChooser_bottom_button_over_bgColor: $button_normal_bgColor;
$dateChooser_bottom_button_border_radius: $standard_button_border_radius;
// Other
$dateChooser_weekend_bgColor: $standard_bgColor;

// ==== ColorPickers - Variables used for styling ColorPickers
// General
$colorPicker_border_color: $standard_widget_border_color;
$colorPicker_bgColor: $standard_bgColor;
// Header
$colorPicker_header_font: $window_header_font;
$colorPicker_header_font_size: $window_header_font_size;
$colorPicker_header_bgColor: $window_header_bgColor;
$colorPicker_header_color: $window_header_color;
// Cell
$colorPicker_cell_bgColor: $standard_bgColor;
$colorPicker_cell_border_color: $standard_black;
$colorPicker_cell_over_border_color: $standard_white;

// ==== Calendars - Variables used for styling Calendars
// General
$calendar_bgColor: $standard_bgColor;
$calendar_font_size: $standard_font_size;
$calendar_border_color: #7e7e7e;
$calendar_text_color: #bebebe;
$calendar_dark_bgColor: #1c1c1c;
$calendar_month_otherDay_header_selected_bgColor: #818181;
$calendar_disabled_over_bgColor: #a4bbdb;
$calendar_disabled_bgColor: #1c1c1c;
$calendar_label_column_bgColor: #1c1c1c;
$calendar_other_day_color: #454545;
$calendar_day_header_font_color: $standard_black;
// Event Canvas
$calendar_eventWindow_font_size: $standard_font_size;
$calendar_eventWindow_color: $standard_black;
$calendar_eventWindow_bgColor: hsl($secondary_hue - 6, 100%, 97%);
$calendar_eventWindow_border_color: hsl($secondary_hue + 2, 66%, 87%);
$calendar_eventWindow_header_bgColor: hsl($secondary_hue + 2, 68%, 89%);
$calendar_eventWindow_header_color: hsl(0, 0%, 30%);
$calendar_eventWindow_header_border_color: hsl($secondary_hue + 2, 68%, 89%);
// Other Canvas
$calendar_indicatorCanvas_bgColor: #AA0000;
$calendar_indicatorCanvas_color: $standard_white;
$calendar_zoneCanvas_bgColor: #949494;
$calendar_zoneCanvas_opacity: 0.5;

// ==== FilterBuilder - Settings that affect FilterBuilder widgets
// BracketBorder
$filterBuilder_bracketBorder_hue: 214;
$filterBuilder_bracketBorder_lightness: 0;
$filterBuilder_bracketBorder_saturation: 0;

// ==== Charting - Settings that affect Charts
// Fonts
$chart_font_size: $normal_font_size;
$chart_value_font_size: $standard_font_size;
// Colors
$scChart_border_color: $listGrid_border_color;
$chartBar1_gradient_color: #990000;
$chartBar1_bgColor: #FF0000;
$chartBar2_bgColor: #0000FF;
$chartBar3_bgColor: #00FF00;
$chart_axis_title_color: $standard_blue;

// ==== Hover Canvas - Settings that affect the hover canvas
// Font
$hoverCanvas_font_size: $standard_font_size;
// Colors
$hoverCanvas_color: #bebebe;
$hoverCanvas_bgColor: $standard_black;
$hoverCanvas_border_color: #47a7e3;
// Other
$hoverCanvas_padding: 5px;

// ==== Miscellaneous - Miscellaneous variables
// Resize Thumb
$resize_thumb_gradient_color: $standard_white;
$resize_thumb_border_color: $standard_gray;
$resize_thumb_bgColor: #C9F4F8;
// Property Sheets
$propsheet_bgColor: $standard_bgColor;
// Other
$link_color: #53a2dd;
$sample_output_border: $standard_widget_border_color;
$layout_dropLine_bgColor: hsl($primary_hue+2, 100%, 73%);

// ==== Showcase - Styles for the Isomorphic Showcases
// showcase standard
$showcase_EButton_bgColor: #47a7e3;
//<theme_variables
