@charset "UTF-8";
/*============================================================
This CSS file is generated from the Flat series of skins

DO NOT edit this .css file directly unless renamed, since 
future compass compiles will overwrite it.
==============================================================*/
@font-face {
  font-family: 'Roboto-Light';
  /* src: local("☺"); - force UTF-8 */
  src: url("../../system/helpers/fonts/Roboto/Roboto-Light.woff2") format("woff2"), url("../../system/helpers/fonts/Roboto/Roboto-Light.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/* same font, legacy family-name */
@font-face {
  font-family: 'RobotoLight';
  /* src: local("☺"); - force UTF-8 */
  src: url("../../system/helpers/fonts/Roboto/Roboto-Light.woff2") format("woff2"), url("../../system/helpers/fonts/Roboto/Roboto-Light.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'corbel';
  /* see comment on @font-face above */
  src: url("fonts/corbel/corbel.ttf");
  src: url("fonts/corbel/corbel.eot") \9;
  src: url("../../system/helpers/fonts/corbel/corbel.woff") format("woff"), url("fonts/corbel/corbel.woff") format("woff"), url("fonts/corbel/corbel.otf") format("opentype"), url("fonts/corbel/corbel.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'calibri';
  src: url("../../system/helpers/fonts/calibri/CALIBRI_1.TTF"), url("fonts/calibri/CALIBRI_1.TTF");
  font-weight: normal;
  font-style: normal;
}
:root {
  --isc-theme_name: Tahoe;
  --isc-standard_opacity: 1;
  --isc-standard_over_opacity: 0.9;
  --isc-standard_down_opacity: 0.7;
  --isc-standard_focused_opacity: 0.8;
  --isc-standard_selected_opacity: 1;
  --isc-standard_disabled_opacity: 0.5;
  --isc-primary_font: Roboto-Light;
  --isc-secondary_font: corbel;
  --isc-secondary_font_bold: var(--isc-secondary_font);
  --isc-tertiary_font: calibri;
  --isc-standard_font: var(--isc-tertiary_font);
  --isc-normal_font: var(--isc-primary_font);
  --isc-standard_body_font: var(--isc-standard_font);
  --isc-standard_header_font: var(--isc-tertiary_font);
  --isc-standard_tab_font: var(--isc-secondary_font);
  --isc-standard_hover_font: var(--isc-standard_body_font);
  --isc-standard_font_size: 11px;
  --isc-normal_font_size: 12px;
  --isc-standard_small_font_size: 9px;
  --isc-standard_header_font_size: 14px;
  --isc-secondary_header_font_size: 12px;
  --isc-standard_body_font_size: var(--isc-normal_font_size);
  --isc-standard_line_height: 22px;
  --isc-standard_header_font_weight: bold;
  --isc-standard_font_weight: normal;
  --isc-highlight_color: #47a7e3;
  --isc-highlight_dark_color: var(--isc-highlight_color);
  --isc-active_text_color: #ffffff;
  --isc-active_bgColor: var(--isc-highlight_color);
  --isc-active_border_color: #157fcc;
  --isc-active_over_bgColor: #b6e3ff;
  --isc-active_selected_bgColor: #5fbaf2;
  --isc-active_disabled_bgColor: #d0d0d0;
  --isc-standard_blue: #0000FF;
  --isc-standard_color: #282828;
  --isc-standard_bgColor: #ffffff;
  --isc-secondary_bgColor: #fafafa;
  --isc-page_bgColor: transparent;
  --isc-standard_border_color: #d0d0d0;
  --isc-standard_shadow: none;
  --isc-pending_value_color: #0066cc;
  --isc-pending_value_dark_color: #981c65;
  --isc-default_disabled_text_color: #ababab;
  --isc-icon_color: #888888;
  --isc-icon_over_color: #157fcc;
  --isc-icon_down_color: #10629e;
  --isc-icon_disabled_color: var(--isc-default_disabled_text_color);
  --isc-icon_size: 16px;
  --isc-icon_selected_color: var(--isc-icon_color);
  --isc-icon_focused_color: var(--isc-icon_color);
  --isc-icon_drop_color: var(--isc-icon_over_color);
  --isc-icon_bgColor: transparent;
  --isc-icon_over_bgColor: var(--isc-icon_bgColor);
  --isc-icon_down_bgColor: var(--isc-icon_bgColor);
  --isc-icon_disabled_bgColor: var(--isc-icon_bgColor);
  --isc-icon_selected_bgColor: var(--isc-icon_bgColor);
  --isc-icon_focused_bgColor: var(--isc-icon_bgColor);
  --isc-icon_drop_bgColor: var(--isc-icon_bgColor);
  --isc-icon_error_color: var(--isc-icon_color);
  --isc-icon_error_over_color: var(--isc-icon_over_color);
  --isc-icon_error_down_color: var(--isc-icon_down_color);
  --isc-icon_error_focused_color: var(--isc-icon_focused_color);
  --isc-icon_error_selected_color: var(--isc-icon_selected_color);
  --isc-icon_error_drop_color: var(--isc-icon_drop_color);
  --isc-icon_error_disabled_color: var(--isc-icon_disabled_color);
  --isc-icon_error_bgColor: transparent;
  --isc-icon_error_down_bgColor: var(--isc-icon_error_bgColor);
  --isc-icon_error_over_bgColor: var(--isc-icon_error_bgColor);
  --isc-icon_error_focused_bgColor: var(--isc-icon_error_bgColor);
  --isc-icon_error_selected_bgColor: var(--isc-icon_error_bgColor);
  --isc-icon_error_drop_bgColor: var(--isc-icon_error_bgColor);
  --isc-icon_error_disabled_bgColor: var(--isc-icon_error_bgColor);
  --isc-icon_fill_color: var(--isc-icon_color);
  --isc-icon_fill_over_color: var(--isc-icon_over_color);
  --isc-icon_fill_down_color: var(--isc-icon_down_color);
  --isc-icon_fill_disabled_color: var(--isc-icon_disabled_color);
  --isc-icon_stroke_color: none;
  --isc-icon_stroke_over_color: none;
  --isc-icon_stroke_down_color: none;
  --isc-icon_stroke_disabled_color: none;
  --isc-icon_stroke_width: 0px;
  --isc-headerIcon_color: var(--isc-active_text_color);
  --isc-headerIcon_over_color: var(--isc-headerIcon_color);
  --isc-headerIcon_down_color: var(--isc-headerIcon_color);
  --isc-headerIcon_disabled_color: var(--isc-headerIcon_color);
  --isc-headerIcon_selected_color: var(--isc-headerIcon_color);
  --isc-headerIcon_focused_color: var(--isc-headerIcon_color);
  --isc-dynamicIcon_color: #0089FF;
  --isc-dynamicIcon_over_color: var(--isc-dynamicIcon_color);
  --isc-dynamicIcon_down_color: var(--isc-dynamicIcon_color);
  --isc-dynamicIcon_disabled_color: var(--isc-dynamicIcon_color);
  --isc-dynamicIcon_selected_color: var(--isc-dynamicIcon_over_color);
  --isc-dynamicIcon_focused_color: var(--isc-dynamicIcon_over_color);
  --isc-voiceAssistIcon_color: var(--isc-standard_color);
  --isc-voiceAssistIcon_bgColor: var(--isc-active_selected_bgColor);
  --isc-standard_header_color: var(--isc-active_text_color);
  --isc-standard_header_bgColor: var(--isc-highlight_color);
  --isc-standard_header_dark_bgColor: #157fcc;
  --isc-secondary_header_bgColor: #f0f0f0;
  --isc-secondary_header_color: #616161;
  --isc-canvas_pointer_bgColor: var(--isc-standard_bgColor);
  --isc-standard_widget_border_color: var(--isc-standard_border_color);
  --isc-standard_widget_bgColor: var(--isc-standard_bgColor);
  --isc-default_glow_color: #1f99ef;
  --isc-default_outset_glow: 0 0 0.2em 0.1em var(--isc-default_glow_color);
  --isc-default_inset_glow: inset 0 0 0.2em 0.1em var(--isc-default_glow_color);
  --isc-gradient_start_color: transparent;
  --isc-gradient_end_color: transparent;
  --isc-highlight_gradient: linear-gradient(to bottom, transparent 0%, transparent 100%);
  --isc-border_gradient: linear-gradient(to top, transparent, transparent);
  --isc-border_transparent_gradient: initial;
  --isc-link_color: #0000EE;
  --isc-link_visited_color: #551A8B;
  --isc-link_active_color: #EE0000;
  --isc-link_over_color: var(--isc-link_color);
  --isc-svgCheckbox_color: var(--isc-highlight_color);
  --isc-svgRadio_color: var(--isc-highlight_color);
  --isc-standard_padding: 0px;
  --isc-standard_border_width: 1px;
  --isc-standard_thick_border_width: 2px;
  --isc-standard_border_radius: 0px;
  --isc-standard_border_style: solid;
  --isc-standard_border: var(--isc-standard_border_width) var(--isc-standard_border_style) var(--isc-standard_border_color);
  --isc-standard_transparent_border: var(--isc-standard_border_width) var(--isc-standard_border_style) transparent;
  --isc-default_border_dark_color: #cccccc;
  --isc-general_button_focused_border_color: #005491;
  --isc-resizeWireFrame_border_color: #b7b7b7;
  --isc-resizeWireFrame_border: var(--isc-standard_border_width) var(--isc-standard_border_style) var(--isc-resizeWireFrame_border_color);
  --isc-button_font: var(--isc-secondary_font);
  --isc-button_font_size: var(--isc-standard_font_size);
  --isc-button_font_weight: var(--isc-standard_font_weight);
  --isc-button_padding: 0px 5px;
  --isc-button_line_height: var(--isc-standard_line_height);
  --isc-button_opacity: var(--isc-standard_opacity);
  --isc-button_color: var(--isc-standard_header_color);
  --isc-button_bgColor: #157fcc;
  --isc-button_bgImage: none;
  --isc-button_border_color: var(--isc-button_bgColor);
  --isc-button_border_width: 2px;
  --isc-button_border_radius: var(--isc-standard_border_radius);
  --isc-button_border: var(--isc-button_border_width) var(--isc-standard_border_style) var(--isc-button_border_color);
  --isc-button_shadow: none;
  --isc-button_over_color: var(--isc-button_color);
  --isc-button_over_bgColor: var(--isc-button_bgColor);
  --isc-button_over_border_color: var(--isc-button_border_color);
  --isc-button_over_border: var(--isc-button_border_width) var(--isc-standard_border_style) var(--isc-button_over_border_color);
  --isc-button_over_shadow: 0 0 0.2em 0.1em var(--isc-default_glow_color);
  --isc-button_over_opacity: var(--isc-button_opacity);
  --isc-button_focused_color: var(--isc-button_color);
  --isc-button_focused_bgColor: #1d71ae;
  --isc-button_focused_border_color: #005491;
  --isc-button_focused_border: var(--isc-button_border_width) var(--isc-standard_border_style) var(--isc-button_focused_border_color);
  --isc-button_focused_shadow: none;
  --isc-button_focused_opacity: var(--isc-button_opacity);
  --isc-button_focused_over_color: var(--isc-button_color);
  --isc-button_focused_over_bgColor: var(--isc-button_focused_bgColor);
  --isc-button_focused_over_border_color: #003760;
  --isc-button_focused_over_border: var(--isc-button_border_width) var(--isc-standard_border_style) var(--isc-button_focused_over_border_color);
  --isc-button_focused_over_shadow: 0 0 5px var(--isc-default_glow_color);
  --isc-button_focused_over_opacity: var(--isc-button_opacity);
  --isc-button_down_bgColor: var(--isc-button_over_bgColor);
  --isc-button_down_color: var(--isc-button_over_color);
  --isc-button_down_border_color: var(--isc-button_focused_border_color);
  --isc-button_down_border: var(--isc-button_border_width) var(--isc-standard_border_style) var(--isc-button_down_border_color);
  --isc-button_down_glow: inset 0 0 5px 1px var(--isc-button_down_border_color);
  --isc-button_down_opacity: var(--isc-button_opacity);
  --isc-button_selected_bgColor: var(--isc-button_over_bgColor);
  --isc-button_selected_color: var(--isc-button_over_color);
  --isc-button_selected_border_color: var(--isc-button_focused_border_color);
  --isc-button_selected_border: var(--isc-button_border_width) var(--isc-standard_border_style) var(--isc-button_selected_border_color);
  --isc-button_selected_shadow: inset 0 0 5px 1px var(--isc-button_down_border_color);
  --isc-button_selected_opacity: var(--isc-button_opacity);
  --isc-button_disabled_color: var(--isc-default_disabled_text_color);
  --isc-button_pending_disabled_color: var(--isc-button_disabled_color);
  --isc-button_disabled_bgColor: #dadada;
  --isc-button_disabled_border_color: #dadada;
  --isc-button_disabled_border: var(--isc-button_border_width) var(--isc-standard_border_style) var(--isc-button_disabled_border_color);
  --isc-button_disabled_opacity: var(--isc-button_opacity);
  --isc-button_deselected_disabled_color: #a8a8a8;
  --isc-secondaryButton_font: var(--isc-secondary_font);
  --isc-secondaryButton_font_size: var(--isc-standard_font_size);
  --isc-secondaryButton_font_weight: var(--isc-standard_font_weight);
  --isc-secondaryButton_padding: 0px 5px;
  --isc-secondaryButton_line_height: var(--isc-standard_line_height);
  --isc-secondaryButton_opacity: var(--isc-standard_opacity);
  --isc-secondaryButton_color: var(--isc-standard_header_color);
  --isc-secondaryButton_bgColor: #157fcc;
  --isc-secondaryButton_bgImage: var(--isc-button_bgImage);
  --isc-secondaryButton_border_color: var(--isc-secondaryButton_bgColor);
  --isc-secondaryButton_border_width: 2px;
  --isc-secondaryButton_border_radius: var(--isc-standard_border_radius);
  --isc-secondaryButton_border: var(--isc-secondaryButton_border_width) var(--isc-standard_border_style) var(--isc-secondaryButton_border_color);
  --isc-secondaryButton_shadow: none;
  --isc-secondaryButton_over_color: var(--isc-secondaryButton_color);
  --isc-secondaryButton_over_bgColor: var(--isc-secondaryButton_bgColor);
  --isc-secondaryButton_over_border_color: var(--isc-secondaryButton_border_color);
  --isc-secondaryButton_over_border: var(--isc-secondaryButton_border_width) var(--isc-standard_border_style) var(--isc-secondaryButton_over_border_color);
  --isc-secondaryButton_over_shadow: 0 0 0.2em 0.1em var(--isc-default_glow_color);
  --isc-secondaryButton_over_opacity: var(--isc-button_over_opacity);
  --isc-secondaryButton_focused_color: var(--isc-secondaryButton_color);
  --isc-secondaryButton_focused_bgColor: #1d71ae;
  --isc-secondaryButton_focused_border_color: #005491;
  --isc-secondaryButton_focused_border: var(--isc-secondaryButton_border_width) var(--isc-standard_border_style) var(--isc-secondaryButton_focused_border_color);
  --isc-secondaryButton_focused_shadow: none;
  --isc-secondaryButton_focused_opacity: var(--isc-button_focused_opacity);
  --isc-secondaryButton_focused_over_color: var(--isc-secondaryButton_color);
  --isc-secondaryButton_focused_over_bgColor: var(--isc-secondaryButton_focused_bgColor);
  --isc-secondaryButton_focused_over_border_color: #003760;
  --isc-secondaryButton_focused_over_border: var(--isc-secondaryButton_border_width) var(--isc-standard_border_style) var(--isc-secondaryButton_focused_over_border_color);
  --isc-secondaryButton_focused_over_shadow: 0 0 5px var(--isc-default_glow_color);
  --isc-secondaryButton_focused_over_opacity: var(--isc-button_focused_opacity);
  --isc-secondaryButton_down_bgColor: var(--isc-secondaryButton_over_bgColor);
  --isc-secondaryButton_down_color: var(--isc-secondaryButton_over_color);
  --isc-secondaryButton_down_border_color: var(--isc-secondaryButton_focused_border_color);
  --isc-secondaryButton_down_border: var(--isc-secondaryButton_border_width) var(--isc-standard_border_style) var(--isc-secondaryButton_down_border_color);
  --isc-secondaryButton_down_glow: inset 0 0 5px 1px var(--isc-secondaryButton_down_border_color);
  --isc-secondaryButton_down_opacity: var(--isc-button_down_opacity);
  --isc-secondaryButton_selected_bgColor: var(--isc-secondaryButton_over_bgColor);
  --isc-secondaryButton_selected_color: var(--isc-secondaryButton_over_color);
  --isc-secondaryButton_selected_border_color: var(--isc-secondaryButton_focused_border_color);
  --isc-secondaryButton_selected_border: var(--isc-secondaryButton_border_width) var(--isc-standard_border_style) var(--isc-secondaryButton_selected_border_color);
  --isc-secondaryButton_selected_shadow: inset 0 0 5px 1px var(--isc-secondaryButton_down_border_color);
  --isc-secondaryButton_selected_opacity: var(--isc-button_selected_opacity);
  --isc-secondaryButton_disabled_color: var(--isc-default_disabled_text_color);
  --isc-secondaryButton_disabled_bgColor: #dadada;
  --isc-secondaryButton_disabled_border_color: #dadada;
  --isc-secondaryButton_disabled_border: var(--isc-secondaryButton_border_width) var(--isc-standard_border_style) var(--isc-secondaryButton_disabled_border_color);
  --isc-secondaryButton_disabled_opacity: var(--isc-secondaryButton_opacity);
  --isc-secondaryButton_deselected_disabled_color: #a8a8a8;
  --isc-menuButton_font: var(--isc-button_font);
  --isc-menuButton_font_size: var(--isc-button_font_size);
  --isc-menuButton_line_height: var(--isc-button_line_height);
  --isc-menuButton_padding: 0px 0px 0px 5px;
  --isc-menuButton_bgImage: var(--isc-button_bgImage);
  --isc-menuButton_color: var(--isc-button_color);
  --isc-menuButton_bgColor: var(--isc-button_bgColor);
  --isc-menuButton_border_color: var(--isc-button_border_color);
  --isc-menuButton_border_width: var(--isc-button_border_width);
  --isc-menuButton_border_style: var(--isc-standard_border_style);
  --isc-menuButton_border_radius: var(--isc-button_border_radius);
  --isc-menuButton_border: var(--isc-menuButton_border_width) var(--isc-menuButton_border_style) var(--isc-menuButton_border_color);
  --isc-menuButton_shadow: var(--isc-button_shadow);
  --isc-menuButton_opacity: var(--isc-button_opacity);
  --isc-menuButton_over_color: var(--isc-menuButton_color);
  --isc-menuButton_over_bgColor: var(--isc-menuButton_bgColor);
  --isc-menuButton_over_border_color: var(--isc-menuButton_border_color);
  --isc-menuButton_over_border: var(--isc-menuButton_border_width) var(--isc-menuButton_border_style) var(--isc-menuButton_over_border_color);
  --isc-menuButton_over_shadow: var(--isc-button_over_shadow);
  --isc-menuButton_over_opacity: var(--isc-button_over_opacity);
  --isc-menuButton_focused_color: var(--isc-menuButton_color);
  --isc-menuButton_focused_bgColor: #1d71ae;
  --isc-menuButton_focused_border_color: #005491;
  --isc-menuButton_focused_border: var(--isc-menuButton_border_width) var(--isc-menuButton_border_style) var(--isc-menuButton_focused_border_color);
  --isc-menuButton_focused_shadow: var(--isc-button_focused_shadow);
  --isc-menuButton_focused_opacity: var(--isc-button_focused_opacity);
  --isc-menuButton_focused_over_color: var(--isc-menuButton_over_color);
  --isc-menuButton_focused_over_bgColor: var(--isc-menuButton_focused_bgColor);
  --isc-menuButton_focused_over_border_color: var(--isc-menuButton_focused_border_color);
  --isc-menuButton_focused_over_border: var(--isc-menuButton_border_width) var(--isc-menuButton_border_style) var(--isc-menuButton_focused_over_border_color);
  --isc-menuButton_focused_over_shadow: var(--isc-button_focused_over_shadow);
  --isc-menuButton_focused_over_opacity: var(--isc-button_focused_over_opacity);
  --isc-menuButton_down_color: var(--isc-menuButton_focused_color);
  --isc-menuButton_down_bgColor: var(--isc-menuButton_focused_bgColor);
  --isc-menuButton_down_border_color: var(--isc-button_down_border_color);
  --isc-menuButton_down_border: var(--isc-menuButton_border_width) var(--isc-menuButton_border_style) var(--isc-menuButton_down_border_color);
  --isc-menuButton_down_glow: var(--isc-button_down_glow);
  --isc-menuButton_down_opacity: var(--isc-button_down_opacity);
  --isc-menuButton_disabled_color: var(--isc-button_disabled_color);
  --isc-menuButton_disabled_bgColor: var(--isc-button_disabled_bgColor);
  --isc-menuButton_disabled_border_color: var(--isc-button_disabled_border_color);
  --isc-menuButton_disabled_border: var(--isc-menuButton_border_width) var(--isc-menuButton_border_style) var(--isc-menuButton_disabled_border_color);
  --isc-menuButton_disabled_opacity: var(--isc-button_disabled_opacity);
  --isc-menuButton_opened_shadow: var(--isc-menuButton_down_glow);
  --isc-textMenuButton_padding: var(--isc-menuButton_padding);
  --isc-textMenuButton_color: var(--isc-standard_color);
  --isc-textMenuButton_over_color: var(--isc-highlight_color);
  --isc-textMenuButton_font: var(--isc-menuButton_font);
  --isc-textMenuButton_font_size: var(--isc-normal_font_size);
  --isc-window_bgColor: var(--isc-standard_bgColor);
  --isc-window_border_color: var(--isc-standard_border_color);
  --isc-window_border: var(--isc-standard_border_width) var(--isc-standard_border_style) var(--isc-window_border_color);
  --isc-window_shadow: 5px 5px 15px 0 rgba(0, 0, 0, 0.05);
  --isc-window_border_radius: var(--isc-standard_border_radius);
  --isc-window_body_padding: 0px 2px 2px 2px;
  --isc-window_body_bgColor: var(--isc-standard_bgColor);
  --isc-window_body_top_border: var(--isc-window_border);
  --isc-window_body_font: var(--isc-standard_body_font);
  --isc-window_body_font_size: var(--isc-standard_body_font_size);
  --isc-window_separator_border: var(--isc-window_border);
  --isc-window_separator_indent: 0px;
  --isc-window_separator_v_offset: 0px;
  --isc-window_header_font: var(--isc-standard_header_font);
  --isc-window_header_font_size: var(--isc-standard_header_font_size);
  --isc-window_header_padding: 0px;
  --isc-window_header_line_height: 17px;
  --isc-window_header_color: var(--isc-standard_header_color);
  --isc-window_title_padding: 0px 0px 0px 5px;
  --isc-window_header_bgColor: var(--isc-standard_header_bgColor);
  --isc-window_header_bgImage: var(--isc-highlight_gradient);
  --isc-window_header_icon_padding: var(--isc-window_title_padding);
  --isc-window_header_border_radius: var(--isc-window_border_radius);
  --isc-window_status_font: var(--isc-primary_font);
  --isc-window_status_font_size: var(--isc-standard_font_size);
  --isc-window_status_color: var(--isc-button_bgColor);
  --isc-window_status_bgColor: var(--isc-standard_widget_bgColor);
  --isc-window_status_padding: 7px;
  --isc-dialog_bgColor: var(--isc-window_bgColor);
  --isc-dialog_border_color: var(--isc-standard_border_color);
  --isc-dialog_border: var(--isc-standard_border_width) var(--isc-standard_border_style) var(--isc-dialog_border_color);
  --isc-dialog_shadow: 5px 5px 15px 0 rgba(0, 0, 0, 0.05);
  --isc-dialog_border_radius: var(--isc-window_border_radius);
  --isc-dialog_body_padding: 0px 2px 2px 2px;
  --isc-dialog_body_bgColor: var(--isc-standard_bgColor);
  --isc-dialog_body_top_border: var(--isc-window_body_top_border);
  --isc-dialog_body_font: var(--isc-window_body_font);
  --isc-dialog_body_font_size: var(--isc-window_body_font_size);
  --isc-dialog_separator_border: var(--isc-window_separator_border);
  --isc-dialog_separator_indent: var(--isc-window_separator_indent);
  --isc-dialog_separator_v_offset: 0px;
  --isc-dialog_header_font: var(--isc-standard_header_font);
  --isc-dialog_header_font_size: var(--isc-standard_header_font_size);
  --isc-dialog_header_padding: var(--isc-window_header_padding);
  --isc-dialog_header_line_height: var(--isc-window_header_line_height);
  --isc-dialog_header_color: var(--isc-window_header_color);
  --isc-dialog_header_bgColor: var(--isc-window_header_bgColor);
  --isc-dialog_header_border: var(--isc-dialog_border);
  --isc-dialog_header_bgImage: var(--isc-window_header_bgImage);
  --isc-dialog_title_padding: var(--isc-window_title_padding);
  --isc-dialog_header_border_radius: var(--isc-dialog_border_radius);
  --isc-dialog_status_font: var(--isc-window_status_font);
  --isc-dialog_status_font_size: var(--isc-window_status_font_size);
  --isc-dialog_status_color: var(--isc-button_bgColor);
  --isc-dialog_status_bgColor: var(--isc-standard_widget_bgColor);
  --isc-dialog_status_padding: 7px;
  --isc-dialog_toolbar_bgColor: transparent;
  --isc-dialog_toolbar_border: none;
  --isc-sectionStack_bgColor: transparent;
  --isc-sectionStack_border_color: var(--isc-standard_widget_border_color);
  --isc-sectionStack_border: var(--isc-standard_border_width) var(--isc-standard_border_style) var(--isc-sectionStack_border_color);
  --isc-sectionStack_top_border: none;
  --isc-sectionStack_border_radius: var(--isc-standard_border_radius);
  --isc-sectionHeader_font: var(--isc-standard_header_font);
  --isc-sectionHeader_font_size: var(--isc-secondary_header_font_size);
  --isc-sectionHeader_padding: 0px 0px 0px 10px;
  --isc-sectionHeader_color: var(--isc-secondary_header_color);
  --isc-sectionHeader_bgColor: var(--isc-secondary_header_bgColor);
  --isc-sectionHeader_border_radius: var(--isc-standard_border_radius);
  --isc-sectionHeader_border: var(--isc-sectionStack_border);
  --isc-sectionHeader_bottom_border: var(--isc-sectionHeader_border);
  --isc-sectionHeader_disabled_text_color: var(--isc-default_disabled_text_color);
  --isc-sectionHeader_disabled_bgColor: var(--isc-button_disabled_bgColor);
  --isc-sectionHeader_disabled_border_color: var(--isc-button_disabled_border_color);
  --isc-sectionHeader_disabled_border: var(--isc-standard_border_width) var(--isc-standard_border_style) var(--isc-sectionHeader_disabled_border_color);
  --isc-sectionHeader_over_color: var(--isc-sectionHeader_color);
  --isc-sectionHeader_over_bgColor: var(--isc-sectionHeader_bgColor);
  --isc-sectionHeader_down_color: var(--isc-sectionHeader_color);
  --isc-sectionHeader_down_bgColor: var(--isc-sectionHeader_bgColor);
  --isc-navBar_bgColor: var(--isc-secondary_header_bgColor);
  --isc-navBar_border_color: var(--isc-standard_widget_border_color);
  --isc-navBar_border: var(--isc-standard_border_width) var(--isc-standard_border_style) var(--isc-navBar_border_color);
  --isc-navBar_header_font_size: 15px;
  --isc-navBar_header_font: var(--isc-primary_font);
  --isc-navBar_header_color: var(--isc-secondary_header_color);
  --isc-navButton_font: var(--isc-primary_font);
  --isc-navButton_font_size: var(--isc-standard_header_font_size);
  --isc-navButton_padding: 0px 10px 0px 7px;
  --isc-navButton_forward_padding: 0px 10px 0px 10px;
  --isc-navButton_line_height: 24px;
  --isc-navButton_color: var(--isc-standard_color);
  --isc-navButton_bgColor: var(--isc-navBar_bgColor);
  --isc-navButton_border_color: transparent;
  --isc-navButton_border_width: var(--isc-standard_border_width);
  --isc-navButton_border_radius: 3px;
  --isc-navButton_border: var(--isc-navButton_border_width) var(--isc-standard_border_style) var(--isc-navButton_border_color);
  --isc-navButton_over_border_color: #929292;
  --isc-navButton_over_border_width: var(--isc-navButton_border_width);
  --isc-navButton_over_border: var(--isc-navButton_over_border_width) var(--isc-standard_border_style) var(--isc-navButton_over_border_color);
  --isc-navButton_selected_color: var(--isc-secondary_header_bgColor);
  --isc-navButton_selected_bgColor: #616161;
  --isc-navButton_selected_border_color: #929292;
  --isc-navButton_selected_border: var(--isc-standard_border_width) var(--isc-standard_border_style) var(--isc-navButton_selected_border_color);
  --isc-navButton_disabled_color: var(--isc-default_disabled_text_color);
  --isc-navButton_disabled_bgColor: var(--isc-navButton_bgColor);
  --isc-form_bgColor: transparent;
  --isc-form_border: none;
  --isc-form_border_radius: 0px;
  --isc-form_padding: 0px;
  --isc-form_title_font: var(--isc-primary_font);
  --isc-form_title_font_size: 12px;
  --isc-form_title_padding: 2px 2px;
  --isc-form_vertical_title_padding: 4px 0px 2px 0px;
  --isc-form_title_color: #003168;
  --isc-form_title_pending_color: var(--isc-form_title_color);
  --isc-form_title_error_color: #8f2227;
  --isc-form_title_error_font_weight: bold;
  --isc-form_cell_padding: 2px 2px;
  --isc-formItem_control_padding: 0px 0px 0px 3px;
  --isc-formItem_font: var(--isc-primary_font);
  --isc-formItem_font_size: 12px;
  --isc-formItem_lineHeight: 12px;
  --isc-formItem_padding: 2px 3px;
  --isc-formItem_opacity: 1;
  --isc-formItem_color: var(--isc-standard_color);
  --isc-formItem_bgColor: var(--isc-standard_widget_bgColor);
  --isc-formItem_border_color: #b8b8b8;
  --isc-formItem_border_width: var(--isc-standard_border_width);
  --isc-formItem_border_radius: var(--isc-standard_border_radius);
  --isc-formItem_border: var(--isc-formItem_border_width) var(--isc-standard_border_style) var(--isc-formItem_border_color);
  --isc-formItem_shadow: none;
  --isc-formItem_focused_color: var(--isc-formItem_color);
  --isc-formItem_focused_border_color: var(--isc-active_border_color);
  --isc-formItem_focused_border: var(--isc-formItem_border_width) var(--isc-standard_border_style) var(--isc-formItem_focused_border_color);
  --isc-formItem_focused_bgColor: var(--isc-formItem_bgColor);
  --isc-formItem_focused_shadow: none;
  --isc-formItem_over_color: var(--isc-formItem_color);
  --isc-formItem_over_bgColor: var(--isc-formItem_bgColor);
  --isc-formItem_over_border_color: var(--isc-formItem_focused_border_color);
  --isc-formItem_over_border: var(--isc-formItem_border_width) var(--isc-standard_border_style) var(--isc-formItem_over_border_color);
  --isc-formItem_over_shadow: 0 0 5px 0 var(--isc-formItem_over_border_color);
  --isc-formItem_focused_over_border_color: var(--isc-formItem_focused_border_color);
  --isc-formItem_focused_over_border: var(--isc-formItem_border_width) var(--isc-standard_border_style) var(--isc-formItem_focused_over_border_color);
  --isc-formItem_focused_over_shadow: 0 0 5px 0 var(--isc-formItem_focused_over_border_color), inset 0 0 5px 0 var(--isc-formItem_focused_over_border_color);
  --isc-formItem_disabled_color: var(--isc-default_disabled_text_color);
  --isc-formItem_disabled_bgColor: #efefef;
  --isc-formItem_disabled_border_color: var(--isc-formItem_border_color);
  --isc-formItem_disabled_border: var(--isc-formItem_border_width) var(--isc-standard_border_style) var(--isc-formItem_disabled_border_color);
  --isc-formItem_value_error_color: var(--isc-formItem_color);
  --isc-formItem_error_color: #8f2227;
  --isc-formItem_error_border: var(--isc-formItem_border);
  --isc-formItem_error_bgColor: var(--isc-formItem_bgColor);
  --isc-formItem_error_shadow: var(--isc-formItem_shadow);
  --isc-formItem_error_over_color: var(--isc-formItem_error_color);
  --isc-formItem_error_over_border: var(--isc-formItem_over_border);
  --isc-formItem_error_over_shadow: var(--isc-formItem_over_shadow);
  --isc-formItem_error_focused_color: var(--isc-formItem_error_color);
  --isc-formItem_error_focused_border: var(--isc-formItem_focused_border);
  --isc-formItem_error_focused_shadow: var(--isc-formItem_error_shadow);
  --isc-formItem_error_focused_over_color: var(--isc-formItem_error_focused_color);
  --isc-formItem_error_focused_over_border: var(--isc-formItem_focused_over_border);
  --isc-formItem_error_focused_over_shadow: var(--isc-formItem_error_over_shadow);
  --isc-formItem_hint_color: #999999;
  --isc-formItem_hint_padding: 3px 3px 3px 3px;
  --isc-formItem_hint_font: var(--isc-formItem_font);
  --isc-formItem_hint_font_size: var(--isc-formItem_font_size);
  --isc-formItem_hint_error_color: var(--isc-formItem_hint_color);
  --isc-headerItem_color: #4d4d4d;
  --isc-uploadItem_bgColor: var(--isc-formItem_bgColor);
  --isc-uploadItem_border: none;
  --isc-uploadItem_padding: var(--isc-standard_padding);
  --isc-pickerSearchBox_padding: 0px 6px 0px 6px;
  --isc-pickerSearchBox_border_radius: 3px;
  --isc-pickerIcon_left_border: none;
  --isc-pickerIcon_padding: 0px 0px 0px 2px;
  --isc-nativeDateItem_padding: 4px 2px 4px 2px;
  --isc-pickerIcon_color: var(--isc-formItem_color);
  --isc-pickerIcon_bgColor: var(--isc-formItem_bgColor);
  --isc-pickerIcon_border: none;
  --isc-pickerIcon_border_radius: var(--isc-formItem_border_radius);
  --isc-inlineFormItem_font: var(--isc-formItem_font);
  --isc-inlineFormItem_font_size: var(--isc-formItem_font_size);
  --isc-inlineFormItem_color: var(--isc-formItem_color);
  --isc-inlineFormItem_bgColor: var(--isc-formItem_bgColor);
  --isc-inlineFormItem_padding: 0px 2px 0px 2px;
  --isc-inlineFormItem_border_color: var(--isc-formItem_border_color);
  --isc-inlineFormItem_border_width: var(--isc-formItem_border_width);
  --isc-inlineFormItem_border: var(--isc-inlineFormItem_border_width) var(--isc-standard_border_style) var(--isc-inlineFormItem_border_color);
  --isc-inlineFormItem_border_radius: var(--isc-formItem_border_radius);
  --isc-combobox_item_picker_icon: url(./images/pickers/down.png);
  --isc-combobox_item_picker_over_icon: url(./images/pickers/down.png);
  --isc-combobox_item_picker_focused_over_icon: url(./images/pickers/down.png);
  --isc-combobox_item_picker_error_icon: url(./images/pickers/down.png);
  --isc-combobox_item_picker_disabled_icon: url(./images/pickers/down_Disabled.png);
  --isc-comboBox_padding: var(--isc-formItem_control_padding);
  --isc-radio_sprite_image: url(./images/DynamicForm/radio-button.png);
  --isc-select_item_lite_control_focused_outline: none;
  --isc-selectItem_padding: var(--isc-formItem_control_padding);
  --isc-spinner_increase_icon_offset: 0px 18px;
  --isc-spinner_increase_icon_offset_disabled: -16px 18px;
  --isc-spinner_increase_icon_offset_over: -31px 18px;
  --isc-spinner_decrease_icon_offset: 0px -4px;
  --isc-spinner_decrease_icon_offset_disabled: -16px -4px;
  --isc-spinner_decrease_icon_offset_over: -31px -4px;
  --isc-spinner_icon_sprite: url(./images/DynamicForm/spinner_control_sprite_transparent.png);
  --isc-spinner_icon_sprite_rtl: url(./images/DynamicForm/spinner_control_sprite_transparent_rtl.png);
  --isc-spinner_unstacked_icon_bgColor: var(--isc-formItem_bgColor);
  --isc-unstackedSpinnerIcon_border: none;
  --isc-unstackedSpinnerIcon_error_border: var(--isc-unstackedSpinnerIcon_border);
  --isc-multiPickerLayout_bgColor: var(--isc-standard_widget_bgColor);
  --isc-multiPickerLayout_border: var(--isc-standard_border_width) var(--isc-standard_border_style) var(--isc-standard_widget_border_color);
  --isc-listGrid_recordEditor_line_height: 22px;
  --isc-listGrid_message_padding: 11px;
  --isc-listGrid_bgColor: var(--isc-standard_widget_bgColor);
  --isc-listGrid_padding: 0px;
  --isc-listGrid_body_bgColor: var(--isc-standard_widget_bgColor);
  --isc-listGrid_border_radius: var(--isc-standard_border_radius);
  --isc-listGrid_body_border_radius: var(--isc-listGrid_border_radius);
  --isc-listGrid_row_border_radius: var(--isc-standard_border_radius);
  --isc-listGrid_body_gradient: none;
  --isc-listGrid_body_padding: 0px;
  --isc-listGrid_cell_font: var(--isc-standard_body_font);
  --isc-listGrid_cell_font_size: var(--isc-normal_font_size);
  --isc-listGrid_summaryCell_font_size: 12px;
  --isc-listGrid_summaryCell_fontWeight: bold;
  --isc-listGrid_sortNumeral_font_size: 7px;
  --isc-listGrid_dragTracker_font: var(--isc-primary_font);
  --isc-listGrid_dragTracker_font_size: var(--isc-standard_font_size);
  --isc-listGrid_headerButton_font: var(--isc-standard_header_font);
  --isc-listGrid_headerButton_font_size: var(--isc-normal_font_size);
  --isc-listGrid_headerButton_font_weight: var(--isc-standard_header_font_weight);
  --isc-listGrid_headerButton_letterSpacing: 0.3px;
  --isc-listGrid_headerButton_padding: 0px 0px 0px 3px;
  --isc-listGrid_headerButton_rotated_padding: 3px 0px 3px 0px;
  --isc-listGrid_glow_color: var(--isc-default_glow_color);
  --isc-listGrid_border_color: var(--isc-standard_widget_border_color);
  --isc-listGrid_border: var(--isc-standard_border_width) var(--isc-standard_border_style) var(--isc-listGrid_border_color);
  --isc-listGrid_dragTracker_padding: 1px;
  --isc-listGrid_dragTracker_border: var(--isc-standard_border_width) dotted var(--isc-standard_border_color);
  --isc-listGrid_headerBar_color: var(--isc-standard_header_color);
  --isc-listGrid_headerBar_bgColor: var(--isc-standard_header_bgColor);
  --isc-listGrid_headerBar_bottom_border: none;
  --isc-listGrid_headerBar_top_border: none;
  --isc-listGrid_headerBar_gradient_color: #b6bdc9;
  --isc-listGrid_headerBar_gradient: none;
  --isc-listGrid_headerBar_border_radius: 0px;
  --isc-listGrid_headerButton_color: var(--isc-listGrid_headerBar_color);
  --isc-listGrid_headerButton_bgColor: var(--isc-listGrid_headerBar_bgColor);
  --isc-listGrid_headerButton_border_color: transparent;
  --isc-listGrid_headerButton_border: none;
  --isc-listGrid_headerButton_border_radius: 0px;
  --isc-listGrid_headerButton_top_border: var(--isc-listGrid_headerButton_border);
  --isc-listGrid_headerButton_bottom_border: var(--isc-listGrid_headerButton_border);
  --isc-listGrid_headerButton_over_color: var(--isc-listGrid_headerButton_color);
  --isc-listGrid_headerButton_over_bgColor: #66bef5;
  --isc-listGrid_headerButton_selected_color: var(--isc-listGrid_headerButton_color);
  --isc-listGrid_headerButton_selected_bgColor: #157fcc;
  --isc-listGrid_headerButton_selected_over_color: var(--isc-listGrid_headerButton_over_color);
  --isc-listGrid_headerButton_selected_over_bgColor: var(--isc-listGrid_headerButton_over_bgColor);
  --isc-listGrid_headerButton_disabled_color: var(--isc-button_disabled_color);
  --isc-listGrid_headerButton_disabled_bgColor: var(--isc-button_disabled_bgColor);
  --isc-listGrid_headerButton_print_border: var(--isc-standard_border_width) var(--isc-standard_border_style) var(--isc-standard_border_color);
  --isc-listGrid_headerSpan_color: var(--isc-listGrid_headerButton_color);
  --isc-listGrid_headerSpan_over_bgColor: var(--isc-listGrid_headerButton_over_bgColor);
  --isc-listGrid_headerSpan_border_color: #ffffff;
  --isc-listGrid_headerSpan_border: var(--isc-standard_border_width) var(--isc-standard_border_style) var(--isc-listGrid_headerSpan_border_color);
  --isc-listGrid_headerSpan_font: var(--isc-listGrid_headerButton_font);
  --isc-listGrid_headerSpan_font_size: var(--isc-listGrid_headerButton_font_size);
  --isc-listGrid_headerButton_separator_height: 100%;
  --isc-listGrid_headerButton_separator_top: 0px;
  --isc-listGrid_headerButton_separator_width: 1px;
  --isc-listGrid_spannedHeaderButton_color: var(--isc-listGrid_headerButton_color);
  --isc-listGrid_spannedHeaderButton_font: var(--isc-listGrid_headerButton_font);
  --isc-listGrid_spannedHeaderButton_font_size: var(--isc-listGrid_headerButton_font_size);
  --isc-listGrid_headerMenuButton_color: var(--isc-listGrid_headerButton_color);
  --isc-listGrid_headerMenuButton_bgColor: var(--isc-listGrid_headerButton_bgColor);
  --isc-listGrid_headerMenuButton_border_radius: var(--isc-listGrid_headerButton_border_radius);
  --isc-listGrid_headerMenuButton_over_color: var(--isc-listGrid_headerButton_over_color);
  --isc-listGrid_headerMenuButton_over_bgColor: var(--isc-listGrid_headerButton_over_bgColor);
  --isc-listGrid_headerMenuButton_selected_color: var(--isc-listGrid_headerButton_selected_color);
  --isc-listGrid_headerMenuButton_selected_bgColor: var(--isc-listGrid_headerButton_selected_bgColor);
  --isc-listGrid_headerMenuButton_disabled_color: var(--isc-listGrid_headerButton_disabled_color);
  --isc-listGrid_headerMenuButton_disabled_bgColor: var(--isc-listGrid_headerButton_disabled_bgColor);
  --isc-listGrid_sorterButton_padding: 0px;
  --isc-listGrid_sorterButton_top_border: var(--isc-listGrid_headerButton_top_border);
  --isc-listGrid_sorterButton_bottom_border: var(--isc-listGrid_headerButton_bottom_border);
  --isc-listGrid_row_padding: 0px;
  --isc-listGrid_row_bottom_border: none;
  --isc-listGrid_linkCell_color: var(--isc-link_color);
  --isc-listGrid_cell_padding: 2px 3px 2px 3px;
  --isc-listGrid_cell_border: none;
  --isc-listGrid_row_border_width: var(--isc-standard_border_width);
  --isc-listGrid_row_border_color: transparent;
  --isc-listGrid_row_over_border_color: var(--isc-listGrid_row_border_color);
  --isc-listGrid_row_selected_border_color: var(--isc-listGrid_row_border_color);
  --isc-listGrid_row_disabled_border_color: var(--isc-listGrid_row_border_color);
  --isc-listGrid_row_alt_border_color: var(--isc-listGrid_row_border_color);
  --isc-listGrid_row_alt_over_border_color: var(--isc-listGrid_row_alt_border_color);
  --isc-listGrid_row_alt_selected_border_color: var(--isc-listGrid_row_alt_border_color);
  --isc-listGrid_row_alt_disabled_border_color: var(--isc-listGrid_row_alt_border_color);
  --isc-listGrid_row_border: var(--isc-listGrid_row_border_width) solid var(--isc-listGrid_row_border_color);
  --isc-listGrid_cell_color: #3f3f3f;
  --isc-listGrid_cell_bgColor: var(--isc-standard_widget_bgColor);
  --isc-listGrid_cell_dark_bgColor: #fafafa;
  --isc-listGrid_cell_altCol_bgColor: #fafafa;
  --isc-listGrid_cell_altCol_dark_bgColor: whitesmoke;
  --isc-listGrid_cell_over_color: var(--isc-listGrid_cell_color);
  --isc-listGrid_cell_over_bgColor: var(--isc-active_over_bgColor);
  --isc-listGrid_cell_selected_color: white;
  --isc-listGrid_cell_selected_bgColor: var(--isc-active_selected_bgColor);
  --isc-listGrid_cell_selected_over_color: var(--isc-listGrid_cell_selected_color);
  --isc-listGrid_cell_selected_over_bgColor: var(--isc-active_selected_bgColor);
  --isc-listGrid_cell_selected_over_border_color: var(--isc-active_selected_bgColor);
  --isc-listGrid_cell_selected_over_border: var(--isc-standard_border_width) var(--isc-standard_border_style) var(--isc-listGrid_cell_selected_over_border_color);
  --isc-listGrid_cell_selected_over_glow_color: var(--isc-active_selected_bgColor);
  --isc-listGrid_cell_selected_over_glow: 0 0 5px 0 var(--isc-listGrid_cell_selected_over_glow_color);
  --isc-listGrid_cell_disabled_color: var(--isc-default_disabled_text_color);
  --isc-listGrid_cell_disabled_bgColor: #ededed;
  --isc-listGrid_cell_async_gradient: linear-gradient(to right, transparent 0%, #cce7f7 100%);
  --isc-listGrid_summaryCell_color: #005491;
  --isc-listGrid_summaryCell_bgColor: #e7f6ff;
  --isc-listGrid_summaryCell_border_color: #005491;
  --isc-listGrid_summaryCell_border: var(--isc-standard_border_width) var(--isc-standard_border_style) var(--isc-listGrid_summaryCell_border_color);
  --isc-listGrid_summaryCell_disabled_border: var(--isc-standard_border_width) var(--isc-standard_border_style) var(--isc-listGrid_cell_disabled_bgColor);
  --isc-listGrid_summaryCell_dark_color: #585858;
  --isc-listGrid_summaryCell_disabled_bgColor: var(--isc-listGrid_summaryCell_bgColor);
  --isc-listGrid_groupNode_font: var(--isc-listGrid_cell_font);
  --isc-listGrid_groupNode_font_size: 12px;
  --isc-listGrid_groupNode_fontWeight: bold;
  --isc-listGrid_groupNode_padding: 1px 1px 1px 3px;
  --isc-listGrid_groupNode_text_color: #005491;
  --isc-listGrid_groupNode_bgColor: var(--isc-listGrid_cell_bgColor);
  --isc-listGrid_groupNode_border_color: #8c8c8c;
  --isc-listGrid_groupNode_border: var(--isc-standard_border_width) var(--isc-standard_border_style) var(--isc-listGrid_groupNode_border_color);
  --isc-listGrid_groupNode_over_bgColor: var(--isc-listGrid_cell_over_bgColor);
  --isc-listGrid_groupNode_over_color: var(--isc-listGrid_cell_over_color);
  --isc-listGrid_groupNode_selected_bgColor: var(--isc-listGrid_cell_selected_bgColor);
  --isc-listGrid_groupNode_selected_color: var(--isc-listGrid_cell_selected_color);
  --isc-listGrid_groupNode_selected_over_bgColor: var(--isc-listGrid_cell_selected_over_bgColor);
  --isc-listGrid_groupNode_disabled_color: var(--isc-listGrid_cell_disabled_color);
  --isc-listGrid_groupNode_disabled_bgColor: var(--isc-listGrid_cell_disabled_bgColor);
  --isc-listGrid_editor_shadow: none;
  --isc-listGrid_editor_focused_shadow: inset 0 0 5px 0 var(--isc-formItem_focused_border_color);
  --isc-listGrid_editor_focused_over_shadow: 0 0 5px var(--isc-formItem_focused_border_color);
  --isc-listGrid_filterOperatorIcon_font: var(--isc-button_font);
  --isc-listGrid_filterOperatorIcon_fontSize: var(--isc-standard_small_font_size);
  --isc-listGrid_filterOperatorIcon_fontWeight: normal;
  --isc-listGrid_filterOperatorIcon_line_height: 14px;
  --isc-listGrid_filterOperatorIcon_textAlign: center;
  --isc-listGrid_filterOperatorIcon_padding: 0px;
  --isc-listGrid_filterOperatorIcon_margin: 0px 0px 0px 2px;
  --isc-listGrid_filterOperatorIcon_border_radius: 5px;
  --isc-listGrid_specialCol_font: var(--isc-listGrid_cell_font);
  --isc-listGrid_specialCol_font_size: var(--isc-listGrid_cell_font_size);
  --isc-listGrid_specialCol_padding: var(--isc-listGrid_cell_padding);
  --isc-listGrid_specialCol_line_height: 22px;
  --isc-listGrid_specialCol_bgColor: var(--isc-listGrid_cell_dark_bgColor);
  --isc-listGrid_specialCol_color: var(--isc-listGrid_cell_color);
  --isc-listGrid_specialCol_over_bgColor: var(--isc-active_over_bgColor);
  --isc-listGrid_specialCol_row_border: var(--isc-listGrid_row_border);
  --isc-listGrid_specialCol_cell_border: var(--isc-listGrid_cell_border);
  --isc-listGrid_specialCol_over_color: var(--isc-listGrid_specialCol_color);
  --isc-listGrid_specialCol_selected_bgColor: var(--isc-active_selected_bgColor);
  --isc-listGrid_specialCol_selected_color: var(--isc-listGrid_cell_selected_color);
  --isc-listGrid_specialCol_selected_over_bgColor: var(--isc-active_selected_bgColor);
  --isc-listGrid_specialCol_selected_over_color: var(--isc-listGrid_specialCol_selected_color);
  --isc-listGrid_specialCol_disabled_bgColor: var(--isc-listGrid_cell_disabled_bgColor);
  --isc-listGrid_specialCol_disabled_color: var(--isc-listGrid_cell_disabled_color);
  --isc-listGrid_recordEditorCell_bgColor: var(--isc-standard_bgColor);
  --isc-listGrid_recordEditorCell_color: var(--isc-standard_color);
  --isc-listGrid_recordEditorCell_font: var(--isc-formItem_font);
  --isc-listGrid_recordEditorCell_disabled_bgColor: var(--isc-listGrid_headerButton_disabled_bgColor);
  --isc-listGrid_recordEditorCell_disabled_color: var(--isc-listGrid_headerButton_disabled_color);
  --isc-listGrid_recordEditorCell_margin: 0px;
  --isc-listGrid_recordEditorCell_padding: 0px;
  --isc-menu_font: var(--isc-primary_font);
  --isc-menu_font_size: var(--isc-standard_font_size);
  --isc-menu_padding: 0px 2px;
  --isc-menu_title_padding: 0px 0px 0px 4px;
  --isc-menu_color: var(--isc-standard_color);
  --isc-menu_bgColor: var(--isc-standard_widget_bgColor);
  --isc-menu_border_color: var(--isc-standard_widget_border_color);
  --isc-menu_border: var(--isc-standard_border_width) var(--isc-standard_border_style) var(--isc-menu_border_color);
  --isc-menu_border_radius: var(--isc-standard_border_radius);
  --isc-menu_shadow: 0 0 15px 5px rgba(0, 0, 0, 0.03);
  --isc-menu_over_color: var(--isc-active_text_color);
  --isc-menu_over_bgColor: var(--isc-standard_header_dark_bgColor);
  --isc-menu_over_brightness: 400%;
  --isc-menu_disabled_color: #999999;
  --isc-menu_selected_color: var(--isc-menu_over_color);
  --isc-menu_selected_bgColor: #3fa3ec;
  --isc-menu_separator_padding: 0px 2px;
  --isc-menu_body_padding: 0px;
  --isc-menu_body_bgColor: var(--isc-menu_bgColor);
  --isc-menu_body_gradient: var(--isc-listGrid_body_gradient);
  --isc-menu_body_border_radius: 0px;
  --isc-menuItem_border_color: transparent;
  --isc-menuItem_border_width: var(--isc-standard_border_width);
  --isc-menuItem_border: var(--isc-menuItem_border_width) var(--isc-standard_border_style) var(--isc-menuItem_border_color);
  --isc-menu_iconField_padding: 0px 1px 0px 12px;
  --isc-menu_iconField_border_radius: var(--isc-standard_border_radius);
  --isc-menu_iconField_color: var(--isc-menu_color);
  --isc-menu_iconField_over_color: var(--isc-menu_over_color);
  --isc-menu_iconField_selected_color: var(--isc-menu_selected_color);
  --isc-menu_iconField_disabled_color: var(--isc-menu_disabled_color);
  --isc-menu_keyField_font: var(--isc-menu_font);
  --isc-menu_keyField_padding: var(--isc-menu_padding);
  --isc-menu_keyField_border_radius: 0px;
  --isc-menu_keyField_color: var(--isc-menu_color);
  --isc-menu_keyField_over_color: var(--isc-menu_over_color);
  --isc-menu_keyField_selected_color: var(--isc-menu_selected_color);
  --isc-menu_submenuField_padding: var(--isc-menu_padding);
  --isc-menu_submenuField_border_radius: var(--isc-menu_border_radius);
  --isc-menu_submenuField_color: var(--isc-menu_color);
  --isc-menu_submenuField_over_color: var(--isc-menu_over_color);
  --isc-menu_submenuField_selected_color: var(--isc-menu_selected_color);
  --isc-treeGrid_border_color: var(--isc-standard_widget_border_color);
  --isc-treeGrid_border: var(--isc-standard_border_width) var(--isc-standard_border_style) var(--isc-treeGrid_border_color);
  --isc-treeGrid_body_bgColor: var(--isc-listGrid_body_bgColor);
  --isc-treeGrid_glow_color: var(--isc-listGrid_glow_color);
  --isc-treeGrid_row_border: var(--isc-listGrid_row_border);
  --isc-treeGrid_connectorIcon_color: var(--isc-highlight_color);
  --isc-treeGrid_connectorIcon_disabled_color: var(--isc-treeGrid_connectorIcon_color);
  --isc-treeGrid_connectorLine_color: #e0e0e0;
  --isc-treeGrid_connectorLine_disabled_color: var(--isc-treeGrid_connectorLine_color);
  --isc-treeGrid_cell_font: var(--isc-listGrid_cell_font);
  --isc-treeGrid_cell_font_size: var(--isc-listGrid_cell_font_size);
  --isc-treeGrid_cell_padding: 0px 3px 0px 0px;
  --isc-treeGrid_cell_color: var(--isc-listGrid_cell_color);
  --isc-treeGrid_cell_over_color: var(--isc-listGrid_cell_over_color);
  --isc-treeGrid_cell_bgColor: var(--isc-listGrid_cell_bgColor);
  --isc-treeGrid_cell_border_color: transparent;
  --isc-treeGrid_cell_border: none;
  --isc-treeGrid_cell_dark_bgColor: var(--isc-listGrid_cell_dark_bgColor);
  --isc-treeGrid_cell_over_bgColor: var(--isc-listGrid_cell_over_bgColor);
  --isc-treeGrid_cell_selected_color: var(--isc-listGrid_cell_selected_color);
  --isc-treeGrid_cell_selected_bgColor: var(--isc-listGrid_cell_selected_bgColor);
  --isc-treeGrid_cell_selected_over_color: var(--isc-listGrid_cell_selected_over_color);
  --isc-treeGrid_cell_selected_over_bgColor: var(--isc-listGrid_cell_selected_bgColor);
  --isc-treeGrid_cell_selected_over_glow_color: var(--isc-listGrid_cell_selected_over_glow_color);
  --isc-treeGrid_cell_selected_over_glow: 0 0 5px 0 var(--isc-treeGrid_cell_selected_over_glow_color);
  --isc-treeGrid_cell_disabled_color: var(--isc-listGrid_cell_disabled_color);
  --isc-treeGrid_cell_disabled_bgColor: var(--isc-listGrid_cell_disabled_bgColor);
  --isc-cubeGrid_font: var(--isc-standard_body_font);
  --isc-cubeGrid_glow_color: var(--isc-listGrid_glow_color);
  --isc-cubeGrid_font_size: var(--isc-normal_font_size);
  --isc-cubeGrid_border_color: var(--isc-listGrid_border_color);
  --isc-cubeGrid_border: var(--isc-standard_border_width) var(--isc-standard_border_style) var(--isc-cubeGrid_border_color);
  --isc-cubeGrid_header_font: var(--isc-listGrid_headerButton_font);
  --isc-cubeGrid_header_font_size: var(--isc-listGrid_headerButton_font_size);
  --isc-cubeGrid_header_color: var(--isc-listGrid_headerButton_color);
  --isc-cubeGrid_header_bgColor: var(--isc-listGrid_headerButton_bgColor);
  --isc-cubeGrid_header_border_color: var(--isc-listGrid_headerSpan_border_color);
  --isc-cubeGrid_header_border: var(--isc-standard_border_width) var(--isc-standard_border_style) var(--isc-cubeGrid_header_border_color);
  --isc-cubeGrid_header_disabled_border: var(--isc-cubeGrid_header_border);
  --isc-cubeGrid_header_over_color: var(--isc-listGrid_headerButton_over_color);
  --isc-cubeGrid_header_over_bgColor: var(--isc-listGrid_headerButton_over_bgColor);
  --isc-cubeGrid_header_disabled_color: var(--isc-listGrid_headerButton_disabled_color);
  --isc-cubeGrid_header_disabled_bgColor: var(--isc-listGrid_headerButton_disabled_bgColor);
  --isc-cubeGrid_header_selected_color: var(--isc-listGrid_headerButton_selected_color);
  --isc-cubeGrid_header_selected_bgColor: var(--isc-listGrid_headerButton_selected_bgColor);
  --isc-cubeGrid_header_selected_over_color: var(--isc-active_text_color);
  --isc-cubeGrid_header_selected_over_bgColor: var(--isc-listGrid_headerButton_selected_over_bgColor);
  --isc-cubeGrid_header_selected_down_bgColor: #0b62a2;
  --isc-cubeGrid_header_selected_disabled_bgColor: var(--isc-listGrid_headerButton_disabled_bgColor);
  --isc-cubeGrid_headerLabel_font: var(--isc-cubeGrid_header_font);
  --isc-cubeGrid_headerLabel_font_size: 13px;
  --isc-cubeGrid_headerLabel_border: var(--isc-cubeGrid_header_border);
  --isc-cubeGrid_headerLabel_disabled_border: var(--isc-cubeGrid_header_disabled_border);
  --isc-cubeGrid_headerLabel_color: var(--isc-cubeGrid_header_color);
  --isc-cubeGrid_headerLabel_bgColor: var(--isc-cubeGrid_header_selected_bgColor);
  --isc-cubeGrid_headerLabel_over_color: var(--isc-cubeGrid_header_over_color);
  --isc-cubeGrid_headerLabel_over_bgColor: var(--isc-cubeGrid_header_over_bgColor);
  --isc-cubeGrid_headerLabel_selected_color: var(--isc-cubeGrid_header_selected_color);
  --isc-cubeGrid_headerLabel_selected_bgColor: #0664a8;
  --isc-cubeGrid_headerLabel_selected_over_color: var(--isc-cubeGrid_header_selected_over_color);
  --isc-cubeGrid_headerLabel_selected_over_bgColor: var(--isc-cubeGrid_header_selected_over_bgColor);
  --isc-cubeGrid_headerLabel_disabled_color: var(--isc-cubeGrid_header_disabled_color);
  --isc-cubeGrid_headerLabel_disabled_bgColor: var(--isc-cubeGrid_header_disabled_bgColor);
  --isc-cubeGrid_rowHeaderLabel_font: var(--isc-cubeGrid_headerLabel_font);
  --isc-cubeGrid_rowHeaderLabel_font_size: var(--isc-cubeGrid_headerLabel_font_size);
  --isc-cubeGrid_rowHeaderLabel_border: var(--isc-cubeGrid_headerLabel_border);
  --isc-cubeGrid_rowHeaderLabel_disabled_border: var(--isc-cubeGrid_headerLabel_disabled_border);
  --isc-cubeGrid_rowHeaderLabel_color: var(--isc-cubeGrid_headerLabel_color);
  --isc-cubeGrid_rowHeaderLabel_bgColor: var(--isc-cubeGrid_headerLabel_bgColor);
  --isc-cubeGrid_rowHeaderLabel_over_color: var(--isc-cubeGrid_headerLabel_over_color);
  --isc-cubeGrid_rowHeaderLabel_over_bgColor: var(--isc-cubeGrid_headerLabel_over_bgColor);
  --isc-cubeGrid_rowHeaderLabel_selected_color: var(--isc-cubeGrid_headerLabel_selected_color);
  --isc-cubeGrid_rowHeaderLabel_selected_bgColor: var(--isc-cubeGrid_headerLabel_selected_bgColor);
  --isc-cubeGrid_rowHeaderLabel_selected_over_color: var(--isc-cubeGrid_headerLabel_selected_over_color);
  --isc-cubeGrid_rowHeaderLabel_selected_over_bgColor: var(--isc-cubeGrid_headerLabel_selected_over_color);
  --isc-cubeGrid_rowHeaderLabel_disabled_color: var(--isc-cubeGrid_headerLabel_disabled_color);
  --isc-cubeGrid_rowHeaderLabel_disabled_bgColor: var(--isc-cubeGrid_headerLabel_disabled_bgColor);
  --isc-cubeGrid_rowHeader_font: var(--isc-cubeGrid_header_font);
  --isc-cubeGrid_rowHeader_font_size: var(--isc-cubeGrid_header_font_size);
  --isc-cubeGrid_rowHeader_border: var(--isc-cubeGrid_header_border);
  --isc-cubeGrid_rowHeader_disabled_border: var(--isc-cubeGrid_header_disabled_border);
  --isc-cubeGrid_rowHeader_color: var(--isc-cubeGrid_header_color);
  --isc-cubeGrid_rowHeader_bgColor: var(--isc-cubeGrid_header_bgColor);
  --isc-cubeGrid_rowHeader_over_color: var(--isc-cubeGrid_header_over_color);
  --isc-cubeGrid_rowHeader_over_bgColor: var(--isc-cubeGrid_header_over_bgColor);
  --isc-cubeGrid_rowHeader_selected_color: var(--isc-cubeGrid_header_selected_color);
  --isc-cubeGrid_rowHeader_selected_bgColor: var(--isc-cubeGrid_header_selected_bgColor);
  --isc-cubeGrid_rowHeader_selected_over_color: var(--isc-cubeGrid_header_selected_over_color);
  --isc-cubeGrid_rowHeader_selected_over_bgColor: var(--isc-cubeGrid_header_selected_over_bgColor);
  --isc-cubeGrid_rowHeader_disabled_color: var(--isc-cubeGrid_header_disabled_color);
  --isc-cubeGrid_rowHeader_disabled_bgColor: var(--isc-cubeGrid_header_disabled_bgColor);
  --isc-cubeGrid_colHeaderLabel_font: var(--isc-cubeGrid_headerLabel_font);
  --isc-cubeGrid_colHeaderLabel_font_size: var(--isc-cubeGrid_headerLabel_font_size);
  --isc-cubeGrid_colHeaderLabel_border: var(--isc-cubeGrid_headerLabel_border);
  --isc-cubeGrid_colHeaderLabel_disabled_border: var(--isc-cubeGrid_headerLabel_disabled_border);
  --isc-cubeGrid_colHeaderLabel_color: var(--isc-cubeGrid_headerLabel_color);
  --isc-cubeGrid_colHeaderLabel_bgColor: var(--isc-cubeGrid_headerLabel_bgColor);
  --isc-cubeGrid_colHeaderLabel_over_color: var(--isc-cubeGrid_headerLabel_over_color);
  --isc-cubeGrid_colHeaderLabel_over_bgColor: var(--isc-cubeGrid_headerLabel_over_bgColor);
  --isc-cubeGrid_colHeaderLabel_selected_color: var(--isc-cubeGrid_headerLabel_selected_color);
  --isc-cubeGrid_colHeaderLabel_selected_bgColor: var(--isc-cubeGrid_headerLabel_selected_bgColor);
  --isc-cubeGrid_colHeaderLabel_selected_over_color: var(--isc-cubeGrid_headerLabel_selected_color);
  --isc-cubeGrid_colHeaderLabel_selected_over_bgColor: var(--isc-cubeGrid_headerLabel_selected_bgColor);
  --isc-cubeGrid_colHeaderLabel_disabled_color: var(--isc-cubeGrid_headerLabel_disabled_color);
  --isc-cubeGrid_colHeaderLabel_disabled_bgColor: var(--isc-cubeGrid_headerLabel_disabled_bgColor);
  --isc-cubeGrid_colHeader_font: var(--isc-cubeGrid_header_font);
  --isc-cubeGrid_colHeader_font_size: var(--isc-cubeGrid_header_font_size);
  --isc-cubeGrid_colHeader_border: var(--isc-cubeGrid_header_border);
  --isc-cubeGrid_colHeader_disabled_border: var(--isc-cubeGrid_header_disabled_border);
  --isc-cubeGrid_colHeader_color: var(--isc-cubeGrid_header_color);
  --isc-cubeGrid_colHeader_bgColor: var(--isc-cubeGrid_header_bgColor);
  --isc-cubeGrid_colHeader_over_color: var(--isc-cubeGrid_header_over_color);
  --isc-cubeGrid_colHeader_over_bgColor: var(--isc-cubeGrid_header_over_bgColor);
  --isc-cubeGrid_colHeader_selected_color: var(--isc-cubeGrid_header_selected_color);
  --isc-cubeGrid_colHeader_selected_bgColor: var(--isc-cubeGrid_header_selected_bgColor);
  --isc-cubeGrid_colHeader_selected_over_color: var(--isc-cubeGrid_header_selected_over_color);
  --isc-cubeGrid_colHeader_selected_over_bgColor: var(--isc-cubeGrid_header_selected_over_bgColor);
  --isc-cubeGrid_colHeader_disabled_color: var(--isc-cubeGrid_header_disabled_color);
  --isc-cubeGrid_colHeader_disabled_bgColor: var(--isc-cubeGrid_header_disabled_bgColor);
  --isc-cubeGrid_innerHeader_font: var(--isc-cubeGrid_header_font);
  --isc-cubeGrid_innerHeader_font_size: 12px;
  --isc-cubeGrid_innerHeader_border_color: var(--isc-standard_widget_border_color);
  --isc-cubeGrid_innerHeader_border: var(--isc-standard_border_width) var(--isc-standard_border_style) var(--isc-cubeGrid_innerHeader_border_color);
  --isc-cubeGrid_innerHeader_disabled_border: var(--isc-cubeGrid_header_disabled_border);
  --isc-cubeGrid_innerHeader_color: #3f3f3f;
  --isc-cubeGrid_innerHeader_bgColor: #e6e6e6;
  --isc-cubeGrid_innerHeader_over_color: var(--isc-cubeGrid_innerHeader_color);
  --isc-cubeGrid_innerHeader_over_bgColor: var(--isc-cubeGrid_innerHeader_bgColor);
  --isc-cubeGrid_innerHeader_selected_color: var(--isc-cubeGrid_innerHeader_color);
  --isc-cubeGrid_innerHeader_selected_bgColor: var(--isc-cubeGrid_innerHeader_bgColor);
  --isc-cubeGrid_innerHeader_selected_over_color: var(--isc-cubeGrid_innerHeader_over_color);
  --isc-cubeGrid_innerHeader_selected_over_bgColor: var(--isc-cubeGrid_innerHeader_over_bgColor);
  --isc-cubeGrid_innerHeader_disabled_color: var(--isc-cubeGrid_header_disabled_color);
  --isc-cubeGrid_innerHeader_disabled_bgColor: var(--isc-cubeGrid_header_disabled_bgColor);
  --isc-cubeGrid_cell_color: var(--isc-listGrid_cell_color);
  --isc-cubeGrid_cell_bgColor: var(--isc-listGrid_cell_bgColor);
  --isc-cubeGrid_cell_border_color: var(--isc-standard_widget_border_color);
  --isc-cubeGrid_cell_border: var(--isc-standard_border_width) var(--isc-standard_border_style) var(--isc-cubeGrid_cell_border_color);
  --isc-cubeGrid_cell_dark_bgColor: var(--isc-listGrid_cell_dark_bgColor);
  --isc-cubeGrid_cell_over_color: var(--isc-listGrid_cell_over_color);
  --isc-cubeGrid_cell_over_bgColor: var(--isc-listGrid_cell_over_bgColor);
  --isc-cubeGrid_cell_selected_color: var(--isc-listGrid_cell_selected_color);
  --isc-cubeGrid_cell_selected_bgColor: var(--isc-active_selected_bgColor);
  --isc-cubeGrid_cell_selected_over_color: var(--isc-listGrid_cell_selected_over_color);
  --isc-cubeGrid_cell_selected_over_bgColor: var(--isc-listGrid_cell_selected_over_bgColor);
  --isc-cubeGrid_cell_selected_over_glow_color: var(--isc-listGrid_cell_selected_over_glow_color);
  --isc-cubeGrid_cell_selected_over_glow: 0 0 5px 0 var(--isc-cubeGrid_cell_selected_over_glow_color);
  --isc-cubeGrid_cell_disabled_color: var(--isc-listGrid_cell_disabled_color);
  --isc-tabSet_container_font: var(--isc-primary_font);
  --isc-tabSet_container_font_size: var(--isc-standard_font_size);
  --isc-tabSet_container_color: var(--isc-standard_color);
  --isc-tabSet_container_bgColor: var(--isc-standard_widget_bgColor);
  --isc-tabSet_container_border_color: var(--isc-standard_widget_border_color);
  --isc-tabSet_container_border: var(--isc-standard_border_width) var(--isc-standard_border_style) var(--isc-tabSet_container_border_color);
  --isc-tabSet_scroller_bgColor: #e6e6e6;
  --isc-tabSet_scroller_sprite_image: url("images/TabSet/controls-btn.png");
  --isc-tabSet_scroller_border_radius: 3px;
  --isc-tabSet_picker_bgColor: #e6e6e6;
  --isc-tabSet_picker_sprite_image: url("images/TabSet/controls-btn.png");
  --isc-tabButton_font: var(--isc-secondary_font);
  --isc-tabButton_font_size: var(--isc-button_font_size);
  --isc-tabButton_font_weight: 500;
  --isc-tabButton_marginRight: 3px;
  --isc-tabButton_h_padding: 0px 27px;
  --isc-tabButton_v_padding: 10px 0px;
  --isc-tabButton_iconOnly_h_padding: 0px 12px;
  --isc-tabButton_iconOnly_v_padding: 12px 0px;
  --isc-tabButton_bgImage: var(--isc-button_bgImage);
  --isc-tabButton_opacity: var(--isc-button_opacity);
  --isc-tabButton_border_gradient: initial;
  --isc-tabButton_color: var(--isc-button_color);
  --isc-tabButton_bgColor: #84c1ed;
  --isc-tabButton_border_color: #84c1ed;
  --isc-tabButton_border_width: var(--isc-button_border_width);
  --isc-tabButton_border: var(--isc-tabButton_border_width) var(--isc-standard_border_style) var(--isc-tabButton_border_color);
  --isc-tabButton_border_radius: 4px;
  --isc-tabButton_over_color: var(--isc-tabButton_color);
  --isc-tabButton_over_bgColor: var(--isc-tabButton_bgColor);
  --isc-tabButton_over_border_color: var(--isc-tabButton_border_color);
  --isc-tabButton_over_border: var(--isc-tabButton_border_width) var(--isc-standard_border_style) var(--isc-tabButton_over_border_color);
  --isc-tabButton_over_shadow: var(--isc-button_over_shadow);
  --isc-tabButton_over_opacity: var(--isc-button_over_opacity);
  --isc-tabButton_focused_color: var(--isc-tabButton_color);
  --isc-tabButton_focused_bgColor: #157fcc;
  --isc-tabButton_focused_border_color: #005491;
  --isc-tabButton_focused_border: var(--isc-tabButton_border_width) var(--isc-standard_border_style) var(--isc-tabButton_focused_border_color);
  --isc-tabButton_focused_shadow: none;
  --isc-tabButton_focused_opacity: var(--isc-button_over_opacity);
  --isc-tabButton_focused_over_color: var(--isc-tabButton_focused_color);
  --isc-tabButton_focused_over_bgColor: var(--isc-tabButton_over_bgColor);
  --isc-tabButton_focused_over_border_color: var(--isc-tabButton_focused_border_color);
  --isc-tabButton_focused_over_border: var(--isc-tabButton_border_width) var(--isc-standard_border_style) var(--isc-tabButton_focused_over_border_color);
  --isc-tabButton_focused_over_shadow: none;
  --isc-tabButton_focused_over_opacity: var(--isc-tabButton_opacity);
  --isc-tabButton_top_down_shadow: inset -10px 0px 10px -11px var(--isc-tabButton_focused_border_color), inset 10px 10px 10px -11px var(--isc-tabButton_focused_border_color);
  --isc-tabButton_bottom_down_shadow: inset -10px 0px 10px -11px var(--isc-tabButton_focused_border_color), inset 10px -10px 10px -11px var(--isc-tabButton_focused_border_color);
  --isc-tabButton_left_down_shadow: inset 10px 10px 10px -11px var(--isc-tabButton_focused_border_color), inset 0px -10px 10px -11px var(--isc-tabButton_focused_border_color);
  --isc-tabButton_right_down_shadow: inset -10px 10px 10px -11px var(--isc-tabButton_focused_border_color), inset 0px -10px 10px -11px var(--isc-tabButton_focused_border_color);
  --isc-tabButton_selected_font: var(--isc-tabButton_font);
  --isc-tabButton_selected_color: var(--isc-tabButton_over_color);
  --isc-tabButton_selected_bgColor: #157fcc;
  --isc-tabButton_selected_border_color: var(--isc-tabButton_focused_border_color);
  --isc-tabButton_selected_border: var(--isc-tabButton_border_width) var(--isc-standard_border_style) var(--isc-tabButton_selected_border_color);
  --isc-tabButton_selected_border_gradient: none;
  --isc-tabButton_selected_opacity: var(--isc-button_selected_opacity);
  --isc-tabButton_selected_over_color: var(--isc-tabButton_selected_color);
  --isc-tabButton_selected_over_bgColor: var(--isc-tabButton_selected_bgColor);
  --isc-tabButton_selected_over_border_color: var(--isc-tabButton_selected_border_color);
  --isc-tabButton_selected_over_border: var(--isc-tabButton_border_width) var(--isc-standard_border_style) var(--isc-tabButton_selected_over_border_color);
  --isc-tabButton_selected_focused_color: var(--isc-tabButton_focused_color);
  --isc-tabButton_selected_focused_bgColor: var(--isc-tabButton_focused_bgColor);
  --isc-tabButton_selected_focused_border: var(--isc-tabButton_focused_border);
  --isc-tabButton_selected_focused_over_color: var(--isc-tabButton_selected_color);
  --isc-tabButton_selected_focused_over_bgColor: #157fcc;
  --isc-tabButton_selected_focused_over_border_color: var(--isc-tabButton_selected_over_border_color);
  --isc-tabButton_selected_focused_over_border: var(--isc-tabButton_border_width) var(--isc-standard_border_style) var(--isc-tabButton_selected_focused_over_border_color);
  --isc-tabButton_down_border_color: var(--isc-tabButton_focused_border_color);
  --isc-tabButton_down_border: var(--isc-tabButton_border_width) var(--isc-standard_border_style) var(--isc-tabButton_down_border_color);
  --isc-tabButton_down_color: var(--isc-tabButton_focused_color);
  --isc-tabButton_down_bgColor: var(--isc-tabButton_focused_bgColor);
  --isc-tabButton_disabled_color: var(--isc-button_disabled_color);
  --isc-tabButton_disabled_bgColor: var(--isc-button_disabled_bgColor);
  --isc-tabButton_disabled_border_color: var(--isc-button_disabled_border_color);
  --isc-tabButton_disabled_border: var(--isc-tabButton_border_width) var(--isc-standard_border_style) var(--isc-tabButton_disabled_border_color);
  --isc-tabButton_disabled_opacity: var(--isc-button_opacity);
  --isc-tabButton_contactEdge_border_width: 0px;
  --isc-tabButton_contactEdge_border_color: transparent;
  --isc-tabButton_contactEdge_border: var(--isc-tabButton_contactEdge_border_width) var(--isc-standard_border_style) var(--isc-tabButton_contactEdge_border_color);
  --isc-tabButton_contactEdge_over_border_color: transparent;
  --isc-tabButton_contactEdge_over_border: var(--isc-tabButton_contactEdge_border_width) var(--isc-standard_border_style) var(--isc-tabButton_contactEdge_over_border_color);
  --isc-tabButton_contactEdge_focused_border_color: var(--isc-tabButton_contactEdge_over_border_color);
  --isc-tabButton_contactEdge_focused_border: var(--isc-tabButton_contactEdge_border_width) var(--isc-standard_border_style) var(--isc-tabButton_contactEdge_focused_border_color);
  --isc-tabButton_contactEdge_selected_border_color: var(--isc-tabButton_contactEdge_focused_border_color);
  --isc-tabButton_contactEdge_selected_border: var(--isc-tabButton_contactEdge_border_width) var(--isc-standard_border_style) var(--isc-tabButton_contactEdge_selected_border_color);
  --isc-tabButton_contactEdge_selected_over_border_color: var(--isc-tabButton_contactEdge_focused_border_color);
  --isc-tabButton_contactEdge_selected_over_border: var(--isc-tabButton_contactEdge_border_width) var(--isc-standard_border_style) var(--isc-tabButton_contactEdge_selected_over_border_color);
  --isc-tabButton_contactEdge_disabled_border_color: transparent;
  --isc-tabButton_contactEdge_disabled_border: var(--isc-tabButton_contactEdge_border_width) var(--isc-standard_border_style) var(--isc-tabButton_contactEdge_disabled_border_color);
  --isc-tabButton_oppositeEdge_border_width: var(--isc-tabButton_border_width);
  --isc-tabButton_oppositeEdge_border_color: var(--isc-tabButton_border_color);
  --isc-tabButton_oppositeEdge_border: var(--isc-tabButton_oppositeEdge_border_width) var(--isc-standard_border_style) var(--isc-tabButton_oppositeEdge_border_color);
  --isc-tabButton_oppositeEdge_over_border_color: var(--isc-tabButton_over_border_color);
  --isc-tabButton_oppositeEdge_over_border: var(--isc-tabButton_oppositeEdge_border_width) var(--isc-standard_border_style) var(--isc-tabButton_oppositeEdge_over_border_color);
  --isc-tabButton_oppositeEdge_focused_border_color: var(--isc-tabButton_focused_border_color);
  --isc-tabButton_oppositeEdge_focused_border: var(--isc-tabButton_oppositeEdge_border_width) var(--isc-standard_border_style) var(--isc-tabButton_oppositeEdge_focused_border_color);
  --isc-tabButton_oppositeEdge_selected_border_color: var(--isc-tabButton_selected_border_color);
  --isc-tabButton_oppositeEdge_selected_border: var(--isc-tabButton_oppositeEdge_border_width) var(--isc-standard_border_style) var(--isc-tabButton_oppositeEdge_selected_border_color);
  --isc-tabButton_oppositeEdge_selected_over_border_color: var(--isc-tabButton_selected_over_border_color);
  --isc-tabButton_oppositeEdge_selected_over_border: var(--isc-tabButton_oppositeEdge_border_width) var(--isc-standard_border_style) var(--isc-tabButton_oppositeEdge_selected_over_border_color);
  --isc-tabButton_oppositeEdge_disabled_border_color: var(--isc-tabButton_oppositeEdge_border_color);
  --isc-tabButton_oppositeEdge_disabled_border: var(--isc-tabButton_oppositeEdge_border_width) var(--isc-standard_border_style) var(--isc-tabButton_oppositeEdge_disabled_border_color);
  --isc-tabButton_changed_border_color: var(--isc-pending_value_color);
  --isc-tabButton_highlight_bgColor: grey;
  --isc-tabButton_highlight_border: none;
  --isc-tabButton_highlight_border_radius: 2px;
  --isc-tabButton_highlight_over_bgColor: var(--isc-tabButton_highlight_bgColor);
  --isc-tabButton_highlight_selected_over_bgColor: var(--isc-tabButton_highlight_over_bgColor);
  --isc-tabButton_highlight_focused_over_bgColor: var(--isc-tabButton_highlight_over_bgColor);
  --isc-tabButton_highlight_selected_focused_over_bgColor: var(--isc-tabButton_highlight_over_bgColor);
  --isc-tabButton_highlight_down_bgColor: var(--isc-tabButton_highlight_bgColor);
  --isc-tabButton_highlight_selected_down_bgColor: var(--isc-tabButton_highlight_bgColor);
  --isc-tabButton_highlight_focused_down_bgColor: var(--isc-tabButton_highlight_bgColor);
  --isc-tabButton_highlight_selected_focused_down_bgColor: var(--isc-tabButton_highlight_bgColor);
  --isc-tabButton_highlight_selected_bgColor: var(--isc-tabButton_highlight_bgColor);
  --isc-tabButton_highlight_focused_bgColor: var(--isc-tabButton_highlight_bgColor);
  --isc-tabButton_highlight_selected_focused_bgColor: var(--isc-tabButton_highlight_bgColor);
  --isc-tabButton_highlight_disabled_bgColor: var(--isc-tabButton_highlight_bgColor);
  --isc-secondaryTabButton_font: var(--isc-button_font);
  --isc-secondaryTabButton_font_size: var(--isc-button_font_size);
  --isc-secondaryTabButton_font_weight: bold;
  --isc-secondaryTabButton_marginRight: 3px;
  --isc-secondaryTabButton_h_padding: 0px 27px;
  --isc-secondaryTabButton_v_padding: 12px 0px;
  --isc-secondaryTabButton_iconOnly_h_padding: 0px 10px;
  --isc-secondaryTabButton_iconOnly_v_padding: 10px 0px;
  --isc-secondaryTabButton_bgImage: var(--isc-button_bgImage);
  --isc-secondaryTabButton_opacity: var(--isc-button_opacity);
  --isc-secondaryTabButton_border_gradient: initial;
  --isc-secondaryTabButton_color: var(--isc-tabButton_color);
  --isc-secondaryTabButton_bgColor: var(--isc-tabButton_bgColor);
  --isc-secondaryTabButton_border_color: var(--isc-tabButton_border_color);
  --isc-secondaryTabButton_border_width: var(--isc-tabButton_border_width);
  --isc-secondaryTabButton_border: var(--isc-secondaryTabButton_border_width) var(--isc-standard_border_style) var(--isc-secondaryTabButton_border_color);
  --isc-secondaryTabButton_border_radius: var(--isc-tabButton_border_radius);
  --isc-secondaryTabButton_over_color: var(--isc-secondaryTabButton_color);
  --isc-secondaryTabButton_over_bgColor: var(--isc-secondaryTabButton_bgColor);
  --isc-secondaryTabButton_over_border_color: var(--isc-secondaryTabButton_border_color);
  --isc-secondaryTabButton_over_border: var(--isc-secondaryTabButton_border_width) var(--isc-standard_border_style) var(--isc-secondaryTabButton_over_border_color);
  --isc-secondaryTabButton_over_shadow: var(--isc-tabButton_over_shadow);
  --isc-secondaryTabButton_over_opacity: var(--isc-tabButton_over_opacity);
  --isc-secondaryTabButton_focused_color: var(--isc-secondaryTabButton_color);
  --isc-secondaryTabButton_focused_bgColor: var(--isc-tabButton_bgColor);
  --isc-secondaryTabButton_focused_border_color: var(--isc-tabButton_focused_border_color);
  --isc-secondaryTabButton_focused_border: var(--isc-secondaryTabButton_border_width) var(--isc-standard_border_style) var(--isc-secondaryTabButton_focused_border_color);
  --isc-secondaryTabButton_focused_shadow: none;
  --isc-secondaryTabButton_focused_opacity: var(--isc-tabButton_over_opacity);
  --isc-secondaryTabButton_focused_over_color: var(--isc-secondaryTabButton_focused_color);
  --isc-secondaryTabButton_focused_over_bgColor: var(--isc-secondaryTabButton_over_bgColor);
  --isc-secondaryTabButton_focused_over_border_color: var(--isc-secondaryTabButton_focused_border_color);
  --isc-secondaryTabButton_focused_over_border: var(--isc-secondaryTabButton_border_width) var(--isc-standard_border_style) var(--isc-secondaryTabButton_focused_over_border_color);
  --isc-secondaryTabButton_focused_over_shadow: none;
  --isc-secondaryTabButton_focused_over_opacity: var(--isc-secondaryTabButton_opacity);
  --isc-secondaryTabButton_top_down_shadow: inset -10px 0px 10px -11px var(--isc-secondaryTabButton_focused_border_color), inset 10px 10px 10px -11px var(--isc-secondaryTabButton_focused_border_color);
  --isc-secondaryTabButton_bottom_down_shadow: inset -10px 0px 10px -11px var(--isc-secondaryTabButton_focused_border_color), inset 10px -10px 10px -11px var(--isc-secondaryTabButton_focused_border_color);
  --isc-secondaryTabButton_left_down_shadow: inset 10px 10px 10px -11px var(--isc-secondaryTabButton_focused_border_color), inset 0px -10px 10px -11px var(--isc-secondaryTabButton_focused_border_color);
  --isc-secondaryTabButton_right_down_shadow: inset -10px 10px 10px -11px var(--isc-secondaryTabButton_focused_border_color), inset 0px -10px 10px -11px var(--isc-secondaryTabButton_focused_border_color);
  --isc-secondaryTabButton_selected_font: var(--isc-secondaryTabButton_font);
  --isc-secondaryTabButton_selected_color: var(--isc-secondaryTabButton_over_color);
  --isc-secondaryTabButton_selected_bgColor: var(--isc-tabButton_selected_bgColor);
  --isc-secondaryTabButton_selected_border_color: var(--isc-secondaryTabButton_focused_border_color);
  --isc-secondaryTabButton_selected_border: var(--isc-secondaryTabButton_border_width) var(--isc-standard_border_style) var(--isc-secondaryTabButton_selected_border_color);
  --isc-secondaryTabButton_selected_border_gradient: none;
  --isc-secondaryTabButton_selected_opacity: var(--isc-tabButton_selected_opacity);
  --isc-secondaryTabButton_selected_over_color: var(--isc-secondaryTabButton_selected_color);
  --isc-secondaryTabButton_selected_over_bgColor: var(--isc-secondaryTabButton_selected_bgColor);
  --isc-secondaryTabButton_selected_over_border_color: var(--isc-secondaryTabButton_selected_border_color);
  --isc-secondaryTabButton_selected_over_border: var(--isc-secondaryTabButton_border_width) var(--isc-standard_border_style) var(--isc-secondaryTabButton_selected_over_border_color);
  --isc-secondaryTabButton_selected_focused_color: var(--isc-secondaryTabButton_focused_color);
  --isc-secondaryTabButton_selected_focused_bgColor: var(--isc-secondaryTabButton_focused_bgColor);
  --isc-secondaryTabButton_selected_focused_border: var(--isc-secondaryTabButton_focused_border);
  --isc-secondaryTabButton_selected_focused_over_color: var(--isc-secondaryTabButton_selected_color);
  --isc-secondaryTabButton_selected_focused_over_bgColor: var(--isc-tabButton_selected_focused_over_bgColor);
  --isc-secondaryTabButton_selected_focused_over_border_color: var(--isc-secondaryTabButton_selected_over_border_color);
  --isc-secondaryTabButton_selected_focused_over_border: var(--isc-secondaryTabButton_border_width) var(--isc-standard_border_style) var(--isc-secondaryTabButton_selected_focused_over_border_color);
  --isc-secondaryTabButton_down_border_color: var(--isc-secondaryTabButton_focused_border_color);
  --isc-secondaryTabButton_down_border: var(--isc-secondaryTabButton_border_width) var(--isc-standard_border_style) var(--isc-secondaryTabButton_down_border_color);
  --isc-secondaryTabButton_down_color: var(--isc-secondaryTabButton_focused_color);
  --isc-secondaryTabButton_down_bgColor: var(--isc-secondaryTabButton_focused_bgColor);
  --isc-secondaryTabButton_disabled_color: var(--isc-button_disabled_color);
  --isc-secondaryTabButton_disabled_bgColor: var(--isc-button_disabled_bgColor);
  --isc-secondaryTabButton_disabled_border_color: var(--isc-button_disabled_border_color);
  --isc-secondaryTabButton_disabled_border: var(--isc-secondaryTabButton_border_width) var(--isc-standard_border_style) var(--isc-secondaryTabButton_disabled_border_color);
  --isc-secondaryTabButton_disabled_opacity: var(--isc-button_opacity);
  --isc-secondaryTabButton_contactEdge_border_width: 0px;
  --isc-secondaryTabButton_contactEdge_border_color: transparent;
  --isc-secondaryTabButton_contactEdge_border: var(--isc-secondaryTabButton_contactEdge_border_width) var(--isc-standard_border_style) var(--isc-secondaryTabButton_contactEdge_border_color);
  --isc-secondaryTabButton_contactEdge_over_border_color: transparent;
  --isc-secondaryTabButton_contactEdge_over_border: var(--isc-secondaryTabButton_contactEdge_border_width) var(--isc-standard_border_style) var(--isc-secondaryTabButton_contactEdge_over_border_color);
  --isc-secondaryTabButton_contactEdge_focused_border_color: var(--isc-secondaryTabButton_contactEdge_over_border_color);
  --isc-secondaryTabButton_contactEdge_focused_border: var(--isc-secondaryTabButton_contactEdge_border_width) var(--isc-standard_border_style) var(--isc-secondaryTabButton_contactEdge_focused_border_color);
  --isc-secondaryTabButton_contactEdge_selected_border_color: var(--isc-secondaryTabButton_contactEdge_focused_border_color);
  --isc-secondaryTabButton_contactEdge_selected_border: var(--isc-secondaryTabButton_contactEdge_border_width) var(--isc-standard_border_style) var(--isc-secondaryTabButton_contactEdge_selected_border_color);
  --isc-secondaryTabButton_contactEdge_selected_over_border_color: var(--isc-secondaryTabButton_contactEdge_focused_border_color);
  --isc-secondaryTabButton_contactEdge_selected_over_border: var(--isc-secondaryTabButton_contactEdge_border_width) var(--isc-standard_border_style) var(--isc-secondaryTabButton_contactEdge_selected_over_border_color);
  --isc-secondaryTabButton_contactEdge_disabled_border_color: transparent;
  --isc-secondaryTabButton_contactEdge_disabled_border: var(--isc-secondaryTabButton_contactEdge_border_width) var(--isc-standard_border_style) var(--isc-secondaryTabButton_contactEdge_disabled_border_color);
  --isc-secondaryTabButton_oppositeEdge_border_width: var(--isc-secondaryTabButton_border_width);
  --isc-secondaryTabButton_oppositeEdge_border_color: var(--isc-secondaryTabButton_border_color);
  --isc-secondaryTabButton_oppositeEdge_border: var(--isc-secondaryTabButton_oppositeEdge_border_width) var(--isc-standard_border_style) var(--isc-secondaryTabButton_oppositeEdge_border_color);
  --isc-secondaryTabButton_oppositeEdge_over_border_color: var(--isc-secondaryTabButton_over_border_color);
  --isc-secondaryTabButton_oppositeEdge_over_border: var(--isc-secondaryTabButton_oppositeEdge_border_width) var(--isc-standard_border_style) var(--isc-secondaryTabButton_oppositeEdge_over_border_color);
  --isc-secondaryTabButton_oppositeEdge_focused_border_color: var(--isc-secondaryTabButton_oppositeEdge_over_border_color);
  --isc-secondaryTabButton_oppositeEdge_focused_border: var(--isc-secondaryTabButton_oppositeEdge_border_width) var(--isc-standard_border_style) var(--isc-secondaryTabButton_oppositeEdge_focused_border_color);
  --isc-secondaryTabButton_oppositeEdge_selected_border_color: var(--isc-secondaryTabButton_oppositeEdge_focused_border_color);
  --isc-secondaryTabButton_oppositeEdge_selected_border: var(--isc-secondaryTabButton_oppositeEdge_border_width) var(--isc-standard_border_style) var(--isc-secondaryTabButton_oppositeEdge_selected_border_color);
  --isc-secondaryTabButton_oppositeEdge_selected_over_border_color: var(--isc-secondaryTabButton_oppositeEdge_focused_border_color);
  --isc-secondaryTabButton_oppositeEdge_selected_over_border: var(--isc-secondaryTabButton_oppositeEdge_border_width) var(--isc-standard_border_style) var(--isc-secondaryTabButton_oppositeEdge_selected_over_border_color);
  --isc-secondaryTabButton_oppositeEdge_disabled_border_color: var(--isc-secondaryTabButton_oppositeEdge_border_color);
  --isc-secondaryTabButton_oppositeEdge_disabled_border: var(--isc-secondaryTabButton_oppositeEdge_border_width) var(--isc-standard_border_style) var(--isc-secondaryTabButton_oppositeEdge_disabled_border_color);
  --isc-secondaryTabButton_changed_border_color: var(--isc-pending_value_color);
  --isc-secondaryTabButton_highlight_bgColor: grey;
  --isc-secondaryTabButton_highlight_border: none;
  --isc-secondaryTabButton_highlight_border_radius: 2px;
  --isc-secondaryTabButton_highlight_over_bgColor: var(--isc-secondaryTabButton_highlight_bgColor);
  --isc-secondaryTabButton_highlight_selected_over_bgColor: var(--isc-secondaryTabButton_highlight_over_bgColor);
  --isc-secondaryTabButton_highlight_focused_over_bgColor: var(--isc-secondaryTabButton_highlight_over_bgColor);
  --isc-secondaryTabButton_highlight_selected_focused_over_bgColor: var(--isc-secondaryTabButton_highlight_over_bgColor);
  --isc-secondaryTabButton_highlight_down_bgColor: var(--isc-secondaryTabButton_highlight_bgColor);
  --isc-secondaryTabButton_highlight_selected_down_bgColor: var(--isc-secondaryTabButton_highlight_bgColor);
  --isc-secondaryTabButton_highlight_focused_down_bgColor: var(--isc-secondaryTabButton_highlight_bgColor);
  --isc-secondaryTabButton_highlight_selected_focused_down_bgColor: var(--isc-secondaryTabButton_highlight_bgColor);
  --isc-secondaryTabButton_highlight_selected_bgColor: var(--isc-secondaryTabButton_highlight_bgColor);
  --isc-secondaryTabButton_highlight_focused_bgColor: var(--isc-secondaryTabButton_highlight_bgColor);
  --isc-secondaryTabButton_highlight_selected_focused_bgColor: var(--isc-secondaryTabButton_highlight_bgColor);
  --isc-secondaryTabButton_highlight_disabled_bgColor: var(--isc-secondaryTabButton_highlight_bgColor);
  --isc-tabBar_bgColor: transparent;
  --isc-tabBar_padding: 0px;
  --isc-tabBar_baseLine_bgColor: #9C9C9C;
  --isc-tabBar_bgImage: initial;
  --isc-tabButtonLite_font_size: var(--isc-button_font_size);
  --isc-tabButtonLite_font: var(--isc-button_font);
  --isc-tabButtonLite_color: var(--isc-standard_color);
  --isc-tabButtonLite_bgColor: var(--isc-standard_bgColor);
  --isc-tabButtonLite_over_color: var(--isc-tabButtonLite_color);
  --isc-tabButtonLite_over_bgColor: var(--isc-active_over_bgColor);
  --isc-tabButtonLite_down_color: var(--isc-tabButtonLite_color);
  --isc-tabButtonLite_down_bgColor: var(--isc-active_selected_bgColor);
  --isc-tabButtonLite_focused_color: var(--isc-tabButtonLite_color);
  --isc-tabButtonLite_selected_bgColor: var(--isc-active_selected_bgColor);
  --isc-tabControlLayout_bgColor: #e6e6e6;
  --isc-tabControlLayout_padding: 0px;
  --isc-tabControlLayout_border: none;
  --isc-tabControlLayout_border_radius: 0px;
  --isc-tabControlIcon_bgColor: var(--isc-tabControlLayout_bgColor);
  --isc-tabControlIcon_over_bgColor: var(--isc-tabControlIcon_bgColor);
  --isc-tabControlIcon_down_bgColor: var(--isc-tabControlIcon_bgColor);
  --isc-navPanel_header_font: var(--isc-sectionHeader_font);
  --isc-navPanel_header_font_size: var(--isc-sectionHeader_font_size);
  --isc-navPanel_header_padding: var(--isc-sectionHeader_padding);
  --isc-navPanel_header_color: var(--isc-sectionHeader_color);
  --isc-navPanel_header_bgColor: var(--isc-sectionHeader_bgColor);
  --isc-navPanel_header_border_radius: var(--isc-sectionHeader_border_radius);
  --isc-navPanel_header_border: var(--isc-sectionHeader_border);
  --isc-navPanel_header_bottom_border: var(--isc-navPanel_header_border);
  --isc-navPanel_header_disabled_text_color: var(--isc-sectionHeader_disabled_text_color);
  --isc-navPanel_header_disabled_bgColor: var(--isc-sectionHeader_disabled_bgColor);
  --isc-navPanel_header_disabled_border_color: var(--isc-sectionHeader_disabled_border_color);
  --isc-navPanel_header_disabled_border: var(--isc-standard_border_width) var(--isc-standard_border_style) var(--isc-navPanel_header_disabled_border_color);
  --isc-navPanel_border_color: var(--isc-standard_widget_border_color);
  --isc-navPanel_border: var(--isc-standard_border_width) var(--isc-standard_border_style) var(--isc-navPanel_border_color);
  --isc-navPanel_body_bgColor: var(--isc-listGrid_body_bgColor);
  --isc-navItem_font: var(--isc-treeGrid_cell_font);
  --isc-navItem_font_size: var(--isc-treeGrid_cell_font_size);
  --isc-navItem_cell_padding: 0px 3px 0px 3px;
  --isc-navItem_color: var(--isc-treeGrid_cell_color);
  --isc-navItem_glow_color: var(--isc-listGrid_glow_color);
  --isc-navItem_over_color: var(--isc-treeGrid_cell_over_color);
  --isc-navItem_bgColor: var(--isc-treeGrid_cell_bgColor);
  --isc-navItem_border_color: var(--isc-standard_widget_border_color);
  --isc-navItem_border: var(--isc-standard_border_width) var(--isc-standard_border_style) var(--isc-navItem_border_color);
  --isc-navItem_dark_bgColor: var(--isc-treeGrid_cell_dark_bgColor);
  --isc-navItem_over_bgColor: var(--isc-treeGrid_cell_over_bgColor);
  --isc-navItem_selected_color: var(--isc-treeGrid_cell_selected_color);
  --isc-navItem_selected_bgColor: var(--isc-treeGrid_cell_selected_bgColor);
  --isc-navItem_selected_over_color: var(--isc-treeGrid_cell_selected_over_color);
  --isc-navItem_selected_over_bgColor: var(--isc-treeGrid_cell_selected_bgColor);
  --isc-navItem_selected_over_glow_color: var(--isc-treeGrid_cell_selected_over_glow_color);
  --isc-navItem_selected_over_glow: 0 0 5px 0 var(--isc-navItem_selected_over_glow_color);
  --isc-navItem_disabled_color: var(--isc-treeGrid_cell_disabled_color);
  --isc-navItem_disabled_bgColor: var(--isc-treeGrid_cell_disabled_bgColor);
  --isc-navPanel_deck_color: var(--isc-standard_color);
  --isc-navPanel_deck_bgColor: var(--isc-standard_widget_bgColor);
  --isc-filterBuilder_bracketBorder_color: var(--isc-standard_widget_border_color);
  --isc-filterBuilder_bracketBorder_width: var(--isc-standard_border_width);
  --isc-filterBuilder_bracketBorder: var(--isc-filterBuilder_bracketBorder_width) var(--isc-standard_border_style) var(--isc-filterBuilder_bracketBorder_color);
  --isc-pickList_menu_bgColor: var(--isc-listGrid_body_bgColor);
  --isc-pickList_menu_padding: var(--isc-listGrid_padding);
  --isc-pickList_menu_border: var(--isc-standard_border_width) var(--isc-standard_border_style) var(--isc-standard_widget_border_color);
  --isc-pickList_menu_border_radius: var(--isc-menu_border_radius);
  --isc-pickList_menu_shadow: none;
  --isc-pickList_menu_body_border: var(--isc-pickList_menu_border);
  --isc-pickList_menu_body_radius: var(--isc-pickList_menu_border_radius);
  --isc-pickList_cell_font: var(--isc-primary_font);
  --isc-pickList_cell_font_size: var(--isc-standard_font_size);
  --isc-pickList_cell_padding: 2px 1px 2px 3px;
  --isc-pickList_cell_color: var(--isc-listGrid_cell_color);
  --isc-pickList_cell_bgColor: var(--isc-listGrid_cell_bgColor);
  --isc-pickList_cell_border: none;
  --isc-pickList_cell_over_color: var(--isc-listGrid_cell_selected_color);
  --isc-pickList_cell_over_bgColor: var(--isc-listGrid_cell_selected_bgColor);
  --isc-pickList_cell_over_border_color: var(--isc-listGrid_border_color);
  --isc-pickList_cell_over_border: var(--isc-standard_border_width) dotted var(--isc-pickList_cell_over_border_color);
  --isc-pickList_cell_selected_over_color: var(--isc-listGrid_cell_selected_color);
  --isc-pickList_selected_over_bgColor: var(--isc-listGrid_cell_selected_bgColor);
  --isc-pickList_cell_selected_bgColor: var(--isc-pickList_cell_over_bgColor);
  --isc-pickList_cell_disabled_color: var(--isc-listGrid_cell_disabled_color);
  --isc-pickList_cell_deselected_color: #a8a8a8;
  --isc-pickList_checkbox_cell_padding: var(--isc-pickList_cell_padding);
  --isc-tileGrid_border_color: var(--isc-standard_border_color);
  --isc-tileGrid_border_width: var(--isc-standard_border_width);
  --isc-tileGrid_border: var(--isc-tileGrid_border_width) var(--isc-standard_border_style) var(--isc-tileGrid_border_color);
  --isc-tileGrid_simpleTile_font_size: var(--isc-standard_small_font_size);
  --isc-tileGrid_simpleTile_padding: 3px;
  --isc-tileGrid_simpleTile_color: var(--isc-standard_color);
  --isc-tileGrid_simpleTile_border: none;
  --isc-tileGrid_simpleTile_over_bgColor: var(--isc-secondary_bgColor);
  --isc-tileGrid_simpleTile_over_bgImage: linear-gradient(top, #ffffff 0%, #e3e3e3 100%);
  --isc-tileGrid_simpleTile_over_border_color: var(--isc-standard_border_color);
  --isc-tileGrid_simpleTile_over_border: var(--isc-standard_border_width) var(--isc-standard_border_style) var(--isc-tileGrid_simpleTile_over_border_color);
  --isc-tileGrid_simpleTile_selected_bgColor: var(--isc-secondary_bgColor);
  --isc-tileGrid_simpleTile_selected_bgImage: var(--isc-tileGrid_simpleTile_over_bgImage);
  --isc-tileGrid_simpleTile_selected_border_color: var(--isc-standard_border_color);
  --isc-tileGrid_simpleTile_selected_border: var(--isc-standard_border_width) var(--isc-standard_border_style) var(--isc-tileGrid_simpleTile_selected_border_color);
  --isc-splitbar_bgColor: #e6e6e6;
  --isc-splitbar_border_color: #757575;
  --isc-splitbar_border: var(--isc-standard_border_width) var(--isc-standard_border_style) var(--isc-splitbar_border_color);
  --isc-progressbar_bgColor: #cccccc;
  --isc-progressbar_border_color: var(--isc-standard_widget_border_color);
  --isc-progressbar_border_width: var(--isc-standard_border_width);
  --isc-progressbar_border_style: var(--isc-standard_border_style);
  --isc-progressbar_border_radius: 0px 0px 0px 0px;
  --isc-progressbar_border: var(--isc-progressbar_border_width) var(--isc-progressbar_border_style) var(--isc-progressbar_border_color);
  --isc-progressbar_disabled_border: var(--isc-progressbar_border);
  --isc-progressbar_disabled_bgColor: var(--isc-progressbar_bgColor);
  --isc-progressbarProgress_bgColor: var(--isc-active_bgColor);
  --isc-progressbarProgress_disabled_bgColor: var(--isc-active_disabled_bgColor);
  --isc-progressbarProgress_border_radius: 0px 0px 0px 0px;
  --isc-progressbarProgress_border: none;
  --isc-progressbarProgress_disabled_border: var(--isc-progressbarProgress_border);
  --isc-progressbarTitle_font: var(--isc-formItem_font);
  --isc-progressbarTitle_font_size: var(--isc-formItem_font_size);
  --isc-progressbarTitle_padding: 4px 4px 4px 4px;
  --isc-progressbarTitle_color: var(--isc-active_text_color);
  --isc-progressbarTitle_disabled_color: var(--isc-progressbarTitle_color);
  --isc-rich_text_border_color: var(--isc-standard_widget_border_color);
  --isc-rich_text_border: var(--isc-standard_border_width) var(--isc-standard_border_style) var(--isc-rich_text_border_color);
  --isc-toolStrip_padding: 4px 4px 4px 6px;
  --isc-toolStrip_border_color: var(--isc-standard_widget_border_color);
  --isc-toolStrip_border: var(--isc-standard_border_width) var(--isc-standard_border_style) var(--isc-toolStrip_border_color);
  --isc-toolStrip_bgColor: var(--isc-secondary_header_bgColor);
  --isc-toolStrip_v_padding: 4px;
  --isc-toolStripButton_font: var(--isc-primary_font);
  --isc-toolStripButton_padding: 2px 4px 2px 4px;
  --isc-toolStripButton_bgImage: var(--isc-button_bgImage);
  --isc-toolStripButton_opacity: var(--isc-button_opacity);
  --isc-toolStripButton_color: var(--isc-standard_color);
  --isc-toolStripButton_bgColor: transparent;
  --isc-toolStripButton_border_color: transparent;
  --isc-toolStripButton_border_width: var(--isc-standard_border_width);
  --isc-toolStripButton_border_radius: var(--isc-standard_border_radius);
  --isc-toolStripButton_border: var(--isc-toolStripButton_border_width) var(--isc-standard_border_style) var(--isc-toolStripButton_border_color);
  --isc-toolStripButton_over_color: var(--isc-toolStripButton_color);
  --isc-toolStripButton_over_bgColor: transparent;
  --isc-toolStripButton_over_border_color: #9e9e9e;
  --isc-toolStripButton_over_border: var(--isc-toolStripButton_border_width) var(--isc-standard_border_style) var(--isc-toolStripButton_over_border_color);
  --isc-toolStripButton_over_opacity: var(--isc-button_over_opacity);
  --isc-toolStripButton_selected_color: var(--isc-toolStrip_bgColor);
  --isc-toolStripButton_selected_bgColor: #616161;
  --isc-toolStripButton_selected_border_color: #9e9e9e;
  --isc-toolStripButton_selected_border: var(--isc-toolStripButton_border_width) var(--isc-standard_border_style) var(--isc-toolStripButton_selected_border_color);
  --isc-toolStripButton_selected_opacity: var(--isc-button_selected_opacity);
  --isc-toolStripButton_disabled_color: var(--isc-button_disabled_color);
  --isc-toolStripButton_disabled_bgColor: transparent;
  --isc-toolStripButton_disabled_opacity: var(--isc-button_disabled_opacity);
  --isc-ribbonBar_padding: 10px;
  --isc-ribbonBar_bgColor: var(--isc-standard_widget_bgColor);
  --isc-ribbonBar_border_color: var(--isc-standard_widget_border_color);
  --isc-ribbonBar_border: var(--isc-standard_border_width) var(--isc-standard_border_style) var(--isc-ribbonBar_border_color);
  --isc-ribbonBar_shadow: #fafcff 0 1px 0 inset;
  --isc-ribbonGroup_font: var(--isc-standard_body_font);
  --isc-ribbonGroup_font_size: 15px;
  --isc-ribbonGroup_fontWeight: 500;
  --isc-ribbonGroup_padding: 0px;
  --isc-ribbonGroup_color: var(--isc-secondary_header_color);
  --isc-ribbonGroup_bgColor: var(--isc-ribbonBar_bgColor);
  --isc-ribbonGroup_border_color: var(--isc-standard_widget_border_color);
  --isc-ribbonGroup_border: var(--isc-ribbonBar_border);
  --isc-ribbonGroup_border_radius: 0px;
  --isc-ribbonGroup_shadow: 3px 3px 5px 2px #f3f3f3;
  --isc-ribbonGroup_title_color: var(--isc-secondary_header_color);
  --isc-ribbonGroup_title_bgColor: var(--isc-secondary_header_bgColor);
  --isc-ribbonGroup_title_padding: 8px 10px 8px 10px;
  --isc-ribbonButton_font: var(--isc-standard_body_font);
  --isc-ribbonButton_font_size: 13px;
  --isc-ribbonButton_padding: 3px;
  --isc-ribbonButton_color: #4d4d4d;
  --isc-ribbonButton_disabled_color: var(--isc-button_disabled_color);
  --isc-ribbonButton_bgColor: transparent;
  --isc-ribbonButton_border_color: transparent;
  --isc-ribbonButton_border_width: var(--isc-standard_border_width);
  --isc-ribbonButton_border: var(--isc-ribbonButton_border_width) var(--isc-standard_border_style) var(--isc-ribbonButton_border_color);
  --isc-ribbonButton_border_radius: 3px;
  --isc-ribbonButton_over_bgColor: var(--isc-secondary_bgColor);
  --isc-ribbonButton_over_border_color: var(--isc-standard_widget_border_color);
  --isc-ribbonButton_over_border: var(--isc-ribbonButton_border_width) var(--isc-standard_border_style) var(--isc-ribbonButton_over_border_color);
  --isc-ribbonButton_selected_border_color: #2692e1;
  --isc-ribbonButton_selected_border: var(--isc-ribbonButton_border_width) var(--isc-standard_border_style) var(--isc-ribbonButton_selected_border_color);
  --isc-ribbonButton_menu_icon_border_radius: var(--isc-ribbonButton_border_radius);
  --isc-scrollTrack_bgColor: #ededed;
  --isc-scrollTrack_down_bgColor: #cccccc;
  --isc-scrollTrack_over_bgColor: #dadada;
  --isc-scrollTrack_disabled_background: #f2f2f2;
  --isc-scrollThumb_bgColor: lightgrey;
  --isc-scrollThumb_over_bgColor: var(--isc-scrollThumb_bgColor);
  --isc-scrollThumb_down_bgColor: var(--isc-scrollThumb_over_bgColor);
  --isc-scrollThumb_disabled_bgColor: var(--isc-icon_disabled_color);
  --isc-scrollThumb_radius: 4px;
  --isc-scrollThumb_breadth: 6px;
  --isc-scrollbar_corner_bgImage: none;
  --isc-scrollbar_corner_bgColor: #e6e6e6;
  --isc-scrollbar_default_border: none;
  --isc-scrollbar_horizontal_sprite_image: url(./images/Scrollbar/hscroll_sprite.png);
  --isc-scrollbar_vertical_sprite_image: url(./images/Scrollbar/vscroll_sprite.png);
  --isc-scrollbar_bgColor: var(--isc-standard_widget_bgColor);
  --isc-scrollbar_vertical_start_over_xpos: -32px;
  --isc-scrollbar_vertical_start_down_xpos: -48px;
  --isc-scrollbar_vertical_end_over_xpos: -32px;
  --isc-scrollbar_vertical_end_down_xpos: -48px;
  --isc-scrollbar_horizontal_start_over_ypos: -32px;
  --isc-scrollbar_horizontal_start_down_ypos: -48px;
  --isc-scrollbar_horizontal_end_over_ypos: -32px;
  --isc-scrollbar_horizontal_end_down_ypos: -48px;
  --isc-minimalScrollbar_bgColor: transparent;
  --isc-minimalScrollTrackLight_bgColor: transparent;
  --isc-minimalScrollTrackLight_over_bgColor: var(--isc-minimalScrollTrackLight_bgColor);
  --isc-minimalScrollTrackLight_down_bgColor: var(--isc-minimalScrollTrackLight_bgColor);
  --isc-minimalScrollTrackLight_disabled_bgColor: var(--isc-minimalScrollTrackLight_bgColor);
  --isc-minimalScrollTrackLight_interactive_bgColor: rgba(169, 169, 169, 0.3);
  --isc-minimalScrollTrackDark_bgColor: transparent;
  --isc-minimalScrollTrackDark_over_bgColor: var(--isc-minimalScrollTrackDark_bgColor);
  --isc-minimalScrollTrackDark_down_bgColor: var(--isc-minimalScrollTrackDark_bgColor);
  --isc-minimalScrollTrackDark_disabled_bgColor: var(--isc-minimalScrollTrackDark_bgColor);
  --isc-minimalScrollTrackDark_interactive_bgColor: rgba(211, 211, 211, 0.3);
  --isc-minimalScrollThumb_border_radius: var(--isc-standard_border_radius);
  --isc-minimalScrollThumbLight_bgColor: rgba(255, 255, 255, 0.4);
  --isc-minimalScrollThumbLight_over_bgColor: var(--isc-minimalScrollThumbLight_bgColor);
  --isc-minimalScrollThumbLight_down_bgColor: var(--isc-minimalScrollThumbLight_bgColor);
  --isc-minimalScrollThumbLight_disabled_bgColor: var(--isc-minimalScrollThumbLight_bgColor);
  --isc-minimalScrollThumbLight_interactive_bgColor: var(--isc-minimalScrollThumbLight_bgColor);
  --isc-minimalScrollThumbDark_bgColor: rgba(0, 0, 0, 0.4);
  --isc-minimalScrollThumbDark_over_bgColor: var(--isc-minimalScrollThumbDark_bgColor);
  --isc-minimalScrollThumbDark_down_bgColor: var(--isc-minimalScrollThumbDark_bgColor);
  --isc-minimalScrollThumbDark_disabled_bgColor: var(--isc-minimalScrollThumbDark_bgColor);
  --isc-minimalScrollThumbDark_interactive_bgColor: var(--isc-minimalScrollThumbDark_bgColor);
  --isc-detailViewer_font: var(--isc-standard_body_font);
  --isc-detailViewer_color: var(--isc-formItem_color);
  --isc-detailViewer_font_size: var(--isc-standard_font_size);
  --isc-detailViewer_bgColor: #eff9ff;
  --isc-detailViewer_border_color: var(--isc-standard_widget_border_color);
  --isc-detailViewer_border: var(--isc-standard_border_width) var(--isc-standard_border_style) var(--isc-detailViewer_border_color);
  --isc-detailViewer_header_color: var(--isc-detailViewer_color);
  --isc-detailViewer_header_bgColor: #bdddff;
  --isc-detailViewer_label_fontWeight: bold;
  --isc-detailViewer_label_textAlign: right;
  --isc-detailViewer_label_bgColor: var(--isc-secondary_bgColor);
  --isc-slider_padding: 1px 0px 1px 0px;
  --isc-slider_title_color: #4d4d4d;
  --isc-slider_value_padding: 2px;
  --isc-slider_value_line_height: 14px;
  --isc-slider_value_color: #333b41;
  --isc-slider_value_bgColor: var(--isc-formItem_bgColor);
  --isc-slider_value_border_color: var(--isc-formItem_border_color);
  --isc-slider_value_border: var(--isc-standard_border_width) var(--isc-standard_border_style) var(--isc-slider_value_border_color);
  --isc-slider_value_shadow: none;
  --isc-slider_value_border_radius: 3px;
  --isc-slider_value_disabled_color: #9e9e9e;
  --isc-slider_value_disabled_bgColor: #e6e6e6;
  --isc-slider_value_disabled_border_color: var(--isc-slider_value_border_color);
  --isc-slider_value_disabled_border: var(--isc-standard_border_width) var(--isc-standard_border_style) var(--isc-slider_value_disabled_border_color);
  --isc-slider_value_arrow_hidden_border_color: var(--isc-formItem_bgColor);
  --isc-slider_range_fontWeight: 400;
  --isc-slider_range_color: var(--isc-formItem_color);
  --isc-slider_range_disabled_color: var(--isc-formItem_disabled_color);
  --isc-slider_thumb_bgColor: var(--isc-active_bgColor);
  --isc-slider_thumb_outline: none;
  --isc-slider_thumb_border_radius: 15px;
  --isc-slider_thumb_disabled_bgColor: #9e9e9e;
  --isc-slider_thumb_disabled_outline: none;
  --isc-slider_track_border_radius: 10px;
  --isc-slider_track_bgColor: #e6e6e6;
  --isc-slider_track_disabled_bgColor: var(--isc-slider_track_bgColor);
  --isc-slider_activeTrack_disabled_bgColor: var(--isc-active_disabled_bgColor);
  --isc-slider_activeTrack_bgColor: var(--isc-active_over_bgColor);
  --isc-toggleSwitch_border_radius: 15px;
  --isc-toggleSwitch_on_bgColor: var(--isc-slider_thumb_bgColor);
  --isc-toggleSwitch_on_border: var(--isc-standard_border_width) var(--isc-standard_border_style) var(--isc-formItem_border_color);
  --isc-toggleSwitch_off_bgColor: var(--isc-slider_track_bgColor);
  --isc-toggleSwitch_off_border: var(--isc-standard_border_width) var(--isc-standard_border_style) var(--isc-formItem_border_color);
  --isc-toggleSwitch_thumb_bgColor: var(--isc-formItem_bgColor);
  --isc-toggleSwitch_thumb_border_radius: var(--isc-toggleSwitch_border_radius);
  --isc-toggleSwitch_thumb_border: none;
  --isc-toggleSwitch_thumb_disabled_bgColor: var(--isc-slider_thumb_disabled_bgColor);
  --isc-toggleSwitch_thumb_disabled_border: var(--isc-slider_thumb_disabled_bgColor);
  --isc-toggleSwitch_thumb_on_bgColor: var(--isc-toggleSwitch_thumb_bgColor);
  --isc-toggleSwitch_thumb_on_border: var(--isc-toggleSwitch_thumb_border);
  --isc-toggleSwitch_thumb_off_bgColor: var(--isc-toggleSwitch_thumb_bgColor);
  --isc-toggleSwitch_thumb_off_border: var(--isc-toggleSwitch_thumb_border);
  --isc-dateChooser_font: var(--isc-primary_font);
  --isc-dateChooser_font_size: var(--isc-standard_font_size);
  --isc-dateChooser_bgColor: var(--isc-standard_widget_bgColor);
  --isc-dateChooser_border_color: var(--isc-standard_widget_border_color);
  --isc-dateChooser_border: var(--isc-standard_border_width) var(--isc-standard_border_style) var(--isc-dateChooser_border_color);
  --isc-dateChooser_border_radius: var(--isc-window_border_radius);
  --isc-dateChooser_shadow: 5px 5px 15px 0 rgba(0, 0, 0, 0.05);
  --isc-dateChooser_nav_sprite_image: none;
  --isc-dateChooser_nav_bgColor: var(--isc-secondary_header_bgColor);
  --isc-dateChooser_nav_border_radius: 0px;
  --isc-dateChooser_navButton_font: var(--isc-dateChooser_font);
  --isc-dateChooser_navButton_font_size: var(--isc-standard_font_size);
  --isc-dateChooser_navButton_padding: 2px;
  --isc-dateChooser_navButton_border_radius: 3px;
  --isc-dateChooser_navButton_bgColor: var(--isc-secondary_header_bgColor);
  --isc-dateChooser_navButton_color: var(--isc-secondary_header_color);
  --isc-dateChooser_navButton_over_color: #157fcc;
  --isc-dateChooser_navButton_over_bgColor: var(--isc-dateChooser_navButton_bgColor);
  --isc-dateChooser_navButton_opacity: 1;
  --isc-dateChooser_navButton_disabled_opacity: 0.7;
  --isc-dateChooser_navButton_disabled_bgColor: var(--isc-dateChooser_navButton_bgColor);
  --isc-dateChooser_navButton_selected_color: var(--isc-dateChooser_navButton_over_color);
  --isc-dateChooser_navButton_selected_bgColor: var(--isc-dateChooser_navButton_over_bgColor);
  --isc-dateChooser_navButton_selected_focused_color: var(--isc-dateChooser_navButton_selected_color);
  --isc-dateChooser_navButton_selected_focused_bgColor: var(--isc-dateChooser_navButton_selected_bgColor);
  --isc-dateChooser_header_text_color: var(--isc-standard_header_bgColor);
  --isc-dateChooser_header_bgColor: #ffffff;
  --isc-datechooser_headerButton_border: none;
  --isc-dateChooser_header_padding: var(--isc-standard_padding);
  --isc-dateChooser_header_border: none;
  --isc-dateChooser_header_border_radius: 0px;
  --isc-dateGrid_headerBar_bgColor: var(--isc-listGrid_headerBar_bgColor);
  --isc-dateGrid_body_bgColor: var(--isc-listGrid_body_bgColor);
  --isc-dateGrid_body_border: none;
  --isc-dateGrid_body_border_radius: 0px;
  --isc-dateGrid_body_padding: 0px;
  --isc-dateChooser_cell_color: var(--isc-listGrid_cell_color);
  --isc-dateChooser_cell_bgColor: var(--isc-listGrid_cell_bgColor);
  --isc-dateChooser_cell_border_radius: 3px;
  --isc-dateChooser_cell_border_width: 0px;
  --isc-dateChooser_cell_border: var(--isc-dateChooser_cell_border_width) var(--isc-standard_border_style) var(--isc-dateChooser_cell_bgColor);
  --isc-dateChooser_cell_over_color: var(--isc-standard_header_color);
  --isc-dateChooser_cell_over_bgColor: var(--isc-active_bgColor);
  --isc-dateChooser_cell_over_border: var(--isc-dateChooser_cell_border_width) var(--isc-standard_border_style) var(--isc-dateChooser_cell_over_bgColor);
  --isc-dateChooser_cell_disabled_color: var(--isc-default_border_dark_color);
  --isc-dateChooser_cell_selected_bgColor: var(--isc-standard_header_bgColor);
  --isc-dateChooser_cell_selected_color: var(--isc-standard_header_color);
  --isc-dateChooser_cell_selected_border: var(--isc-dateChooser_cell_border_width) var(--isc-standard_border_style) var(--isc-dateChooser_cell_selected_bgColor);
  --isc-dateChooser_menu_bgColor: var(--isc-dateChooser_bgColor);
  --isc-dateChooser_menu_border: var(--isc-dateChooser_border);
  --isc-dateChooser_menu_border_radius: var(--isc-dateChooser_border_radius);
  --isc-dateChooser_menu_shadow: var(--isc-dateChooser_shadow);
  --isc-dateChooser_menu_padding: 4px;
  --isc-dateChooser_menuItem_color: var(--isc-standard_color);
  --isc-dateChooser_menuItem_bgColor: var(--isc-standard_bgColor);
  --isc-dateChooser_menuItem_border: none;
  --isc-dateChooser_menuItem_border_radius: var(--isc-dateChooser_menu_border_radius);
  --isc-dateChooser_menuItem_font: var(--isc-dateChooser_font);
  --isc-dateChooser_menuItem_font_size: var(--isc-dateChooser_font_size);
  --isc-dateChooser_menuItem_padding: var(--isc-dateChooser_menu_padding);
  --isc-dateChooser_menuItem_over_color: #157fcc;
  --isc-dateChooser_menuItem_over_bgColor: var(--isc-dateChooser_menuItem_bgColor);
  --isc-dateChooser_menuItem_selected_color: var(--isc-dateChooser_menuItem_over_color);
  --isc-dateChooser_menuItem_selected_bgColor: var(--isc-dateChooser_menuItem_over_bgColor);
  --isc-dateChooser_menuItem_disabled_color: var(--isc-default_disabled_text_color);
  --isc-dateChooser_menuItem_disabled_bgColor: var(--isc-dateChooser_menuItem_bgColor);
  --isc-dateChooser_specialCol_color: var(--isc-dateChooser_cell_color);
  --isc-dateChooser_specialCol_bgColor: var(--isc-dateChooser_cell_bgColor);
  --isc-dateChooser_specialCol_border: var(--isc-dateChooser_cell_border);
  --isc-dateChooser_specialCol_over_color: var(--isc-dateChooser_cell_over_color);
  --isc-dateChooser_specialCol_over_bgColor: var(--isc-dateChooser_cell_over_bgColor);
  --isc-dateChooser_specialCol_selected_color: var(--isc-dateChooser_cell_selected_color);
  --isc-dateChooser_specialCol_selected_bgColor: var(--isc-dateChooser_cell_selected_bgColor);
  --isc-dateChooser_specialCol_border_radius: var(--isc-dateChooser_cell_border_radius);
  --isc-dateChooser_weekend_bgColor: var(--isc-secondary_header_bgColor);
  --isc-dateChooser_weekend_color: var(--isc-dateChooser_cell_color);
  --isc-dateChooser_weekend_border: var(--isc-dateChooser_cell_border_width) var(--isc-standard_border_style) var(--isc-dateChooser_weekend_bgColor);
  --isc-dateChooser_weekend_border_radius: var(--isc-dateChooser_cell_border_radius);
  --isc-colorPicker_padding: 0px;
  --isc-colorPicker_margin: 0px;
  --isc-colorPicker_bgColor: var(--isc-standard_widget_bgColor);
  --isc-colorPicker_body_border_radius: 0px;
  --isc-colorPicker_border_color: var(--isc-standard_widget_border_color);
  --isc-colorPicker_border: var(--isc-standard_border_width) var(--isc-standard_border_style) var(--isc-colorPicker_border_color);
  --isc-colorPicker_shadow: var(--isc-window_shadow);
  --isc-colorPicker_border_radius: var(--isc-window_border_radius);
  --isc-colorPicker_innerContent_padding: 0px 0px 5px 0px;
  --isc-colorPicker_swatch_border_radius: var(--isc-standard_border_radius);
  --isc-colorPicker_opacityBox_border_radius: var(--isc-standard_border_radius);
  --isc-colorPicker_buttonLayout_padding: 8px;
  --isc-colorPicker_buttonLayout_border_radius: var(--isc-colorPicker_border_radius);
  --isc-colorPicker_buttonLayout_border: var(--isc-colorPicker_border);
  --isc-colorPicker_header_font: var(--isc-window_header_font);
  --isc-colorPicker_header_font_size: var(--isc-window_header_font_size);
  --isc-colorPicker_header_padding: var(--isc-window_header_padding);
  --isc-colorPicker_header_bgColor: var(--isc-window_header_bgColor);
  --isc-colorPicker_header_color: var(--isc-window_header_color);
  --isc-colorPicker_header_border_radius: 0px;
  --isc-colorPicker_header_border: var(--isc-colorPicker_border);
  --isc-colorPicker_headerText_padding: 4px 8px 4px 8px;
  --isc-colorPicker_cell_bgColor: var(--isc-secondary_header_bgColor);
  --isc-colorPicker_cell_border_color: var(--isc-standard_border_color);
  --isc-colorPicker_cell_border: var(--isc-standard_border_width) var(--isc-standard_border_style) var(--isc-colorPicker_cell_border_color);
  --isc-colorPicker_cell_border_radius: var(--isc-standard_border_radius);
  --isc-colorPicker_cell_over_border_color: #000000;
  --isc-colorPicker_cell_over_border: var(--isc-standard_border_width) var(--isc-standard_border_style) var(--isc-colorPicker_cell_over_border_color);
  --isc-calendar_font: var(--isc-primary_font);
  --isc-calendar_font_size: var(--isc-standard_font_size);
  --isc-calendar_text_color: var(--isc-standard_color);
  --isc-calendar_bgColor: var(--isc-listGrid_body_bgColor);
  --isc-calendar_border_color: var(--isc-standard_border_color);
  --isc-calendar_border: var(--isc-standard_border_width) var(--isc-standard_border_style) var(--isc-calendar_border_color);
  --isc-calendar_disabled_bgColor: #fafafa;
  --isc-calendar_disabled_over_bgColor: #a4bbdb;
  --isc-calendar_selected_color: var(--isc-listGrid_cell_selected_color);
  --isc-calendar_selected_bgColor: var(--isc-listGrid_cell_selected_bgColor);
  --isc-calendar_disabled_selected_color: var(--isc-calendar_selected_color);
  --isc-calendar_disabled_selected_bgColor: #e1e1e1;
  --isc-calendar_month_otherDay_header_selected_bgColor: #c0d8ec;
  --isc-calendar_dark_bgColor: var(--isc-secondary_header_bgColor);
  --isc-calendar_other_day_color: #454545;
  --isc-calendar_day_header_font_color: var(--isc-calendar_other_day_color);
  --isc-calendar_dragCanvas_border: var(--isc-standard_border_width) dashed red;
  --isc-calendar_eventWindow_font: var(--isc-primary_font);
  --isc-calendar_eventWindow_font_size: var(--isc-standard_font_size);
  --isc-calendar_eventWindow_padding: 1px;
  --isc-calendar_eventWindow_color: var(--isc-standard_color);
  --isc-calendar_eventWindow_bgColor: #f0fbff;
  --isc-calendar_eventWindow_border_color: #99ccff;
  --isc-calendar_eventWindow_border: var(--isc-standard_border_width) var(--isc-standard_border_style) var(--isc-calendar_eventWindow_border_color);
  --isc-calendar_eventWindow_border_radius: 0px;
  --isc-calendar_eventWindow_selected_border: var(--isc-standard_border_width) var(--isc-standard_border_style) var(--isc-standard_header_bgColor);
  --isc-calendar_eventWindow_body_border: none;
  --isc-calendar_eventWindow_body_padding: 2px 2px 2px 2px;
  --isc-calendar_eventWindow_body_border_radius: 0px;
  --isc-calendar_eventWindow_header_padding: 2px 2px 2px 2px;
  --isc-calendar_eventWindow_header_color: #4d4d4d;
  --isc-calendar_eventWindow_header_bgColor: #d0e6f6;
  --isc-calendar_eventWindow_header_border_color: #d0e6f6;
  --isc-calendar_eventWindow_header_border: var(--isc-standard_border_width) var(--isc-standard_border_style) var(--isc-calendar_eventWindow_header_border_color);
  --isc-calendar_eventWindow_header_border_radius: 0px;
  --isc-calendar_eventWindow_resizer_border: var(--isc-standard_border_width) var(--isc-standard_border_style) var(--isc-calendar_bgColor);
  --isc-calendar_eventLine_bgColor: var(--isc-highlight_color);
  --isc-calendar_columnLayout_bgColor: var(--isc-calendar_bgColor);
  --isc-calendar_columnLayout_right_border: var(--isc-standard_border_width) var(--isc-standard_border_style) var(--isc-calendar_border_color);
  --isc-calendar_columnLayout_opacity: 1;
  --isc-calendar_label_column_color: var(--isc-calendar_text_color);
  --isc-calendar_label_column_bgColor: var(--isc-calendar_disabled_bgColor);
  --isc-calendar_label_column_selected_color: var(--isc-listGrid_cell_selected_color);
  --isc-calendar_label_column_selected_bgColor: var(--isc-listGrid_cell_selected_bgColor);
  --isc-calendar_label_column_disabled_color: var(--isc-listGrid_cell_disabled_color);
  --isc-calendar_label_column_disabled_bgColor: var(--isc-listGrid_cell_disabled_bgColor);
  --isc-calendar_label_column_disabled_selected_color: var(--isc-calendar_label_column_color);
  --isc-calendar_label_column_disabled_selected_bgColor: var(--isc-calendar_disabled_selected_bgColor);
  --isc-calendar_workDay_bgColor: #f0f0f0;
  --isc-calendar_indicatorCanvas_bgColor: #AA0000;
  --isc-calendar_indicatorCanvas_color: var(--isc-active_text_color);
  --isc-calendar_zoneCanvas_color: var(--isc-active_text_color);
  --isc-calendar_zoneCanvas_bgColor: #9e9e9e;
  --isc-calendar_zoneCanvas_opacity: 0.5;
  --isc-calendar_gripper_border_radius: 5px;
  --isc-calendar_label_border: var(--isc-standard_border_width) var(--isc-standard_border_style) var(--isc-standard_widget_border_color);
  --isc-calendar_longEventLayout_bgColor: var(--isc-calendar_bgColor);
  --isc-gradientEditor_bgColor: var(--isc-standard_widget_bgColor);
  --isc-gradientEditor_color: var(--isc-formItem_color);
  --isc-gradientEditor_border_color: var(--isc-standard_border_color);
  --isc-gradientTemplateLayout_bgColor: var(--isc-gradientEditor_bgColor);
  --isc-gradientTemplateLayout_color: var(--isc-gradientEditor_color);
  --isc-gradientTemplateLayout_border_color: var(--isc-standard_border_color);
  --isc-chart_font_size: var(--isc-normal_font_size);
  --isc-chart_fontWeight: bold;
  --isc-chart_value_font_size: var(--isc-standard_font_size);
  --isc-scChart_border_color: var(--isc-listGrid_border_color);
  --isc-scChart_border: var(--isc-standard_border_width) var(--isc-standard_border_style) var(--isc-scChart_border_color);
  --isc-chartBar1_bgColor: #FF0000;
  --isc-chartBar2_bgColor: #0000FF;
  --isc-chartBar3_bgColor: #00FF00;
  --isc-chartBar1_gradient_color: #990000;
  --isc-chartBar1_gradient: none;
  --isc-chartBar2_gradient: none;
  --isc-chartBar3_gradient: none;
  --isc-chart_axis_title_color: blue;
  --isc-hoverCanvas_padding: 5px;
  --isc-hoverCanvas_shadow: none;
  --isc-hoverCanvas_font: var(--isc-standard_hover_font);
  --isc-hoverCanvas_font_size: var(--isc-standard_font_size);
  --isc-hoverCanvas_color: #363636;
  --isc-hoverCanvas_bgColor: #eff9ff;
  --isc-hoverCanvas_border_color: var(--isc-standard_header_bgColor);
  --isc-hoverCanvas_border_style: var(--isc-standard_border_style);
  --isc-hoverCanvas_border_width: var(--isc-standard_border_width);
  --isc-hoverCanvas_border: var(--isc-hoverCanvas_border_width) var(--isc-hoverCanvas_border_style) var(--isc-hoverCanvas_border_color);
  --isc-hoverCanvas_border_radius: 0px;
  --isc-hoverCanvas_large_font: var(--isc-tertiary_font);
  --isc-hoverCanvas_large_font_size: var(--isc-standard_header_font_size);
  --isc-hoverCanvas_large_padding: 10px;
  --isc-hoverCanvas_large_bgColor: #3a4a53;
  --isc-hoverCanvas_large_color: var(--isc-active_text_color);
  --isc-hoverCanvas_large_border_radius: 8px;
  --isc-hoverCanvas_large_shadow: 0 0 5px var(--isc-hoverCanvas_large_bgColor);
  --isc-hoverCanvas_pinLabel_font: var(--isc-hoverCanvas_large_font);
  --isc-hoverCanvas_pinLabel_font_size: var(--isc-button_font_size);
  --isc-hoverCanvas_pinLabel_padding: var(--isc-hoverCanvas_large_padding);
  --isc-hoverCanvas_pinLabel_bgColor: var(--isc-hoverCanvas_large_bgColor);
  --isc-hoverCanvas_pinLabel_color: var(--isc-hoverCanvas_large_color);
  --isc-hoverCanvas_pinLabel_border_radius: var(--isc-hoverCanvas_large_border_radius);
  --isc-hoverCanvas_pinLabel_shadow: var(--isc-hoverCanvas_large_shadow);
  --isc-notify_font: var(--isc-standard_body_font);
  --isc-notify_font_size: var(--isc-standard_header_font_size);
  --isc-notify_padding: 10px 45px 10px 10px;
  --isc-notify_rtl_padding: 10px 10px 10px 45px;
  --isc-notify_color: var(--isc-active_text_color);
  --isc-notify_action_color: #3498db;
  --isc-notify_border_radius: var(--isc-window_border_radius);
  --isc-notify_message_bgColor: #394a51;
  --isc-notify_message_shadow: 0px 0px 5px var(--isc-notify_message_bgColor);
  --isc-notify_error_bgColor: #e34e42;
  --isc-notify_error_link_color: #F39C12;
  --isc-notify_error_shadow: 0px 0px 5px var(--isc-notify_error_bgColor);
  --isc-notify_warn_link_color: #4F140E;
  --isc-notify_warn_bgColor: #ea9039;
  --isc-notify_warn_shadow: 0px 0px 5px var(--isc-notify_warn_bgColor);
  --isc-tour_font: var(--isc-tertiary_font);
  --isc-tourWindow_bgColor: var(--isc-window_bgColor);
  --isc-tourWindow_border_radius: 3px;
  --isc-tourWindow_shadow: 0px 0px 25px 0 #bfbfbf;
  --isc-tourWindow_pointer_bgColor: var(--isc-tourWindow_bgColor);
  --isc-tourWindow_title_font: var(--isc-tour_font);
  --isc-tourWindow_title_font_size: 16px;
  --isc-tourWindow_title_font_weight: bold;
  --isc-tourWindow_title_bottom_padding: 4px;
  --isc-tourWindow_title_color: #595959;
  --isc-tourWindow_contents_font: var(--isc-tour_font);
  --isc-tourWindow_contents_font_size: 14px;
  --isc-tourWindow_contents_font_weight: normal;
  --isc-tourWindow_contents_color: #7f7f7f;
  --isc-tourButton_font: var(--isc-tour_font);
  --isc-tourButton_font_size: 12px;
  --isc-tourButton_font_weight: normal;
  --isc-tourButton_padding: 5px;
  --isc-tourButton_line_height: 18px;
  --isc-tourButton_shadow: none;
  --isc-tourButton_deselected_disabled_color: #a8a8a8;
  --isc-tourButton_bgImage: var(--isc-button_bgImage);
  --isc-tourButton_color: var(--isc-button_color);
  --isc-tourButton_bgColor: var(--isc-button_bgColor);
  --isc-tourButton_border_color: var(--isc-tourButton_bgColor);
  --isc-tourButton_border_width: var(--isc-button_border_width);
  --isc-tourButton_border_radius: var(--isc-button_border_radius);
  --isc-tourButton_border: var(--isc-tourButton_border_width) solid var(--isc-tourButton_border_color);
  --isc-tourButton_over_color: var(--isc-tourButton_color);
  --isc-tourButton_over_bgColor: var(--isc-button_over_bgColor);
  --isc-tourButton_over_border_color: var(--isc-tourButton_border_color);
  --isc-tourButton_over_border: var(--isc-tourButton_border_width) solid var(--isc-tourButton_over_border_color);
  --isc-tourButton_over_shadow: var(--isc-button_over_shadow);
  --isc-tourButton_focused_color: var(--isc-tourButton_color);
  --isc-tourButton_focused_bgColor: #1d71ae;
  --isc-tourButton_focused_border_color: #005491;
  --isc-tourButton_focused_border: var(--isc-tourButton_border_width) solid var(--isc-tourButton_focused_border_color);
  --isc-tourButton_focused_shadow: none;
  --isc-tourButton_focused_over_color: var(--isc-tourButton_color);
  --isc-tourButton_focused_over_bgColor: var(--isc-tourButton_focused_bgColor);
  --isc-tourButton_focused_over_border_color: #003760;
  --isc-tourButton_focused_over_border: var(--isc-tourButton_border_width) solid var(--isc-tourButton_focused_over_border_color);
  --isc-tourButton_focused_over_shadow: var(--isc-button_focused_over_shadow);
  --isc-tourButton_down_bgColor: var(--isc-tourButton_over_bgColor);
  --isc-tourButton_down_color: var(--isc-tourButton_over_color);
  --isc-tourButton_down_border_color: var(--isc-button_down_border_color);
  --isc-tourButton_down_border: var(--isc-tourButton_border_width) solid var(--isc-tourButton_down_border_color);
  --isc-tourButton_down_glow: var(--isc-button_down_glow);
  --isc-tourButton_disabled_color: var(--isc-tourButton_color);
  --isc-tourButton_disabled_bgColor: #dadada;
  --isc-tourButton_disabled_border_color: #dadada;
  --isc-tourButton_disabled_border: var(--isc-tourButton_border_width) solid var(--isc-tourButton_disabled_border_color);
  --isc-tourLinkButton_font: var(--isc-tour_font);
  --isc-tourLinkButton_font_size: 14px;
  --isc-tourLinkButton_font_weight: normal;
  --isc-tourLinkButton_padding: 5px;
  --isc-tourLinkButton_line_height: 18px;
  --isc-tourLinkButton_color: #bfbfbf;
  --isc-tourLinkButton_bgColor: transparent;
  --isc-tourPercent_font: var(--isc-tour_font);
  --isc-tourPercent_font_size: 16px;
  --isc-tourPercent_font_weight: normal;
  --isc-tourProgress_bgColor: #d5d5d5;
  --isc-tourPercent_color: #d5d5d5;
  --isc-loginForm_padding: 15px;
  --isc-loginForm_title_font: Arial, sans-serif;
  --isc-loginForm_title_bottom_padding: 6px;
  --isc-loginForm_error_color: #ff0000;
  --isc-loginForm_item_border: var(--isc-formItem_border_width) var(--isc-standard_border_style) #d8dde5;
  --isc-loginForm_item_border_radius: 4px;
  --isc-loginForm_button_font: system-ui;
  --isc-loginForm_button_color: var(--isc-button_color);
  --isc-loginForm_button_bgColor: #3a66c7;
  --isc-loginForm_button_over_bgColor: #232852;
  --isc-loginForm_button_border: none;
  --isc-loginForm_button_border_radius: 4px;
  --isc-aiLog_bgColor: black;
  --isc-aiLog_color: #ffe6b3;
  --isc-aiLog_font: Courier New, Courier, monospace;
  --isc-aiLog_fontsize: var(--isc-standard_body_font_size);
  --isc-dataQuestionItem_padding: 0px 5px;
  --isc-dataQuestionItem_font_size: 15px;
  --isc-dataQuestionItem_focused_bgColor: color-mix(in srgb, var(--isc-highlight_color), white 92%);
  --isc-dataQuestionItem_bgColor: color-mix(in srgb, var(--isc-highlight_color), white 90%);
  --isc-dataQuestionItem_over_bgColor: color-mix(in srgb, var(--isc-highlight_color), white 92%);
  --isc-processElement_font: var(--isc-primary_font);
  --isc-processElement_font_size: var(--isc-normal_font_size);
  --isc-processElement_color: var(--isc-standard_color);
  --isc-processElement_border_color: #808080;
  --isc-processElement_border_radius: 2px;
  --isc-processElement_border: var(--isc-standard_border_width) var(--isc-standard_border_style) var(--isc-processElement_border_color);
  --isc-processElementInvalid_border_color: #ff0000;
  --isc-processElementInvalid_border: var(--isc-standard_border_width) var(--isc-standard_border_style) var(--isc-processElementInvalid_border_color);
  --isc-processElementNew_border_color: blue;
  --isc-processElementNew_border_radius: 2px;
  --isc-processElementNew_border: var(--isc-standard_border_width) dashed var(--isc-processElementNew_border_color);
  --isc-processElementHeader_bgColor: var(--isc-secondary_header_bgColor);
  --isc-processElementHeader_border_color: #dddddd;
  --isc-processElementHeader_border: var(--isc-standard_border_width) var(--isc-standard_border_style) var(--isc-processElementHeader_border_color);
  --isc-processElementHeaderLabel_font: var(--isc-standard_header_font);
  --isc-processElementHeaderLabel_font_size: var(--isc-secondary_header_font_size);
  --isc-processElementHeaderLabel_fontWeight: var(--isc-standard_header_font_weight);
  --isc-processElementHeaderLabel_color: var(--isc-secondary_header_color);
  --isc-processElementHeaderLabel_bgColor: var(--isc-secondary_header_bgColor);
  --isc-pageTitle_font: var(--isc-primary_font);
  --isc-pageTitle_font_size: 18px;
  --isc-pageTitle_color: var(--isc-formItem_color);
  --isc-pageTitle_bgColor: transparent;
  --isc-pageTitle_border_color: transparent;
  --isc-pageTitle_border_width: var(--isc-standard_border_width);
  --isc-pageTitle_border: var(--isc-pageTitle_border_width) var(--isc-standard_border_style) var(--isc-pageTitle_border_color);
  --isc-pageTitle_disabled_color: var(--isc-default_disabled_text_color);
  --isc-resize_thumb_bgColor: #c9f4f8;
  --isc-resize_thumb_border_color: gray;
  --isc-resize_thumb_border: var(--isc-standard_border_width) var(--isc-standard_border_style) var(--isc-resize_thumb_border_color);
  --isc-resize_thumb_gradient_color: #ffffff;
  --isc-corner_resize_thumb_border_radius: 5px;
  --isc-resize_thumb_gradient: none;
  --isc-groupLabel_font: var(--isc-primary_font);
  --isc-groupLabel_font_size: var(--isc-standard_font_size);
  --isc-groupLabel_padding: 0px 5px 0px 5px;
  --isc-groupLabel_color: var(--isc-standard_color);
  --isc-groupLabel_bgColor: var(--isc-standard_widget_bgColor);
  --isc-groupLabel_border_color: var(--isc-standard_border_color);
  --isc-groupLabel_border: none;
  --isc-propsheet_font: var(--isc-primary_font);
  --isc-propsheet_font_size: var(--isc-standard_font_size);
  --isc-propsheet_bgColor: var(--isc-standard_widget_bgColor);
  --isc-propsheet_border: var(--isc-standard_border_width) var(--isc-standard_border_style) var(--isc-standard_border_color);
  --isc-propsheet_title_bgColor: var(--isc-secondary_header_bgColor);
  --isc-propsheet_field_marginTop: 3px;
  --isc-propsheet_field_padding: 4px 0px 4px 0px;
  --isc-propsheet_header_padding: 4px;
  --isc-propsheet_header_color: var(--isc-standard_color);
  --isc-propsheet_header_bgColor: var(--isc-listGrid_border_color);
  --isc-propsheet_error_color: var(--isc-formItem_error_color);
  --isc-propsheet_error_bgColor: #cfd9f2;
  --isc-propsheet_select_h_padding: 3px;
  --isc-layout_dropLine_bgColor: var(--isc-active_bgColor);
  --isc-layout_dropLine_border: none;
  --isc-layout_placeholder_border: var(--isc-standard_border_width) var(--isc-standard_border_style) var(--isc-standard_widget_border_color);
  --isc-dragOutline_border_color: var(--isc-active_border_color);
  --isc-dragOutline_border_width: 2px;
  --isc-dragOutline_border: var(--isc-dragOutline_border_width) dashed var(--isc-dragOutline_border_color);
  --isc-formulaBuilder_sampleOutput_padding: 3px;
  --isc-formulaBuilder_sampleOutput_border_color: var(--isc-standard_widget_border_color);
  --isc-formulaBuilder_sampleOutput_border: 2px var(--isc-standard_border_style) var(--isc-standard_widget_border_color);
  --isc-formulaBuilder_sampleOutput_border_width: var(--isc-standard_border_width);
  --isc-paletteCell_font: var(--isc-standard_header_font);
  --isc-paletteCell_font_size: var(--isc-secondary_header_font_size);
  --isc-paletteCell_color: #737373;
  --isc-paletteCell_bgColor: var(--isc-secondary_header_bgColor);
  --isc-modalMask_bgColor: #000000;
  --isc-dropBorder_bgColor: #808080;
  --isc-transparent_background_from_rgba: rgba(255, 255, 255, 0);
  --isc-transparent_background_for_ie: \9 transparent;
  --isc-showcase_EButton_bgColor: #47a7e3;
  --isc-docMethod_color: blue;
  --isc-docOptionalParameter_color: gray;
  --isc-docAttribute_color: green;
  --isc-docParameter_color: black;
}

/*============================================================
	"Flat" theme CSS styles
	Copyright 2001 and beyond, Isomorphic Software

	:: Contents ::
	
	1) General
			default text
            default border
			drop indicator
            hover canvas
	2) Buttons
			Button
			ImgButton
			StretchImgButton
	3) Menu
			MenuButton
	4) Window
			Dialog
    5) Layout
			drop line
			drag placeholder
			splitbar (resizebar)
			SplitPane
	6) TabSet
			tab titles
	7) SectionStack
			image SectionHeaders
			CSS SectionHeaders
	8) Forms
			general
			headerItem
			text items
			selectItem
			checkbox & radioButton
			ColorChooser
			DateChooser
	9) Slider & Rangebar		
	10) DetailViewer
	11) ListGrid
			parts
			headers
			cells
    12) ToolStrip
    12a) RibbonBar, RibbonGroup and RibbonButton
    13) Tools
    14) TileGrid
    15) Scrollbars
    16) ToggleSwitch
	------------
	internal/unused styles
============================================================*/
/*============================================================
	1) General
============================================================*/
[data-isc-overflow-style="none"] {
  -ms-overflow-style: none;
}

[data-isc-overflow-style="none"]::-webkit-scrollbar {
  display: none;
}

/* tweak the builtin browser focus-outline - make it 1px and the same color as focused formItems */
*:focus {
  outline-color: var(--isc-formItem_focused_border_color);
  outline-radius: 0px;
}

/*custom hr*/
hr {
  border: none;
  border-top: var(--isc-standard_border);
  color: var(--isc-standard_border_color);
  margin: 0px;
}

ol,
ul {
  -webkit-text-size-adjust: 100%;
}

.pageBackground {
  background-color: var(--isc-standard_bgColor);
  color: var(--isc-standard_color);
  font-family: var(--isc-normal_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-standard_font_size);
}

/* default text */
.normal,
.normalFocused,
.normalDisabled {
  background-color: transparent;
  color: var(--isc-standard_color);
  font-family: var(--isc-normal_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-normal_font_size);
}

.normalDisabled {
  color: var(--isc-default_disabled_text_color);
}

body {
  background-color: var(--isc-page_bgColor);
}

.defaultBorder {
  border: var(--isc-standard_border);
}

/* drag outline */
.dragOutline {
  border: var(--isc-dragOutline_border);
}

/* drop indicator */
.dropBorder {
  background-color: var(--isc-dropBorder_bgColor);
}

/* hover canvas  */
.canvasHover,
.gridHover,
.formHover,
.asyncErrorHover {
  background-color: var(--isc-hoverCanvas_bgColor);
  color: var(--isc-hoverCanvas_color);
  font-family: var(--isc-hoverCanvas_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-hoverCanvas_font_size);
  padding: var(--isc-hoverCanvas_padding);
  border: var(--isc-hoverCanvas_border);
  border-radius: var(--isc-hoverCanvas_border_radius);
  box-shadow: var(--isc-hoverCanvas_shadow);
  transition: none;
}

.asyncErrorHover {
  border-color: var(--isc-notify_error_bgColor);
}

.largeHover {
  background-color: var(--isc-hoverCanvas_large_bgColor);
  color: var(--isc-hoverCanvas_large_color);
  font-family: var(--isc-hoverCanvas_large_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-hoverCanvas_large_font_size);
  padding: var(--isc-hoverCanvas_large_padding);
  border-radius: var(--isc-hoverCanvas_large_border_radius);
  box-shadow: var(--isc-hoverCanvas_large_shadow);
}

.hoverPinLabel {
  background-color: var(--isc-hoverCanvas_pinLabel_bgColor);
  color: var(--isc-hoverCanvas_pinLabel_color);
  font-family: var(--isc-hoverCanvas_pinLabel_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-hoverCanvas_pinLabel_font_size);
  padding: var(--isc-hoverCanvas_pinLabel_padding);
  border-radius: var(--isc-hoverCanvas_pinLabel_border_radius);
  box-shadow: var(--isc-hoverCanvas_pinLabel_shadow);
}

/* group label */
.groupLabel {
  background-color: var(--isc-groupLabel_bgColor);
  color: var(--isc-groupLabel_color);
  border: var(--isc-groupLabel_border);
  font-family: var(--isc-groupLabel_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-groupLabel_font_size);
  padding: var(--isc-groupLabel_padding);
}

/* canvas pointer */
.pointerUp {
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 14px solid transparent;
  border-bottom: 29px solid var(--isc-canvas_pointer_bgColor);
}

.pointerDown {
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 14px solid transparent;
  border-top: 29px solid var(--isc-canvas_pointer_bgColor);
}

.pointerRight {
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-bottom: 14px solid transparent;
  border-left: 29px solid var(--isc-canvas_pointer_bgColor);
}

.pointerLeft {
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-bottom: 14px solid transparent;
  border-right: 29px solid var(--isc-canvas_pointer_bgColor);
}

/* RichTextEditor */
.richTextEditorBorder {
  border: var(--isc-rich_text_border);
}

.richTextEditorToolArea {
  background-color: var(--isc-toolStrip_bgColor);
  border-bottom: var(--isc-rich_text_border);
}

.richTextEditorEditArea {
  background-color: var(--isc-formItem_bgColor);
  color: var(--isc-formItem_color);
}

.listPropertiesButtonLayoutBorder {
  border-top: var(--isc-rich_text_border);
}

.richTextEditor p {
  margin-top: 0px;
  margin-bottom: 0px;
}

.link,
.linkOver,
.linkDown,
.linkFocused,
.linkFocusedOver,
.linkFocusedDown,
.linkDisabled,
.linkText,
.linkTextOver,
.linkTextDown,
.linkTextFocused,
.linkTextFocusedOver,
.linkTextFocusedDown,
.linkTextDisabled {
  position: "relative";
  outline: none;
  vertical-align: middle;
  font-family: var(--isc-formItem_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-formItem_font_size);
  border-radius: var(--isc-formItem_border_radius);
  color: var(--isc-link_color);
}

.linkDisabled,
.linkTextDisabled {
  -webkit-text-fill-color: var(--isc-formItem_disabled_color);
  color: var(--isc-formItem_disabled_color);
}

.linkTextOver,
.linkText:hover {
  color: var(--isc-link_over_color);
}

.linkTextDown,
.linkText:active {
  color: var(--isc-link_active_color);
}

.linkTextFocused,
.linkTextFocusedDown,
.linkText:focus,
.linkTextFocused:focus,
.linkTextFocusedDown:focus {
  color: var(--isc-link_active_color);
}

.linkText:visited {
  color: var(--isc-link_visited_color);
}

/*============================================================
    2) Buttons - two variants, .button and .secondaryButton
		button.baseStyle
		buttonStrip.baseStyle
		buttonTable.baseButtonStyle
		listBar.labelStyle
		listGrid.headerBaseStyle (not in this skin)
============================================================*/
.button, .button:hover,
.buttonOver,
.buttonFocused,
.buttonFocusedOver,
.buttonDown,
.buttonFocusedDown,
.buttonSelected,
.buttonSelectedFocused,
.buttonSelectedDown,
.buttonSelectedFocusedDown,
.buttonSelectedOver,
.buttonSelectedFocusedOver,
.buttonDisabled,
.buttonSelectedDisabled,
.buttonDeselectedDisabled {
  background-color: var(--isc-button_bgColor);
  border: var(--isc-button_border);
  border-radius: var(--isc-button_border_radius);
  padding: var(--isc-button_padding);
  vertical-align: middle;
  outline: 0px;
  color: var(--isc-button_color);
  font-size: var(--isc-button_font_size);
  font-family: var(--isc-button_font), Arial, Helvetica, sans-serif;
  font-weight: var(--isc-button_font_weight);
  opacity: var(--isc-button_opacity);
  background-image: var(--isc-button_bgImage);
  transition: initial;
}

/* Over styles */
.button:hover,
.buttonOver {
  color: var(--isc-button_over_color);
  background-color: var(--isc-button_over_bgColor);
  border: var(--isc-button_over_border);
  opacity: var(--isc-button_over_opacity);
  box-shadow: var(--isc-button_over_shadow);
  transition: initial;
}

/* selected styles */
.buttonSelected {
  color: var(--isc-button_selected_color);
  background-color: var(--isc-button_selected_bgColor);
  opacity: var(--isc-button_selected_opacity);
  border: var(--isc-button_selected_border);
  box-shadow: var(--isc-button_selected_shadow);
}

/* focused styles */
.buttonFocused,
.buttonSelectedFocused {
  color: var(--isc-button_focused_color);
  background-color: var(--isc-button_focused_bgColor);
  opacity: var(--isc-button_focused_opacity);
  border: var(--isc-button_focused_border);
  box-shadow: var(--isc-button_focused_shadow);
}

/* focusedOver styles */
.buttonFocusedOver,
.buttonSelectedFocusedOver {
  color: var(--isc-button_focused_over_color);
  background-color: var(--isc-button_focused_over_bgColor);
  border: var(--isc-button_focused_over_border);
  opacity: var(--isc-button_focused_over_opacity);
  box-shadow: var(--isc-button_focused_over_shadow);
}

/* Down styles */
.buttonDown,
.buttonFocusedDown,
.buttonSelectedDown,
.buttonSelectedFocusedDown {
  color: var(--isc-button_down_color);
  background-color: var(--isc-button_down_bgColor);
  border: var(--isc-button_down_border);
  opacity: var(--isc-button_down_opacity);
  box-shadow: var(--isc-button_down_glow);
}

/* disabled styles */
.buttonDisabled,
.buttonSelectedDisabled {
  color: var(--isc-button_disabled_color);
  background-color: var(--isc-button_disabled_bgColor);
  border: var(--isc-button_disabled_border);
  opacity: 1;
  background-image: none;
}

.buttonDeselectedDisabled {
  color: var(--isc-button_deselected_disabled_color);
  text-decoration: line-through;
}

/* pending styles - used in conjunction with .buttonItem */
.buttonPending,
.buttonPendingOver,
.buttonPendingFocused,
.buttonPendingFocusedOver,
.buttonPendingDown,
.buttonPendingFocusedDown,
.buttonPendingSelected,
.buttonPendingSelectedFocused,
.buttonPendingSelectedDown,
.buttonPendingSelectedFocusedDown,
.buttonPendingSelectedOver,
.buttonPendingSelectedFocusedOver,
.buttonPendingOpened,
.buttonPendingOverOpened,
.buttonPendingDisabled,
.buttonPendingSelectedDisabled,
.buttonDeselectedDisabled {
  color: var(--isc-pending_value_dark_color);
  font-family: var(--isc-formItem_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-formItem_font_size);
  background-color: var(--isc-button_bgColor);
  border: var(--isc-button_border);
  border-radius: var(--isc-button_border_radius);
  padding: var(--isc-button_padding);
  vertical-align: middle;
  outline: 0px;
  opacity: var(--isc-button_opacity);
  background-image: var(--isc-button_bgImage);
  transition: initial;
}

.buttonDeselectedDisabled {
  color: var(--isc-button_deselected_disabled_color);
  background-color: var(--isc-button_disabled_bgColor);
  text-decoration: line-through;
}

/* Over styles */
.buttonPendingOver,
.buttonPendingOverOpened {
  background-color: var(--isc-button_over_bgColor);
  border: var(--isc-button_over_border);
  box-shadow: var(--isc-button_over_shadow);
  opacity: var(--isc-button_over_opacity);
  box-shadow: var(--isc-button_over_shadow);
  transition: initial;
}

/* disabled styles */
.buttonPendingDisabled,
.buttonPendingSelectedDisabled {
  color: var(--isc-button_pending_disabled_color);
  background-color: var(--isc-button_disabled_bgColor);
  border: var(--isc-button_disabled_border);
  opacity: 1;
  background-image: none;
}

/* secondary button */
.secondaryButton,
.secondaryButtonOver,
.secondaryButtonFocused,
.secondaryButtonFocusedOver,
.secondaryButtonDown,
.secondaryButtonFocusedDown,
.secondaryButtonSelected,
.secondaryButtonSelectedFocused,
.secondaryButtonSelectedDown,
.secondaryButtonSelectedFocusedDown,
.secondaryButtonSelectedOver,
.secondaryButtonSelectedFocusedOver,
.secondaryButtonDisabled,
.secondaryButtonSelectedDisabled,
.secondaryButtonDeselectedDisabled {
  background-color: var(--isc-secondaryButton_bgColor);
  border: var(--isc-secondaryButton_border);
  border-radius: var(--isc-secondaryButton_border_radius);
  padding: var(--isc-secondaryButton_padding);
  vertical-align: middle;
  outline: 0px;
  color: var(--isc-secondaryButton_color);
  font-size: var(--isc-secondaryButton_font_size);
  font-family: var(--isc-secondaryButton_font), Arial, Helvetica, sans-serif;
  font-weight: var(--isc-secondaryButton_font_weight);
  opacity: var(--isc-secondaryButton_opacity);
  background-image: var(--isc-secondaryButton_bgImage);
  transition: initial;
}

/* Over styles */
.secondaryButton:hover,
.secondaryButtonOver {
  color: var(--isc-secondaryButton_over_color);
  background-color: var(--isc-secondaryButton_over_bgColor);
  border: var(--isc-secondaryButton_over_border);
  box-shadow: var(--isc-secondaryButton_over_shadow);
  opacity: var(--isc-secondaryButton_over_opacity);
  transition: initial;
}

/* selected styles */
.secondaryButtonSelected {
  color: var(--isc-secondaryButton_selected_color);
  background-color: var(--isc-secondaryButton_selected_bgColor);
  border: var(--isc-secondaryButton_selected_border);
  box-shadow: var(--isc-secondaryButton_selected_shadow);
  opacity: var(--isc-secondaryButton_selected_opacity);
}

/* focused styles */
.secondaryButtonFocused,
.secondaryButtonSelectedFocused {
  color: var(--isc-secondaryButton_focused_color);
  background-color: var(--isc-secondaryButton_focused_bgColor);
  border: var(--isc-secondaryButton_focused_border);
  box-shadow: var(--isc-secondaryButton_focused_shadow);
  opacity: var(--isc-secondaryButton_focused_opacity);
}

/* focusedOver styles */
.secondaryButtonFocusedOver,
.secondaryButtonSelectedFocusedOver {
  color: var(--isc-secondaryButton_focused_over_color);
  background-color: var(--isc-secondaryButton_focused_over_bgColor);
  border: var(--isc-secondaryButton_focused_over_border);
  box-shadow: var(--isc-secondaryButton_focused_over_shadow);
  opacity: var(--isc-secondaryButton_focused_over_opacity);
}

/* Down styles */
.secondaryButtonDown,
.secondaryButtonFocusedDown,
.secondaryButtonSelectedDown,
.secondaryButtonSelectedFocusedDown {
  color: var(--isc-secondaryButton_down_color);
  background-color: var(--isc-secondaryButton_down_bgColor);
  border: var(--isc-secondaryButton_down_border);
  box-shadow: var(--isc-secondaryButton_down_glow);
  opacity: var(--isc-secondaryButton_down_opacity);
}

/* disabled styles */
.secondaryButtonDisabled,
.secondaryButtonSelectedDisabled {
  color: var(--isc-secondaryButton_disabled_color);
  background-color: var(--isc-secondaryButton_disabled_bgColor);
  border: var(--isc-secondaryButton_disabled_border);
  opacity: 1;
  background-image: none;
}

.secondaryButtonDeselectedDisabled {
  color: var(--isc-secondaryButton_deselected_disabled_color);
  text-decoration: line-through;
}

/* pending styles - used in conjunction with .secondaryButtonItem */
.secondaryButtonPending,
.secondaryButtonPendingOver,
.secondaryButtonPendingFocused,
.secondaryButtonPendingFocusedOver,
.secondaryButtonPendingDown,
.secondaryButtonPendingFocusedDown,
.secondaryButtonPendingSelected,
.secondaryButtonPendingSelectedFocused,
.secondaryButtonPendingSelectedDown,
.secondaryButtonPendingSelectedFocusedDown,
.secondaryButtonPendingSelectedOver,
.secondaryButtonPendingSelectedFocusedOver,
.secondaryButtonPendingOpened,
.secondaryButtonPendingOverOpened,
.secondaryButtonPendingDisabled,
.secondaryButtonPendingSelectedDisabled,
.secondaryButtonDeselectedDisabled {
  color: var(--isc-pending_value_dark_color);
  font-family: var(--isc-formItem_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-formItem_font_size);
  background-color: var(--isc-secondaryButton_bgColor);
  border: var(--isc-secondaryButton_border);
  border-radius: var(--isc-secondaryButton_border_radius);
  padding: var(--isc-secondaryButton_padding);
  vertical-align: middle;
  outline: 0px;
}

.secondaryButtonDeselectedDisabled {
  color: var(--isc-secondaryButton_deselected_disabled_color);
  background-color: var(--isc-secondaryButton_disabled_bgColor);
  text-decoration: line-through;
}

/* Over styles */
.secondaryButtonPendingOver,
.secondaryButtonPendingOverOpened {
  background-color: var(--isc-secondaryButton_over_bgColor);
  border: var(--isc-secondaryButton_over_border);
  box-shadow: var(--isc-secondaryButton_over_shadow);
}

/* disabled styles */
.secondaryButtonPendingDisabled,
.secondaryButtonPendingSelectedDisabled {
  color: var(--isc-secondaryButton_disabled_color);
  background-color: var(--isc-secondaryButton_disabled_bgColor);
  border: var(--isc-secondaryButton_disabled_border);
}

/* Button-styles, with fonts applicable for buttons used as components of FormItems */
.buttonItem,
.buttonItemOver,
.buttonItemFocused,
.buttonItemFocusedOver,
.buttonItemDown,
.buttonItemFocusedDown,
.buttonItemSelected,
.buttonItemSelectedFocused,
.buttonItemSelectedDown,
.buttonItemSelectedFocusedDown,
.buttonItemSelectedOver,
.buttonItemSelectedFocusedOver,
.buttonItemDisabled,
.buttonItemOpened,
.buttonItemOverOpened,
.buttonItemSelectedDisabled,
.buttonItemDeselectedDisabled {
  background-color: var(--isc-button_bgColor);
  border: var(--isc-button_border);
  border-radius: var(--isc-button_border_radius);
  padding: var(--isc-button_padding);
  vertical-align: middle;
  outline: 0px;
  color: var(--isc-button_color);
  font-size: var(--isc-formItem_font_size);
  font-family: var(--isc-formItem_font), Arial, Helvetica, sans-serif;
  opacity: var(--isc-button_opacity);
  background-image: var(--isc-button_bgImage);
  transition: initial;
}

/* Over styles */
.buttonItem:hover,
.buttonItemOver {
  color: var(--isc-button_over_color);
  background-color: var(--isc-button_over_bgColor);
  border: var(--isc-button_over_border);
  opacity: var(--isc-button_over_opacity);
  box-shadow: var(--isc-button_over_shadow);
  transition: initial;
  fill: var(--isc-button_over_color);
  stroke: var(--isc-button_over_color);
}

/* focused styles */
.buttonItemFocused,
.buttonItemSelectedFocused {
  color: var(--isc-button_focused_color);
  background-color: var(--isc-button_focused_bgColor);
  border: var(--isc-button_focused_border);
  box-shadow: var(--isc-button_focused_shadow);
  opacity: var(--isc-button_focused_opacity);
  fill: var(--isc-button_focused_color);
  stroke: var(--isc-button_focused_color);
}

/* focusedOver styles */
.buttonItemFocusedOver,
.buttonItemSelectedFocusedOver {
  color: var(--isc-button_focused_over_color);
  background-color: var(--isc-button_focused_over_bgColor);
  border: var(--isc-button_focused_over_border);
  box-shadow: var(--isc-button_focused_over_shadow);
  opacity: var(--isc-button_focused_over_opacity);
}

/* Down styles */
.buttonItemDown,
.buttonItemFocusedDown,
.buttonItemSelectedDown,
.buttonItemSelectedFocusedDown {
  color: var(--isc-button_down_color);
  background-color: var(--isc-button_down_bgColor);
  border: var(--isc-button_down_border);
  box-shadow: var(--isc-button_down_glow);
  opacity: var(--isc-button_down_opacity);
}

/* disabled styles */
.buttonItemDisabled,
.buttonItemSelectedDisabled {
  color: var(--isc-button_disabled_color);
  background-color: var(--isc-button_disabled_bgColor);
  border: var(--isc-button_disabled_border);
  opacity: 1;
  background-image: none;
}

.buttonItemDeselectedDisabled {
  color: var(--isc-button_deselected_disabled_color);
  text-decoration: line-through;
}

/* ImgButton */
.imgButton,
.imgButtonOver,
.imgButtonSelected,
.imgButtonSelectedDisabled,
.imgButtonSelectedOver,
.imgButtonDown,
.imgButtonSelectedDown,
.imgButtonDisabled {
  font-family: var(--isc-button_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-button_font_size);
}

/* StretchImgButton */
.stretchImgButton,
.stretchImgButtonSelected,
.stretchImgButtonSelectedOver,
.stretchImgButtonOver,
.stretchImgButtonDown,
.stretchImgButtonSelectedDown,
.stretchImgButtonSelectedDisabled,
.stretchImgButtonDisabled,
.stretchImgButtonPending,
.stretchImgButtonPendingSelected,
.stretchImgButtonPendingSelectedOver,
.stretchImgButtonPendingOver,
.stretchImgButtonPendingDown,
.stretchImgButtonPendingSelectedDown,
.stretchImgButtonPendingSelectedDisabled,
.stretchImgButtonPendingDisabled {
  font-family: var(--isc-button_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-button_font_size);
  font-weight: var(--isc-button_font_weight);
}

.stretchImgButtonDisabled,
.stretchImgButtonSelectedDisabled,
.stretchImgButtonPendingDisabled,
.stretchImgButtonPendingSelectedDisabled {
  color: var(--isc-button_disabled_color);
}

.stretchImgButtonPending,
.stretchImgButtonPendingSelected,
.stretchImgButtonPendingSelectedOver,
.stretchImgButtonPendingOver,
.stretchImgButtonPendingDown,
.stretchImgButtonPendingSelectedDown {
  color: var(--isc-pending_value_color);
}

/* Button Title */
.buttonTitle,
.buttonTitleOver,
.buttonTitleDown,
.buttonTitleSelected,
.buttonTitleSelectedOver,
.buttonTitleSelectedDown,
.buttonTitleSelectedFocused,
.buttonTitleSelectedFocusedOver,
.buttonTitleSelectedFocusedDown,
.buttonTitleSelectedDisabled,
.buttonTitleFocused,
.buttonTitleFocusedOver,
.buttonTitleFocusedDown,
.buttonTitleDisabled,
.buttonTitleOpened,
.buttonTitleOpenedOver {
  color: var(--isc-button_color);
  font-family: var(--isc-formItem_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-formItem_font_size);
  padding: 0px;
}

/*============================================================
    3) Menus 
============================================================*/
.menuBorder {
  background-color: var(--isc-menu_bgColor);
  border: var(--isc-menu_border);
  box-shadow: var(--isc-menu_shadow);
  border-radius: var(--isc-menu_border_radius);
}

/* menuTable class, applied to the <table> element in Menu-grids */
/* in menus, for TD elements that contain an HR, allow the table-level cellpadding to be 
   modified - left/right 0px will clobber HTML cellpadding on the <table>, so the HRs fill 
   the table-width */
.menuTable td:has(hr) {
  padding: var(--isc-menu_separator_padding);
}

.menuMain,
.menuMainRTL,
.menuFill,
.menuFillRTL {
  background-repeat: repeat-y;
  background-attachment: scroll;
  border-radius: var(--isc-menu_border_radius);
  padding: var(--isc-menu_body_padding);
}

.gridBodyAnimated,
.menuFillAnimated,
.menuFillRTLAnimated {
  transition: transform 350ms;
}

.treeMenuBody {
  background-color: var(--isc-menu_bgColor);
}

/* menu styles */
.menu,
.menuOver,
.menuOverDark,
.menuSelected,
.menuSelectedOver,
.menuSelectedOverDark,
.menuDisabled,
.menuDisabledDark,
.treeMenuSelected,
.treeMenuSelectedDark,
.treeMenuSelectedOver,
.treeMenuSelectedOverDark {
  background-color: var(--isc-menu_bgColor);
  color: var(--isc-menu_color);
  border-bottom: var(--isc-menuItem_border);
  border-top: var(--isc-menuItem_border);
  vertical-align: middle;
  font-family: var(--isc-menu_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-menu_font_size);
  transition: initial;
  padding: var(--isc-menu_padding);
}

/* styles to be used by a parent when showing its submenu */
.menuIconFieldSelected img,
.menuSelected img,
.menuIconFieldOver img,
.menuOver img {
  filter: brightness(var(--isc-menu_over_brightness));
}

/* over styles */
.menuOver,
.menuOverDark,
.menuSelectedOver,
.menuSelectedOverDark,
.treeMenuSelected,
.treeMenuSelectedDark,
.treeMenuSelectedOver,
.treeMenuSelectedOverDark,
.treeMenuSelectedSelected,
.treeMenuSelectedSelectedOver {
  background-color: var(--isc-menu_over_bgColor);
  color: var(--isc-menu_over_color);
}

/* selected */
.menuSelected {
  background-color: var(--isc-menu_selected_bgColor);
  color: var(--isc-menu_selected_color);
}

/* selectedOver */
.menuSelectedOver,
.menuSelectedOverDark {
  background-color: var(--isc-menu_selected_bgColor);
  color: var(--isc-menu_selected_color);
}

/* disabled style */
.menuDisabled,
.menuDisabledDark {
  color: var(--isc-menu_disabled_color);
}

/* menuTitleField */
.menuTitleField,
.menuTitleFieldDark,
.menuTitleFieldSelected,
.menuTitleFieldSelectedDark,
.menuTitleFieldOver,
.menuTitleFieldOverDark,
.menuTitleFieldSelectedOver,
.menuTitleFieldSelectedOverDark,
.menuTitleFieldDisabled,
.menuTitleFieldDisabledDark {
  background-color: var(--isc-menu_bgColor);
  color: var(--isc-menu_color);
  border-bottom: var(--isc-menuItem_border);
  border-top: var(--isc-menuItem_border);
  vertical-align: middle;
  font-family: var(--isc-menu_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-menu_font_size);
  padding: var(--isc-menu_title_padding);
  transition: initial;
}

.menuTitleFieldOver,
.menuTitleFieldOverDark,
.menuTitleFieldSelectedOver,
.menuTitleFieldSelectedOverDark {
  background-color: var(--isc-menu_over_bgColor);
  color: var(--isc-menu_over_color);
}

.menuTitleFieldSelected {
  background-color: var(--isc-menu_selected_bgColor);
  color: var(--isc-menu_selected_color);
}

.menuTitleFieldDisabled,
.menuTitleFieldDisabledDark {
  color: var(--isc-menu_disabled_color);
}

/* menuIconField */
.menuIconField,
.menuIconFieldDark,
.menuIconFieldOver,
.menuIconFieldOverDark,
.menuIconFieldSelected,
.menuIconFieldSelectedDark,
.menuIconFieldSelectedOver,
.menuIconFieldSelectedOverDark,
.menuIconFieldDisabled {
  background-color: var(--isc-menu_bgColor);
  vertical-align: middle;
  font-family: var(--isc-menu_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-menu_font_size);
  border-bottom: var(--isc-menuItem_border);
  border-top: var(--isc-menuItem_border);
  vertical-align: middle;
  padding: var(--isc-menu_iconField_padding);
  border-radius: var(--isc-menu_iconField_border_radius);
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  color: var(--isc-menu_iconField_color);
  transition: initial;
}

.menuIconFieldOver,
.menuIconFieldOverDark,
.menuIconFieldSelected,
.menuIconFieldSelectedDark,
.menuIconFieldSelectedOver,
.menuIconFieldSelectedOverDark {
  background-color: var(--isc-menu_over_bgColor);
  color: var(--isc-menu_iconField_over_color);
}

.menuIconFieldSelected,
.menuIconFieldSelectedDark {
  background-color: var(--isc-menu_selected_bgColor);
  color: var(--isc-menu_iconField_selected_color);
}

.menuIconFieldDisabled,
.menuIconFieldDisabledDark {
  color: var(--isc-menu_iconField_disabled_color);
}

/* menuKeyField */
.menuKeyField,
.menuKeyFieldDark,
.menuKeyFieldOver,
.menuKeyFieldOverDark,
.menuKeyFieldSelected,
.menuKeyFieldSelectedDark,
.menuKeyFieldSelectedOver,
.menuKeyFieldSelectedOverDark,
.menuKeyFieldDisabled {
  border-bottom: var(--isc-menuItem_border);
  border-top: var(--isc-menuItem_border);
  font-family: var(--isc-menu_keyField_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-menu_font_size);
  background-color: var(--isc-menu_bgColor);
  color: var(--isc-menu_keyField_color);
  padding: var(--isc-menu_keyField_padding);
  vertical-align: middle;
  border-radius: var(--isc-menu_keyField_border_radius);
  transition: initial;
}

.menuKeyFieldOver,
.menuKeyFieldOverDark,
.menuKeyFieldSelectedOver,
.menuKeyFieldSelectedOverDark {
  background-color: var(--isc-menu_over_bgColor);
  color: var(--isc-menu_keyField_over_color);
}

.menuKeyFieldSelected,
.menuKeyFieldSelectedDark {
  background-color: var(--isc-menu_selected_bgColor);
  color: var(--isc-menu_keyField_selected_color);
}

.menuKeyFieldDisabled,
.menuKeyFieldDisabledDark {
  color: var(--isc-menu_disabled_color);
}

/* menuSubmenuField */
.menuSubmenuField,
.menuSubmenuFieldDark,
.menuSubmenuFieldOver,
.menuSubmenuFieldOverDark,
.menuSubmenuFieldSelected,
.menuSubmenuFieldSelectedDark,
.menuSubmenuFieldSelectedOver,
.menuSubmenuFieldSelectedOverDark,
.menuSubmenuFieldDisabled {
  background-color: var(--isc-menu_bgColor);
  color: var(--isc-menu_submenuField_color);
  vertical-align: middle;
  font-family: var(--isc-menu_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-menu_font_size);
  border-bottom: var(--isc-menuItem_border);
  border-top: var(--isc-menuItem_border);
  padding: var(--isc-menu_submenuField_padding);
  vertical-align: middle;
  border-radius: var(--isc-menu_submenuField_border_radius);
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  transition: initial;
}

.menuSubmenuFieldOver,
.menuSubmenuFieldOverDark,
.menuSubmenuFieldSelectedOver,
.menuSubmenuFieldSelectedOverDark {
  background-color: var(--isc-menu_over_bgColor);
  color: var(--isc-menu_submenuField_over_color);
}

.menuSubmenuFieldSelected,
.menuSubmenuFieldSelectedDark {
  background-color: var(--isc-menu_selected_bgColor);
  color: var(--isc-menu_submenuField_selected_color);
}

.menuSubmenuFieldDisabled,
.menuSubmenuFieldDisabledDark {
  color: var(--isc-menu_disabled_color);
}

/* menu buttons */
.menuButton,
.menuButtonOver,
.menuButtonDown,
.menuButtonFocused,
.menuButtonFocusedOver,
.menuButtonFocusedDown,
.menuButtonSelected,
.menuButtonSelectedDown,
.menuButtonSelectedOver,
.menuButtonSelectedDisabled,
.menuButtonSelectedFocused,
.menuButtonSelectedFocusedDown,
.menuButtonSelectedFocusedOver,
.menuButtonDisabled,
.menuButtonPending,
.menuButtonPendingOpened,
.menuButtonPendingOver,
.menuButtonPendingOverOpened,
.menuButtonPendingDown,
.menuButtonPendingDisabled,
.menuButtonPendingFocused,
.menuButtonPendingFocusedDown,
.menuButtonPendingFocusedOver,
.menuButtonPendingSelected,
.menuButtonPendingSelectedDown,
.menuButtonPendingSelectedOver,
.menuButtonPendingSelectedDisabled,
.menuButtonOpened,
.menuButtonOverOpened,
.menuButtonDownOpened,
.menuButtonFocusedOpened,
.menuButtonFocusedDownOpened,
.menuButtonFocusedOverOpened,
.menuButtonSelectedOpened,
.menuButtonSelectedDownOpened,
.menuButtonSelectedOverOpened {
  color: var(--isc-menuButton_color);
  background-color: var(--isc-menuButton_bgColor);
  border: var(--isc-menuButton_border);
  border-radius: var(--isc-menuButton_border_radius);
  list-style-type: none;
  padding: var(--isc-menuButton_padding);
  font-family: var(--isc-menuButton_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-menuButton_font_size);
  vertical-align: middle;
  opacity: var(--isc-menuButton_opacity);
  background-image: var(--isc-menuButton_bgImage);
  transition: initial;
  outline: none;
}

/* over style */
.menuButtonOver,
.menuButtonPendingOver {
  color: var(--isc-menuButton_over_color);
  background-color: var(--isc-menuButton_over_bgColor);
  border: var(--isc-menuButton_over_border);
  box-shadow: var(--isc-menuButton_over_shadow);
  opacity: var(--isc-menuButton_over_opacity);
  transition: initial;
}

/* focused style */
.menuButtonFocused,
.menuButtonPendingFocused {
  color: var(--isc-menuButton_focused_color);
  background-color: var(--isc-menuButton_focused_bgColor);
  border: var(--isc-menuButton_focused_border);
  box-shadow: var(--isc-menuButton_focused_shadow);
  opacity: var(--isc-menuButton_focused_opacity);
}

/* focused over style */
.menuButtonFocusedOver,
.menuButtonSelectedOver,
.menuButtonSelectedFocusedOver {
  color: var(--isc-menuButton_focused_over_color);
  background-color: var(--isc-menuButton_focused_over_bgColor);
  border: var(--isc-menuButton_focused_over_border);
  box-shadow: var(--isc-menuButton_focused_over_shadow);
  opacity: var(--isc-menuButton_focused_over_opacity);
}

/* down style */
.menuButtonDown,
.menuButtonFocusedDown,
.menuButtonSelectedDown,
.menuButtonSelectedFocusedDown {
  color: var(--isc-menuButton_down_color);
  background-color: var(--isc-menuButton_down_bgColor);
  border: var(--isc-menuButton_down_border);
  opacity: var(--isc-menuButton_down_opacity);
}

.menuButtonDown,
.menuButtonFocusedDown,
.menuButtonSelected,
.menuButtonSelectedDown,
.menuButtonSelectedOver,
.menuButtonPendingDown,
.menuButtonPendingFocusedDown,
.menuButtonPendingFocusedOver,
.menuButtonPendingSelected,
.menuButtonPendingSelectedDown,
.menuButtonPendingSelectedOver {
  color: var(--isc-menuButton_down_color);
  background-color: var(--isc-menuButton_down_bgColor);
  border: var(--isc-menuButton_down_border);
  box-shadow: var(--isc-menuButton_down_glow);
  outline: none;
}

/* opened style */
.menuButtonOpened,
.menuButtonPendingOpened,
.menuButtonPendingOverOpened,
.menuButtonOverOpened,
.menuButtonDownOpened,
.menuButtonFocusedOpened,
.menuButtonFocusedDownOpened,
.menuButtonFocusedOverOpened,
.menuButtonSelectedOpened,
.menuButtonSelectedDownOpened,
.menuButtonSelectedOverOpened {
  color: var(--isc-menuButton_down_color);
  background-color: var(--isc-menuButton_down_bgColor);
  border: var(--isc-menuButton_down_border);
  box-shadow: var(--isc-menuButton_opened_shadow);
  opacity: var(--isc-menuButton_down_opacity);
}

/* disabled style */
.menuButtonDisabled,
.menuButtonSelectedDisabled,
.menuButtonPendingDisabled,
.menuButtonPendingSelectedDisabled {
  color: var(--isc-menuButton_disabled_color);
  background-color: var(--isc-menuButton_disabled_bgColor);
  border: var(--isc-menuButton_disabled_border);
  opacity: 1;
  background-image: none;
}

/* pending style */
.menuButtonPending,
.menuButtonPendingOpened,
.menuButtonPendingOver,
.menuButtonPendingOverOpened,
.menuButtonPendingDown,
.menuButtonPendingFocused,
.menuButtonPendingFocusedDown,
.menuButtonPendingFocusedOver,
.menuButtonPendingSelected,
.menuButtonPendingSelectedDown,
.menuButtonPendingSelectedOver {
  color: var(--isc-pending_value_dark_color);
}

/* textMenuButton - lightweight menuButton - text and icon only, no background/border, etc */
.textMenuButton,
.textMenuButtonOver,
.textMenuButtonDown,
.textMenuButtonFocused,
.textMenuButtonFocusedOver,
.textMenuButtonFocusedDown,
.textMenuButtonSelected,
.textMenuButtonSelectedDown,
.textMenuButtonSelectedOver,
.textMenuButtonSelectedDisabled,
.textMenuButtonSelectedFocused,
.textMenuButtonSelectedFocusedDown,
.textMenuButtonSelectedFocusedOver,
.textMenuButtonDisabled {
  color: var(--isc-textMenuButton_color);
  background-color: transparent;
  border: none;
  padding: var(--isc-textMenuButton_padding);
  font-family: var(--isc-textMenuButton_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-textMenuButton_font_size);
  transition: initial;
}

.textMenuButtonFocused {
  color: blue;
}

.textMenuButtonOver,
.textMenuButtonFocusedOver,
.textMenuButtonSelectedOver,
.textMenuButtonSelectedFocusedOver {
  color: var(--isc-textMenuButton_over_color);
}

.textMenuButtonDown,
.textMenuButtonFocusedDown,
.textMenuButtonSelectedDown,
.textMenuButtonSelectedFocusedDown {
  color: var(--isc-icon_down_color);
}

.textMenuButtonDisabled {
  color: var(--isc-icon_disabled_color);
}

/*============================================================
    4) Window
		window.styleName - windowBackground
		window.bodyStyle - windowBody
		window.headerStyle - windowHeader
		window.hiliteHeaderStyle - windowHeaderHilite
		window.headerLabelDefaults.styleName - windowHeaderText
		window.statusBarDefaults.styleName - windowStatusBar

	Dialog
		dialog.styleName - dialogBackground
		dialog.bodyStyle - dialogBody
		dialog.headerStyle - dialogHeader
		dialog.hiliteHeaderStyle - dialogHeaderHilite
		dialog.headerLabelDefaults.styleName - dialogHeaderText
============================================================*/
.modalMask {
  background-color: var(--isc-modalMask_bgColor);
}

/* Window and Dialog*/
.windowBackground {
  border: var(--isc-window_border);
  background-color: var(--isc-window_bgColor);
  box-shadow: var(--isc-window_shadow);
  border-radius: var(--isc-window_border_radius);
}

.windowBody {
  background-color: var(--isc-window_body_bgColor);
  padding: var(--isc-window_body_padding);
  border-radius: var(--isc-window_border_radius);
  font-family: var(--isc-window_body_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-window_body_font_size);
}

.promptBody {
  border: var(--isc-window_border);
  border-top: none;
}

.windowHeader,
.windowHeaderHilite {
  padding: var(--isc-window_header_padding);
  background-color: var(--isc-window_header_bgColor);
  background-image: var(--isc-window_header_bgImage);
  border-radius: var(--isc-dialog_header_border_radius);
  /* this is necessary to float the ::after separator outside the header and ignore it's radius */
  position: relative;
  color: var(--isc-window_header_color);
}

/* draw a separator that looks like a bottom-border on the window-header, but can float outside 
   of it, ignores it's radius and can be sized as required */
.windowHeader::after,
.windowHeaderHilite::after {
  content: '';
  position: absolute;
  /* v-offset from header-bottom, and x-offset (indent) from the left and right - defaults are 0 */
  bottom: var(--isc-window_separator_v_offset);
  left: var(--isc-window_separator_indent);
  right: var(--isc-window_separator_indent);
  /* use border-bottom to draw the line */
  border: none;
  border-bottom: var(--isc-window_separator_border);
  border-radius: 0px;
  z-index: 1;
}

.windowHeaderText {
  color: var(--isc-window_header_color);
  font-family: var(--isc-window_header_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-window_header_font_size);
  font-weight: var(--isc-standard_header_font_weight);
  line-height: var(--isc-window_header_line_height);
  padding: var(--isc-window_title_padding);
}

.windowHeaderIcon {
  padding: var(--isc-window_header_icon_padding);
  color: var(--isc-window_header_color);
}

.windowStatusBar {
  background-color: var(--isc-window_status_bgColor);
  border-top: var(--isc-window_border);
  color: var(--isc-window_status_color);
  font-family: var(--isc-window_status_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-window_status_font_size);
  padding: var(--isc-window_status_padding);
}

/* Dialog styles */
.dialogBackground {
  border: var(--isc-dialog_border);
  background-color: var(--isc-dialog_bgColor);
  box-shadow: var(--isc-dialog_shadow);
  border-radius: var(--isc-dialog_border_radius);
  position: relative;
}

.dialogBody {
  background-color: var(--isc-dialog_body_bgColor);
  padding: var(--isc-dialog_body_padding);
  border-radius: var(--isc-dialog_border_radius);
  font-family: var(--isc-dialog_body_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-dialog_body_font_size);
}

.dialogHeader,
.dialogHeaderHilite {
  padding: var(--isc-dialog_header_padding);
  background-color: var(--isc-dialog_header_bgColor);
  background-image: var(--isc-dialog_header_bgImage);
  border-radius: var(--isc-dialog_header_border_radius);
  /* this is necessary to float the ::after separator outside the header and ignore it's radius */
  position: relative;
}

/* draw a separator that looks like a bottom-border on the dialog-header, but can float outside 
   of it, ignores it's radius and can be sized as required */
.dialogHeader::after,
.dialogHeaderHilite::after {
  content: '';
  position: absolute;
  /* v-offset from header-bottom, and x-offset (indent) from the left and right - defaults are 0 */
  bottom: var(--isc-dialog_separator_v_offset);
  left: var(--isc-dialog_separator_indent);
  right: var(--isc-dialog_separator_indent);
  /* use border-bottom to draw the line */
  border: none;
  border-bottom: var(--isc-dialog_separator_border);
  border-radius: 0px;
  z-index: 1;
}

.dialogHeaderText {
  color: var(--isc-dialog_header_color);
  font-family: var(--isc-dialog_header_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-dialog_header_font_size);
  font-weight: var(--isc-standard_header_font_weight);
  line-height: var(--isc-dialog_header_line_height);
  padding: var(--isc-dialog_title_padding);
}

.dialogStatusBar {
  background-color: var(--isc-dialog_status_bgColor);
  border-top: var(--isc-dialog_border);
  color: var(--isc-dialog_status_color);
  font-family: var(--isc-dialog_status_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-dialog_status_font_size);
  padding: var(--isc-dialog_status_padding);
}

.dialogToolbar {
  background-color: var(--isc-dialog_toolbar_bgColor);
  border: var(--isc-dialog_toolbar_border);
}

/*============================================================
    5) Layout
============================================================*/
.layoutDropLine {
  background-color: var(--isc-layout_dropLine_bgColor);
  border: var(--isc-layout_dropLine_border);
  pointer-events: none;
}

.layoutPlaceHolder {
  border: var(--isc-layout_placeholder_border);
}

.hSplitbar,
.hSplitbarclosed,
.hSplitbarOver,
.hSplitbarOverclosed {
  background-color: var(--isc-splitbar_bgColor);
  background-size: 100%;
}

.hSplitbarDown {
  border: var(--isc-splitbar_border);
}

.vSplitbar,
.vSplitbarclosed,
.vSplitbarOver,
.vSplitbarOverclosed {
  background-color: var(--isc-splitbar_bgColor);
  background-size: 100%;
}

.vSplitbarDown {
  border: var(--isc-splitbar_border);
}

.splitPaneSidePanel,
.splitPaneSidePanelOnScreen,
.splitPaneSidePanelOffScreen {
  border-right: var(--isc-splitbar_border);
}

.splitPaneSidePanelRTL,
.splitPaneSidePanelOnScreenRTL,
.splitPaneSidePanelOffScreenRTL {
  border-left: var(--isc-splitbar_border);
}

.splitPaneSidePanelOnScreen,
.splitPaneSidePanelOnScreenRTL,
.splitPaneSidePanelOffScreen,
.splitPaneSidePanelOffScreenRTL {
  transition: transform 250ms;
}

.splitPaneSidePanelOnScreen,
.splitPaneSidePanelOnScreenRTL {
  /* make the slide in transition slightly longer */
  transition-duration: 300ms;
}

.splitPanePagedPanelPagesContainerAnimated,
.navStackPagedPanelPagesContainerAnimated {
  transition: transform 450ms;
}

.navBarHeaderPaneTitle,
.navBarHeaderPaneTitleDisabled,
.detailPaneTitle,
.detailPaneTitleDisabled,
.listPaneTitle,
.listPaneTitleDisabled {
  background-color: var(--isc-navBar_bgColor);
  color: var(--isc-navBar_header_color);
  font-family: var(--isc-navBar_header_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-navBar_header_font_size);
}

/*============================================================
    6) TabSet, tab scroller and tab picker
============================================================*/
.tabSetContainer {
  background-color: var(--isc-tabSet_container_bgColor);
  border: var(--isc-tabSet_container_border);
  color: var(--isc-tabSet_container_color);
  font-family: var(--isc-tabSet_container_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-tabSet_container_font_size);
  outline: none;
}

.tabScroller {
  background-color: var(--isc-tabSet_scroller_bgColor);
}

.tabBar,
.tabBarTop,
.tabBarLeft,
.tabBarBottom,
.tabBarRight {
  background-color: var(--isc-tabBar_bgColor);
  background-image: var(--isc-tabBar_bgImage);
  padding: var(--isc-tabBar_padding);
}

.tabBarTop {
  padding-top: 3px;
}

.tabBarLeft {
  padding-left: 5px;
}

.tabBarRight {
  padding-right: 5px;
}

.tabBarBottom {
  padding-bottom: 3px;
}

.tabBarBaseLine {
  background-color: var(--isc-tabBar_baseLine_bgColor);
}

/*
.tabsetControlsLayout {
    background-color: var(--isc-standard_bgColor);
    border: 1px solid red;
}
.tabsetControlsImg,
.tabsetControlsImgOver {
    background-color: var(--isc-standard_bgColor);
}

.tabsetControlsImgOver {
    background-color: lightblue;
}
*/
/* TabScroller */
.tabScrollerTopForwardDisabled,
.tabScrollerTopForward,
.tabScrollerTopForwardDown,
.tabScrollerTopBackDisabled,
.tabScrollerTopBack,
.tabScrollerTopBackDown,
.tabScrollerBottomForward,
.tabScrollerBottomForwardDown,
.tabScrollerBottomForwardDisabled,
.tabScrollerBottomBackDisabled,
.tabScrollerBottomBack,
.tabScrollerBottomBackDown,
.tabScrollerRightBackDisabled,
.tabScrollerRightBack,
.tabScrollerRightBackDown,
.tabScrollerRightForwardDisabled,
.tabScrollerRightForward,
.tabScrollerRightForwardDown,
.tabScrollerLeftBackDisabled,
.tabScrollerLeftBack,
.tabScrollerLeftBackDown,
.tabScrollerLeftForwardDisabled,
.tabScrollerLeftForward,
.tabScrollerLeftForwardDown {
  width: 22px;
  height: 22px;
  border-radius: var(--isc-tabSet_scroller_border_radius);
  display: inline-block;
  outline: none;
  vertical-align: middle;
  margin: 0 auto;
  background: var(--isc-tabSet_scroller_sprite_image) no-repeat;
  background-color: var(--isc-tabSet_scroller_bgColor);
}

.tabScrollerTopBackDisabled,
.tabScrollerBottomBackDisabled,
.tabScrollerTopBack,
.tabScrollerBottomBack {
  background-position: -330px -3px;
}

.tabScrollerTopBackDown,
.tabScrollerBottomBackDown {
  background-position: -330px -81px;
}

.tabScrollerTopForwardDisabled,
.tabScrollerBottomForwardDisabled,
.tabScrollerTopForward,
.tabScrollerBottomForward {
  background-position: -359px -3px;
}

.tabScrollerTopForwardDown,
.tabScrollerBottomForwardDown {
  background-position: -359px -81px;
}

.tabScrollerLeftBackDisabled,
.tabScrollerRightBackDisabled,
.tabScrollerRightBack,
.tabScrollerLeftBack {
  background-position: -186px -3px;
}

.tabScrollerRightBackDown,
.tabScrollerLeftBackDown {
  background-position: -186px -81px;
}

.tabScrollerLeftForwardDisabled,
.tabScrollerRightForwardDisabled,
.tabScrollerRightForward,
.tabScrollerLeftForward {
  background-position: -158px -3px;
}

.tabScrollerRightForwardDown,
.tabScrollerLeftForwardDown {
  background-position: -158px -81px;
}

/* TabPicker */
.tabPickerDisabledtop,
.tabPickerDowntop,
.tabPickertop,
.tabPickerbottom,
.tabPickerDisabledbottom,
.tabPickerDownbottom,
.tabPickerDisabledright,
.tabPickerright,
.tabPickerDownright,
.tabPickerDisabledleft,
.tabPickerleft,
.tabPickerDownleft {
  width: 22px;
  height: 22px;
  background: var(--isc-tabSet_picker_sprite_image) no-repeat;
  background-color: var(--isc-tabSet_picker_bgColor);
  outline: none;
}

.tabPickerDisabledtop,
.tabPickertop {
  background-position: -161px -7px;
}

.tabPickerDowntop {
  background-position: -161px -80px;
}

.tabPickerDisabledbottom,
.tabPickerbottom {
  background-position: -189px -7px;
}

.tabPickerDownbottom {
  background-position: -189px -80px;
}

.tabPickerDisabledleft,
.tabPickerleft {
  background-position: -361px -6px;
}

.tabPickerDownleft {
  background-position: -361px -85px;
}

.tabPickerDisabledright,
.tabPickerright {
  background-position: -332px -6px;
}

.tabPickerDownright {
  background-position: -332px -85px;
}

/* tabSetControlIcon - prev/next/picker icons */
.tabControlIcon,
.tabControlIconOver,
.tabControlIconDown,
.tabControlIcontop,
.tabControlIconOvertop,
.tabControlIconDowntop,
.tabControlIconleft,
.tabControlIconOverleft,
.tabControlIconDownleft,
.tabControlIconbottom,
.tabControlIconOverbottom,
.tabControlIconDownbottom,
.tabControlIconright,
.tabControlIconOverright,
.tabControlIconDownright {
  background-color: var(--isc-tabControlIcon_bgColor);
  color: var(--isc-icon_color);
  outline: none;
}

.tabControlIconOver,
.tabControlIconOvertop,
.tabControlIconOverleft,
.tabControlIconOverbottom,
.tabControlIconOverright {
  background-color: var(--isc-tabControlIcon_over_bgColor);
  color: var(--isc-icon_over_color);
}

.tabControlIconDown,
.tabControlIconDowntop,
.tabControlIconDownleft,
.tabControlIconDownbottom,
.tabControlIconDownright {
  background-color: var(--isc-tabControlIcon_down_bgColor);
  color: var(--isc-icon_down_color);
}

/* tabControlLayout - contains the prev/next/picker icons */
.tabControlLayout {
  background-color: var(--isc-tabControlLayout_bgColor);
  padding: var(--isc-tabControlLayout_padding);
  border-radius: var(--isc-tabControlLayout_border_radius);
  border: var(--isc-tabControlLayout_border);
  outline: none;
}

/* tabHighlight */
.tabHighlight,
.tabHighlightOver,
.tabHighlightDown,
.tabHighlightFocused,
.tabHighlightFocusedOver,
.tabHighlightFocusedDown,
.tabHighlightSelected,
.tabHighlightSelectedOver,
.tabHighlightSelectedDown,
.tabHighlightSelectedFocused,
.tabHighlightSelectedFocusedOver,
.tabHighlightSelectedFocusedDown,
.tabHighlightSelectedFocusedDisabled,
.tabHighlightSelectedDisabled,
.tabHighlightDisabled {
  background-color: var(--isc-tabButton_highlight_bgColor);
  border: var(--isc-tabButton_highlight_border);
  border-radius: var(--isc-tabButton_highlight_border_radius);
}

.tabHighlightOver {
  background-color: var(--isc-tabButton_highlight_over_bgColor);
}

.tabHighlightSelectedOver {
  background-color: var(--isc-tabButton_highlight_selected_over_bgColor);
}

.tabHighlightFocusedOver {
  background-color: var(--isc-tabButton_highlight_focused_over_bgColor);
}

.tabHighlightSelectedFocusedOver {
  background-color: var(--isc-tabButton_highlight_selected_focused_over_bgColor);
}

.tabHighlightDown {
  background-color: var(--isc-tabButton_highlight_down_bgColor);
}

.tabHighlightSelectedDown {
  background-color: var(--isc-tabButton_highlight_selected_down_bgColor);
}

.tabHighlightFocusedDown {
  background-color: var(--isc-tabButton_highlight_focused_down_bgColor);
}

.tabHighlightSelectedFocusedDown {
  background-color: var(--isc-tabButton_highlight_selected_focused_down_bgColor);
}

.tabHighlightSelected {
  background-color: var(--isc-tabButton_highlight_selected_bgColor);
}

.tabHighlightFocused {
  background-color: var(--isc-tabButton_highlight_focused_bgColor);
}

.tabHighlightSelectedFocused {
  background-color: var(--isc-tabButton_highlight_selected_focused_bgColor);
}

.tabHighlightSelectedDisabled,
.tabHighlightDisabled {
  background-color: var(--isc-tabButton_highlight_disabled_bgColor);
}

/* tabButtons */
/*============================================================
    TabSet CSS tabs
		tabSet.simpleTabBaseStyle
============================================================*/
/* styles for simple css-styled tabs*/
.tabButtonTop,
.tabButtonTopOver,
.tabButtonTopDown,
.tabButtonTopFocused,
.tabButtonTopFocusedOver,
.tabButtonTopFocusedDown,
.tabButtonTopSelected,
.tabButtonTopSelectedOver,
.tabButtonTopSelectedDown,
.tabButtonTopSelectedFocused,
.tabButtonTopSelectedFocusedOver,
.tabButtonTopSelectedFocusedDown,
.tabButtonTopSelectedDisabled,
.tabButtonTopDisabled {
  font-size: var(--isc-tabButton_font_size);
  font-family: var(--isc-tabButton_font), Arial, Helvetica, sans-serif;
  font-weight: var(--isc-tabButton_font_weight);
  color: var(--isc-tabButton_color);
  background-color: var(--isc-tabButton_bgColor);
  border: var(--isc-tabButton_border);
  border-bottom: var(--isc-tabButton_contactEdge_border);
  border-top: var(--isc-tabButton_oppositeEdge_border);
  border-radius: var(--isc-tabButton_border_radius) var(--isc-tabButton_border_radius) 0px 0px;
  padding: var(--isc-tabButton_h_padding);
  text-decoration: none;
  background-image: var(--isc-tabButton_bgImage);
  opacity: var(--isc-tabButton_opacity);
  transition: initial;
  border-image: var(--isc-tabButton_border_gradient) 1 100%;
  outline: none;
}

.tabButtonTopOver {
  color: var(--isc-tabButton_over_color);
  background-color: var(--isc-tabButton_over_bgColor);
  border: var(--isc-tabButton_over_border);
  border-bottom: var(--isc-tabButton_contactEdge_over_border);
  border-top: var(--isc-tabButton_oppositeEdge_over_border);
  opacity: var(--isc-tabButton_over_opacity);
  transition: initial;
  box-shadow: var(--isc-tabButton_over_shadow);
}

.tabButtonTopSelected {
  font-family: var(--isc-tabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-tabButton_selected_color);
  background-color: var(--isc-tabButton_selected_bgColor);
  border: var(--isc-tabButton_selected_border);
  border-bottom: var(--isc-tabButton_contactEdge_selected_border);
  border-top: var(--isc-tabButton_oppositeEdge_selected_border);
  opacity: var(--isc-tabButton_selected_opacity);
  border-image: var(--isc-tabButton_selected_border_gradient) 1 100%;
}

.tabButtonTopSelectedOver {
  font-family: var(--isc-tabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-tabButton_selected_over_color);
  background-color: var(--isc-tabButton_selected_over_bgColor);
  border: var(--isc-tabButton_selected_over_border);
  border-bottom: var(--isc-tabButton_contactEdge_selected_border);
  border-top: var(--isc-tabButton_oppositeEdge_selected_border);
  border-image: var(--isc-tabButton_selected_border_gradient) 1 100%;
  box-shadow: var(--isc-tabButton_over_shadow);
}

.tabButtonTopSelectedFocused {
  font-family: var(--isc-tabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-tabButton_selected_focused_color);
  background-color: var(--isc-tabButton_selected_focused_bgColor);
  border: var(--isc-tabButton_focused_border);
  border-bottom: var(--isc-tabButton_contactEdge_focused_border);
  border-top: var(--isc-tabButton_oppositeEdge_focused_border);
}

.tabButtonTopFocused {
  color: var(--isc-tabButton_focused_color);
  background-color: var(--isc-tabButton_focused_bgColor);
  border: var(--isc-tabButton_focused_border);
  border-bottom: var(--isc-tabButton_contactEdge_focused_border);
  border-top: var(--isc-tabButton_oppositeEdge_focused_border);
}

.tabButtonTopFocusedOver {
  color: var(--isc-tabButton_focused_over_color);
  background-color: var(--isc-tabButton_focused_over_bgColor);
  border: var(--isc-tabButton_focused_over_border);
  border-bottom: var(--isc-tabButton_contactEdge_focused_border);
  border-top: var(--isc-tabButton_oppositeEdge_focused_border);
  box-shadow: var(--isc-tabButton_focused_over_shadow);
}

.tabButtonTopSelectedFocusedOver {
  font-family: var(--isc-tabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-tabButton_selected_focused_over_color);
  background-color: var(--isc-tabButton_selected_focused_over_bgColor);
  border: var(--isc-tabButton_selected_focused_over_border);
  border-bottom: var(--isc-tabButton_contactEdge_selected_over_border);
  border-top: var(--isc-tabButton_oppositeEdge_focused_border);
  border-image: var(--isc-tabButton_selected_border_gradient) 1 100%;
  box-shadow: var(--isc-tabButton_over_shadow);
}

.tabButtonTopDown {
  font-family: var(--isc-tabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-tabButton_down_color);
  background-color: var(--isc-tabButton_down_bgColor);
  border: var(--isc-tabButton_down_border);
  border-bottom: var(--isc-tabButton_contactEdge_focused_border);
  border-top: var(--isc-tabButton_oppositeEdge_focused_border);
}

.tabButtonTopSelectedDown {
  font-family: var(--isc-tabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-tabButton_down_color);
  background-color: var(--isc-tabButton_down_bgColor);
  border: var(--isc-tabButton_down_border);
  border-bottom: var(--isc-tabButton_contactEdge_focused_border);
  border-top: var(--isc-tabButton_oppositeEdge_focused_border);
}

.tabButtonTopFocusedDown {
  font-family: var(--isc-tabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-tabButton_down_color);
  background-color: var(--isc-tabButton_down_bgColor);
  border: var(--isc-tabButton_down_border);
  border-bottom: var(--isc-tabButton_contactEdge_focused_border);
  border-top: var(--isc-tabButton_oppositeEdge_focused_border);
}

.tabButtonTopSelectedFocusedDown {
  font-family: var(--isc-tabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-tabButton_down_color);
  background-color: var(--isc-tabButton_down_bgColor);
  border: var(--isc-tabButton_down_border);
  border-bottom: var(--isc-tabButton_contactEdge_focused_border);
  border-top: var(--isc-tabButton_oppositeEdge_focused_border);
}

.tabButtonTopDisabled,
.tabButtonTopSelectedDisabled {
  color: var(--isc-tabButton_disabled_color);
  background-color: var(--isc-tabButton_disabled_bgColor);
  border: var(--isc-tabButton_disabled_border);
  margin-right: var(--isc-tabButton_marginRight);
  border-bottom: var(--isc-tabButton_contactEdge_disabled_border);
  border-top: var(--isc-tabButton_oppositeEdge_disabled_border);
}

.tabButtonBottom,
.tabButtonBottomOver,
.tabButtonBottomDown,
.tabButtonBottomFocused,
.tabButtonBottomFocusedOver,
.tabButtonBottomFocusedDown,
.tabButtonBottomSelected,
.tabButtonBottomSelectedOver,
.tabButtonBottomSelectedDown,
.tabButtonBottomSelectedFocused,
.tabButtonBottomSelectedFocusedOver,
.tabButtonBottomSelectedFocusedDown,
.tabButtonBottomSelectedDisabled,
.tabButtonBottomDisabled {
  font-size: var(--isc-tabButton_font_size);
  font-family: var(--isc-tabButton_font), Arial, Helvetica, sans-serif;
  font-weight: var(--isc-tabButton_font_weight);
  color: var(--isc-tabButton_color);
  background-color: var(--isc-tabButton_bgColor);
  border: var(--isc-tabButton_border);
  border-top: var(--isc-tabButton_contactEdge_border);
  border-bottom: var(--isc-tabButton_oppositeEdge_border);
  border-radius: 0px 0px var(--isc-tabButton_border_radius) var(--isc-tabButton_border_radius);
  padding: var(--isc-tabButton_h_padding);
  text-decoration: none;
  background-image: var(--isc-tabButton_bgImage);
  opacity: var(--isc-tabButton_opacity);
  transition: initial;
  border-image: var(--isc-tabButton_border_gradient) 1 100%;
  outline: none;
}

.tabButtonBottomOver {
  color: var(--isc-tabButton_over_color);
  background-color: var(--isc-tabButton_over_bgColor);
  border: var(--isc-tabButton_over_border);
  border-top: var(--isc-tabButton_contactEdge_over_border);
  border-bottom: var(--isc-tabButton_oppositeEdge_over_border);
  opacity: var(--isc-tabButton_over_opacity);
  transition: initial;
  box-shadow: var(--isc-tabButton_over_shadow);
}

.tabButtonBottomSelected {
  font-family: var(--isc-tabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-tabButton_selected_color);
  background-color: var(--isc-tabButton_selected_bgColor);
  border: var(--isc-tabButton_selected_border);
  border-top: var(--isc-tabButton_contactEdge_selected_border);
  border-bottom: var(--isc-tabButton_oppositeEdge_selected_border);
  opacity: var(--isc-tabButton_selected_opacity);
  border-image: var(--isc-tabButton_selected_border_gradient) 1 100%;
}

.tabButtonBottomSelectedOver {
  font-family: var(--isc-tabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-tabButton_selected_over_color);
  background-color: var(--isc-tabButton_selected_over_bgColor);
  border: var(--isc-tabButton_selected_over_border);
  border-top: var(--isc-tabButton_contactEdge_selected_border);
  border-bottom: var(--isc-tabButton_oppositeEdge_selected_border);
  border-image: var(--isc-tabButton_selected_border_gradient) 1 100%;
  box-shadow: var(--isc-tabButton_over_shadow);
}

.tabButtonBottomSelectedFocused {
  font-family: var(--isc-tabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-tabButton_selected_focused_color);
  background-color: var(--isc-tabButton_selected_focused_bgColor);
  border: var(--isc-tabButton_focused_border);
  border-top: var(--isc-tabButton_contactEdge_focused_border);
  border-bottom: var(--isc-tabButton_oppositeEdge_focused_border);
}

.tabButtonBottomFocused {
  color: var(--isc-tabButton_focused_color);
  background-color: var(--isc-tabButton_focused_bgColor);
  border: var(--isc-tabButton_focused_border);
  border-top: var(--isc-tabButton_contactEdge_focused_border);
  border-bottom: var(--isc-tabButton_oppositeEdge_focused_border);
}

.tabButtonBottomFocusedOver {
  color: var(--isc-tabButton_focused_over_color);
  background-color: var(--isc-tabButton_focused_over_bgColor);
  border: var(--isc-tabButton_focused_over_border);
  border-top: var(--isc-tabButton_contactEdge_focused_border);
  border-bottom: var(--isc-tabButton_oppositeEdge_focused_border);
  box-shadow: var(--isc-tabButton_focused_over_shadow);
}

.tabButtonBottomSelectedFocusedOver {
  font-family: var(--isc-tabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-tabButton_selected_focused_over_color);
  background-color: var(--isc-tabButton_selected_focused_over_bgColor);
  border: var(--isc-tabButton_selected_focused_over_border);
  border-top: var(--isc-tabButton_contactEdge_selected_over_border);
  border-bottom: var(--isc-tabButton_oppositeEdge_focused_border);
  border-image: var(--isc-tabButton_selected_border_gradient) 1 100%;
  box-shadow: var(--isc-tabButton_over_shadow);
}

.tabButtonBottomDown {
  font-family: var(--isc-tabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-tabButton_down_color);
  background-color: var(--isc-tabButton_down_bgColor);
  border: var(--isc-tabButton_down_border);
  border-top: var(--isc-tabButton_contactEdge_focused_border);
  border-bottom: var(--isc-tabButton_oppositeEdge_focused_border);
}

.tabButtonBottomSelectedDown {
  font-family: var(--isc-tabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-tabButton_down_color);
  background-color: var(--isc-tabButton_down_bgColor);
  border: var(--isc-tabButton_down_border);
  border-top: var(--isc-tabButton_contactEdge_focused_border);
  border-bottom: var(--isc-tabButton_oppositeEdge_focused_border);
}

.tabButtonBottomFocusedDown {
  font-family: var(--isc-tabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-tabButton_down_color);
  background-color: var(--isc-tabButton_down_bgColor);
  border: var(--isc-tabButton_down_border);
  border-top: var(--isc-tabButton_contactEdge_focused_border);
  border-bottom: var(--isc-tabButton_oppositeEdge_focused_border);
}

.tabButtonBottomSelectedFocusedDown {
  font-family: var(--isc-tabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-tabButton_down_color);
  background-color: var(--isc-tabButton_down_bgColor);
  border: var(--isc-tabButton_down_border);
  border-top: var(--isc-tabButton_contactEdge_focused_border);
  border-bottom: var(--isc-tabButton_oppositeEdge_focused_border);
}

.tabButtonBottomDisabled,
.tabButtonBottomSelectedDisabled {
  color: var(--isc-tabButton_disabled_color);
  background-color: var(--isc-tabButton_disabled_bgColor);
  border: var(--isc-tabButton_disabled_border);
  margin-right: var(--isc-tabButton_marginRight);
  border-top: var(--isc-tabButton_contactEdge_disabled_border);
  border-bottom: var(--isc-tabButton_oppositeEdge_disabled_border);
}

.tabButtonLeft,
.tabButtonLeftOver,
.tabButtonLeftDown,
.tabButtonLeftFocused,
.tabButtonLeftFocusedOver,
.tabButtonLeftFocusedDown,
.tabButtonLeftSelected,
.tabButtonLeftSelectedOver,
.tabButtonLeftSelectedDown,
.tabButtonLeftSelectedFocused,
.tabButtonLeftSelectedFocusedOver,
.tabButtonLeftSelectedFocusedDown,
.tabButtonLeftSelectedDisabled,
.tabButtonLeftDisabled {
  font-size: var(--isc-tabButton_font_size);
  font-family: var(--isc-tabButton_font), Arial, Helvetica, sans-serif;
  font-weight: var(--isc-tabButton_font_weight);
  color: var(--isc-tabButton_color);
  background-color: var(--isc-tabButton_bgColor);
  border: var(--isc-tabButton_border);
  border-right: var(--isc-tabButton_contactEdge_border);
  border-left: var(--isc-tabButton_oppositeEdge_border);
  border-radius: var(--isc-tabButton_border_radius) 0px 0px var(--isc-tabButton_border_radius);
  padding: var(--isc-tabButton_v_padding);
  text-decoration: none;
  background-image: var(--isc-tabButton_bgImage);
  opacity: var(--isc-tabButton_opacity);
  transition: initial;
  border-image: var(--isc-tabButton_border_gradient) 100% 1;
  outline: none;
}

.tabButtonLeftOver {
  color: var(--isc-tabButton_over_color);
  background-color: var(--isc-tabButton_over_bgColor);
  border: var(--isc-tabButton_over_border);
  border-right: var(--isc-tabButton_contactEdge_over_border);
  border-left: var(--isc-tabButton_oppositeEdge_over_border);
  opacity: var(--isc-tabButton_over_opacity);
  transition: initial;
  box-shadow: var(--isc-tabButton_over_shadow);
}

.tabButtonLeftSelected {
  font-family: var(--isc-tabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-tabButton_selected_color);
  background-color: var(--isc-tabButton_selected_bgColor);
  border: var(--isc-tabButton_selected_border);
  border-right: var(--isc-tabButton_contactEdge_selected_border);
  border-left: var(--isc-tabButton_oppositeEdge_selected_border);
  opacity: var(--isc-tabButton_selected_opacity);
  border-image: var(--isc-tabButton_selected_border_gradient) 100% 1;
}

.tabButtonLeftSelectedOver {
  font-family: var(--isc-tabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-tabButton_selected_over_color);
  background-color: var(--isc-tabButton_selected_over_bgColor);
  border: var(--isc-tabButton_selected_over_border);
  border-right: var(--isc-tabButton_contactEdge_selected_border);
  border-left: var(--isc-tabButton_oppositeEdge_selected_border);
  border-image: var(--isc-tabButton_selected_border_gradient) 100% 1;
  box-shadow: var(--isc-tabButton_over_shadow);
}

.tabButtonLeftSelectedFocused {
  font-family: var(--isc-tabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-tabButton_selected_focused_color);
  background-color: var(--isc-tabButton_selected_focused_bgColor);
  border: var(--isc-tabButton_focused_border);
  border-right: var(--isc-tabButton_contactEdge_focused_border);
  border-left: var(--isc-tabButton_oppositeEdge_focused_border);
}

.tabButtonLeftFocused {
  color: var(--isc-tabButton_focused_color);
  background-color: var(--isc-tabButton_focused_bgColor);
  border: var(--isc-tabButton_focused_border);
  border-right: var(--isc-tabButton_contactEdge_focused_border);
  border-left: var(--isc-tabButton_oppositeEdge_focused_border);
}

.tabButtonLeftFocusedOver {
  color: var(--isc-tabButton_focused_over_color);
  background-color: var(--isc-tabButton_focused_over_bgColor);
  border: var(--isc-tabButton_focused_over_border);
  border-right: var(--isc-tabButton_contactEdge_focused_border);
  border-left: var(--isc-tabButton_oppositeEdge_focused_border);
  box-shadow: var(--isc-tabButton_focused_over_shadow);
}

.tabButtonLeftSelectedFocusedOver {
  font-family: var(--isc-tabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-tabButton_selected_focused_over_color);
  background-color: var(--isc-tabButton_selected_focused_over_bgColor);
  border: var(--isc-tabButton_selected_focused_over_border);
  border-right: var(--isc-tabButton_contactEdge_selected_over_border);
  border-left: var(--isc-tabButton_oppositeEdge_focused_border);
  border-image: var(--isc-tabButton_selected_border_gradient) 100% 1;
  box-shadow: var(--isc-tabButton_over_shadow);
}

.tabButtonLeftDown {
  font-family: var(--isc-tabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-tabButton_down_color);
  background-color: var(--isc-tabButton_down_bgColor);
  border: var(--isc-tabButton_down_border);
  border-right: var(--isc-tabButton_contactEdge_focused_border);
  border-left: var(--isc-tabButton_oppositeEdge_focused_border);
}

.tabButtonLeftSelectedDown {
  font-family: var(--isc-tabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-tabButton_down_color);
  background-color: var(--isc-tabButton_down_bgColor);
  border: var(--isc-tabButton_down_border);
  border-right: var(--isc-tabButton_contactEdge_focused_border);
  border-left: var(--isc-tabButton_oppositeEdge_focused_border);
}

.tabButtonLeftFocusedDown {
  font-family: var(--isc-tabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-tabButton_down_color);
  background-color: var(--isc-tabButton_down_bgColor);
  border: var(--isc-tabButton_down_border);
  border-right: var(--isc-tabButton_contactEdge_focused_border);
  border-left: var(--isc-tabButton_oppositeEdge_focused_border);
}

.tabButtonLeftSelectedFocusedDown {
  font-family: var(--isc-tabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-tabButton_down_color);
  background-color: var(--isc-tabButton_down_bgColor);
  border: var(--isc-tabButton_down_border);
  border-right: var(--isc-tabButton_contactEdge_focused_border);
  border-left: var(--isc-tabButton_oppositeEdge_focused_border);
}

.tabButtonLeftDisabled,
.tabButtonLeftSelectedDisabled {
  color: var(--isc-tabButton_disabled_color);
  background-color: var(--isc-tabButton_disabled_bgColor);
  border: var(--isc-tabButton_disabled_border);
  margin-right: var(--isc-tabButton_marginRight);
  border-right: var(--isc-tabButton_contactEdge_disabled_border);
  border-left: var(--isc-tabButton_oppositeEdge_disabled_border);
}

.tabButtonRight,
.tabButtonRightOver,
.tabButtonRightDown,
.tabButtonRightFocused,
.tabButtonRightFocusedOver,
.tabButtonRightFocusedDown,
.tabButtonRightSelected,
.tabButtonRightSelectedOver,
.tabButtonRightSelectedDown,
.tabButtonRightSelectedFocused,
.tabButtonRightSelectedFocusedOver,
.tabButtonRightSelectedFocusedDown,
.tabButtonRightSelectedDisabled,
.tabButtonRightDisabled {
  font-size: var(--isc-tabButton_font_size);
  font-family: var(--isc-tabButton_font), Arial, Helvetica, sans-serif;
  font-weight: var(--isc-tabButton_font_weight);
  color: var(--isc-tabButton_color);
  background-color: var(--isc-tabButton_bgColor);
  border: var(--isc-tabButton_border);
  border-left: var(--isc-tabButton_contactEdge_border);
  border-right: var(--isc-tabButton_oppositeEdge_border);
  border-radius: 0px var(--isc-tabButton_border_radius) var(--isc-tabButton_border_radius) 0px;
  padding: var(--isc-tabButton_v_padding);
  text-decoration: none;
  background-image: var(--isc-tabButton_bgImage);
  opacity: var(--isc-tabButton_opacity);
  transition: initial;
  border-image: var(--isc-tabButton_border_gradient) 100% 1;
  outline: none;
}

.tabButtonRightOver {
  color: var(--isc-tabButton_over_color);
  background-color: var(--isc-tabButton_over_bgColor);
  border: var(--isc-tabButton_over_border);
  border-left: var(--isc-tabButton_contactEdge_over_border);
  border-right: var(--isc-tabButton_oppositeEdge_over_border);
  opacity: var(--isc-tabButton_over_opacity);
  transition: initial;
  box-shadow: var(--isc-tabButton_over_shadow);
}

.tabButtonRightSelected {
  font-family: var(--isc-tabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-tabButton_selected_color);
  background-color: var(--isc-tabButton_selected_bgColor);
  border: var(--isc-tabButton_selected_border);
  border-left: var(--isc-tabButton_contactEdge_selected_border);
  border-right: var(--isc-tabButton_oppositeEdge_selected_border);
  opacity: var(--isc-tabButton_selected_opacity);
  border-image: var(--isc-tabButton_selected_border_gradient) 100% 1;
}

.tabButtonRightSelectedOver {
  font-family: var(--isc-tabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-tabButton_selected_over_color);
  background-color: var(--isc-tabButton_selected_over_bgColor);
  border: var(--isc-tabButton_selected_over_border);
  border-left: var(--isc-tabButton_contactEdge_selected_border);
  border-right: var(--isc-tabButton_oppositeEdge_selected_border);
  border-image: var(--isc-tabButton_selected_border_gradient) 100% 1;
  box-shadow: var(--isc-tabButton_over_shadow);
}

.tabButtonRightSelectedFocused {
  font-family: var(--isc-tabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-tabButton_selected_focused_color);
  background-color: var(--isc-tabButton_selected_focused_bgColor);
  border: var(--isc-tabButton_focused_border);
  border-left: var(--isc-tabButton_contactEdge_focused_border);
  border-right: var(--isc-tabButton_oppositeEdge_focused_border);
}

.tabButtonRightFocused {
  color: var(--isc-tabButton_focused_color);
  background-color: var(--isc-tabButton_focused_bgColor);
  border: var(--isc-tabButton_focused_border);
  border-left: var(--isc-tabButton_contactEdge_focused_border);
  border-right: var(--isc-tabButton_oppositeEdge_focused_border);
}

.tabButtonRightFocusedOver {
  color: var(--isc-tabButton_focused_over_color);
  background-color: var(--isc-tabButton_focused_over_bgColor);
  border: var(--isc-tabButton_focused_over_border);
  border-left: var(--isc-tabButton_contactEdge_focused_border);
  border-right: var(--isc-tabButton_oppositeEdge_focused_border);
  box-shadow: var(--isc-tabButton_focused_over_shadow);
}

.tabButtonRightSelectedFocusedOver {
  font-family: var(--isc-tabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-tabButton_selected_focused_over_color);
  background-color: var(--isc-tabButton_selected_focused_over_bgColor);
  border: var(--isc-tabButton_selected_focused_over_border);
  border-left: var(--isc-tabButton_contactEdge_selected_over_border);
  border-right: var(--isc-tabButton_oppositeEdge_focused_border);
  border-image: var(--isc-tabButton_selected_border_gradient) 100% 1;
  box-shadow: var(--isc-tabButton_over_shadow);
}

.tabButtonRightDown {
  font-family: var(--isc-tabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-tabButton_down_color);
  background-color: var(--isc-tabButton_down_bgColor);
  border: var(--isc-tabButton_down_border);
  border-left: var(--isc-tabButton_contactEdge_focused_border);
  border-right: var(--isc-tabButton_oppositeEdge_focused_border);
}

.tabButtonRightSelectedDown {
  font-family: var(--isc-tabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-tabButton_down_color);
  background-color: var(--isc-tabButton_down_bgColor);
  border: var(--isc-tabButton_down_border);
  border-left: var(--isc-tabButton_contactEdge_focused_border);
  border-right: var(--isc-tabButton_oppositeEdge_focused_border);
}

.tabButtonRightFocusedDown {
  font-family: var(--isc-tabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-tabButton_down_color);
  background-color: var(--isc-tabButton_down_bgColor);
  border: var(--isc-tabButton_down_border);
  border-left: var(--isc-tabButton_contactEdge_focused_border);
  border-right: var(--isc-tabButton_oppositeEdge_focused_border);
}

.tabButtonRightSelectedFocusedDown {
  font-family: var(--isc-tabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-tabButton_down_color);
  background-color: var(--isc-tabButton_down_bgColor);
  border: var(--isc-tabButton_down_border);
  border-left: var(--isc-tabButton_contactEdge_focused_border);
  border-right: var(--isc-tabButton_oppositeEdge_focused_border);
}

.tabButtonRightDisabled,
.tabButtonRightSelectedDisabled {
  color: var(--isc-tabButton_disabled_color);
  background-color: var(--isc-tabButton_disabled_bgColor);
  border: var(--isc-tabButton_disabled_border);
  margin-right: var(--isc-tabButton_marginRight);
  border-left: var(--isc-tabButton_contactEdge_disabled_border);
  border-right: var(--isc-tabButton_oppositeEdge_disabled_border);
}

/*============================================================
    TabSet CSS tabs
		tabSet.simpleTabIconOnlyBaseStyle
============================================================*/
/* styles for simple css-styled tabs*/
.iconOnlyTabButtonTop,
.iconOnlyTabButtonTopOver,
.iconOnlyTabButtonTopDown,
.iconOnlyTabButtonTopFocused,
.iconOnlyTabButtonTopFocusedOver,
.iconOnlyTabButtonTopFocusedDown,
.iconOnlyTabButtonTopSelected,
.iconOnlyTabButtonTopSelectedOver,
.iconOnlyTabButtonTopSelectedDown,
.iconOnlyTabButtonTopSelectedFocused,
.iconOnlyTabButtonTopSelectedFocusedOver,
.iconOnlyTabButtonTopSelectedFocusedDown,
.iconOnlyTabButtonTopSelectedDisabled,
.iconOnlyTabButtonTopDisabled {
  font-size: var(--isc-tabButton_font_size);
  font-family: var(--isc-tabButton_font), Arial, Helvetica, sans-serif;
  font-weight: var(--isc-tabButton_font_weight);
  color: var(--isc-tabButton_color);
  background-color: var(--isc-tabButton_bgColor);
  border: var(--isc-tabButton_border);
  border-bottom: var(--isc-tabButton_contactEdge_border);
  border-top: var(--isc-tabButton_oppositeEdge_border);
  border-radius: var(--isc-tabButton_border_radius) var(--isc-tabButton_border_radius) 0px 0px;
  padding: var(--isc-tabButton_iconOnly_h_padding);
  text-decoration: none;
  background-image: var(--isc-tabButton_bgImage);
  opacity: var(--isc-tabButton_opacity);
  transition: initial;
  border-image: var(--isc-tabButton_border_gradient) 1 100%;
  outline: none;
}

.iconOnlyTabButtonTopOver {
  color: var(--isc-tabButton_over_color);
  background-color: var(--isc-tabButton_over_bgColor);
  border: var(--isc-tabButton_over_border);
  border-bottom: var(--isc-tabButton_contactEdge_over_border);
  border-top: var(--isc-tabButton_oppositeEdge_over_border);
  opacity: var(--isc-tabButton_over_opacity);
  transition: initial;
  box-shadow: var(--isc-tabButton_over_shadow);
}

.iconOnlyTabButtonTopSelected {
  font-family: var(--isc-tabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-tabButton_selected_color);
  background-color: var(--isc-tabButton_selected_bgColor);
  border: var(--isc-tabButton_selected_border);
  border-bottom: var(--isc-tabButton_contactEdge_selected_border);
  border-top: var(--isc-tabButton_oppositeEdge_selected_border);
  opacity: var(--isc-tabButton_selected_opacity);
  border-image: var(--isc-tabButton_selected_border_gradient) 1 100%;
}

.iconOnlyTabButtonTopSelectedOver {
  font-family: var(--isc-tabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-tabButton_selected_over_color);
  background-color: var(--isc-tabButton_selected_over_bgColor);
  border: var(--isc-tabButton_selected_over_border);
  border-bottom: var(--isc-tabButton_contactEdge_selected_border);
  border-top: var(--isc-tabButton_oppositeEdge_selected_border);
  border-image: var(--isc-tabButton_selected_border_gradient) 1 100%;
  box-shadow: var(--isc-tabButton_over_shadow);
}

.iconOnlyTabButtonTopSelectedFocused {
  font-family: var(--isc-tabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-tabButton_selected_focused_color);
  background-color: var(--isc-tabButton_selected_focused_bgColor);
  border: var(--isc-tabButton_focused_border);
  border-bottom: var(--isc-tabButton_contactEdge_focused_border);
  border-top: var(--isc-tabButton_oppositeEdge_focused_border);
}

.iconOnlyTabButtonTopFocused {
  color: var(--isc-tabButton_focused_color);
  background-color: var(--isc-tabButton_focused_bgColor);
  border: var(--isc-tabButton_focused_border);
  border-bottom: var(--isc-tabButton_contactEdge_focused_border);
  border-top: var(--isc-tabButton_oppositeEdge_focused_border);
}

.iconOnlyTabButtonTopFocusedOver {
  color: var(--isc-tabButton_focused_over_color);
  background-color: var(--isc-tabButton_focused_over_bgColor);
  border: var(--isc-tabButton_focused_over_border);
  border-bottom: var(--isc-tabButton_contactEdge_focused_border);
  border-top: var(--isc-tabButton_oppositeEdge_focused_border);
  box-shadow: var(--isc-tabButton_focused_over_shadow);
}

.iconOnlyTabButtonTopSelectedFocusedOver {
  font-family: var(--isc-tabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-tabButton_selected_focused_over_color);
  background-color: var(--isc-tabButton_selected_focused_over_bgColor);
  border: var(--isc-tabButton_selected_focused_over_border);
  border-bottom: var(--isc-tabButton_contactEdge_selected_over_border);
  border-top: var(--isc-tabButton_oppositeEdge_focused_border);
  border-image: var(--isc-tabButton_selected_border_gradient) 1 100%;
  box-shadow: var(--isc-tabButton_over_shadow);
}

.iconOnlyTabButtonTopDown {
  font-family: var(--isc-tabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-tabButton_down_color);
  background-color: var(--isc-tabButton_down_bgColor);
  border: var(--isc-tabButton_down_border);
  border-bottom: var(--isc-tabButton_contactEdge_focused_border);
  border-top: var(--isc-tabButton_oppositeEdge_focused_border);
}

.iconOnlyTabButtonTopSelectedDown {
  font-family: var(--isc-tabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-tabButton_down_color);
  background-color: var(--isc-tabButton_down_bgColor);
  border: var(--isc-tabButton_down_border);
  border-bottom: var(--isc-tabButton_contactEdge_focused_border);
  border-top: var(--isc-tabButton_oppositeEdge_focused_border);
}

.iconOnlyTabButtonTopFocusedDown {
  font-family: var(--isc-tabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-tabButton_down_color);
  background-color: var(--isc-tabButton_down_bgColor);
  border: var(--isc-tabButton_down_border);
  border-bottom: var(--isc-tabButton_contactEdge_focused_border);
  border-top: var(--isc-tabButton_oppositeEdge_focused_border);
}

.iconOnlyTabButtonTopSelectedFocusedDown {
  font-family: var(--isc-tabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-tabButton_down_color);
  background-color: var(--isc-tabButton_down_bgColor);
  border: var(--isc-tabButton_down_border);
  border-bottom: var(--isc-tabButton_contactEdge_focused_border);
  border-top: var(--isc-tabButton_oppositeEdge_focused_border);
}

.iconOnlyTabButtonTopDisabled,
.iconOnlyTabButtonTopSelectedDisabled {
  color: var(--isc-tabButton_disabled_color);
  background-color: var(--isc-tabButton_disabled_bgColor);
  border: var(--isc-tabButton_disabled_border);
  margin-right: var(--isc-tabButton_marginRight);
  border-bottom: var(--isc-tabButton_contactEdge_disabled_border);
  border-top: var(--isc-tabButton_oppositeEdge_disabled_border);
}

.iconOnlyTabButtonBottom,
.iconOnlyTabButtonBottomOver,
.iconOnlyTabButtonBottomDown,
.iconOnlyTabButtonBottomFocused,
.iconOnlyTabButtonBottomFocusedOver,
.iconOnlyTabButtonBottomFocusedDown,
.iconOnlyTabButtonBottomSelected,
.iconOnlyTabButtonBottomSelectedOver,
.iconOnlyTabButtonBottomSelectedDown,
.iconOnlyTabButtonBottomSelectedFocused,
.iconOnlyTabButtonBottomSelectedFocusedOver,
.iconOnlyTabButtonBottomSelectedFocusedDown,
.iconOnlyTabButtonBottomSelectedDisabled,
.iconOnlyTabButtonBottomDisabled {
  font-size: var(--isc-tabButton_font_size);
  font-family: var(--isc-tabButton_font), Arial, Helvetica, sans-serif;
  font-weight: var(--isc-tabButton_font_weight);
  color: var(--isc-tabButton_color);
  background-color: var(--isc-tabButton_bgColor);
  border: var(--isc-tabButton_border);
  border-top: var(--isc-tabButton_contactEdge_border);
  border-bottom: var(--isc-tabButton_oppositeEdge_border);
  border-radius: 0px 0px var(--isc-tabButton_border_radius) var(--isc-tabButton_border_radius);
  padding: var(--isc-tabButton_iconOnly_h_padding);
  text-decoration: none;
  background-image: var(--isc-tabButton_bgImage);
  opacity: var(--isc-tabButton_opacity);
  transition: initial;
  border-image: var(--isc-tabButton_border_gradient) 1 100%;
  outline: none;
}

.iconOnlyTabButtonBottomOver {
  color: var(--isc-tabButton_over_color);
  background-color: var(--isc-tabButton_over_bgColor);
  border: var(--isc-tabButton_over_border);
  border-top: var(--isc-tabButton_contactEdge_over_border);
  border-bottom: var(--isc-tabButton_oppositeEdge_over_border);
  opacity: var(--isc-tabButton_over_opacity);
  transition: initial;
  box-shadow: var(--isc-tabButton_over_shadow);
}

.iconOnlyTabButtonBottomSelected {
  font-family: var(--isc-tabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-tabButton_selected_color);
  background-color: var(--isc-tabButton_selected_bgColor);
  border: var(--isc-tabButton_selected_border);
  border-top: var(--isc-tabButton_contactEdge_selected_border);
  border-bottom: var(--isc-tabButton_oppositeEdge_selected_border);
  opacity: var(--isc-tabButton_selected_opacity);
  border-image: var(--isc-tabButton_selected_border_gradient) 1 100%;
}

.iconOnlyTabButtonBottomSelectedOver {
  font-family: var(--isc-tabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-tabButton_selected_over_color);
  background-color: var(--isc-tabButton_selected_over_bgColor);
  border: var(--isc-tabButton_selected_over_border);
  border-top: var(--isc-tabButton_contactEdge_selected_border);
  border-bottom: var(--isc-tabButton_oppositeEdge_selected_border);
  border-image: var(--isc-tabButton_selected_border_gradient) 1 100%;
  box-shadow: var(--isc-tabButton_over_shadow);
}

.iconOnlyTabButtonBottomSelectedFocused {
  font-family: var(--isc-tabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-tabButton_selected_focused_color);
  background-color: var(--isc-tabButton_selected_focused_bgColor);
  border: var(--isc-tabButton_focused_border);
  border-top: var(--isc-tabButton_contactEdge_focused_border);
  border-bottom: var(--isc-tabButton_oppositeEdge_focused_border);
}

.iconOnlyTabButtonBottomFocused {
  color: var(--isc-tabButton_focused_color);
  background-color: var(--isc-tabButton_focused_bgColor);
  border: var(--isc-tabButton_focused_border);
  border-top: var(--isc-tabButton_contactEdge_focused_border);
  border-bottom: var(--isc-tabButton_oppositeEdge_focused_border);
}

.iconOnlyTabButtonBottomFocusedOver {
  color: var(--isc-tabButton_focused_over_color);
  background-color: var(--isc-tabButton_focused_over_bgColor);
  border: var(--isc-tabButton_focused_over_border);
  border-top: var(--isc-tabButton_contactEdge_focused_border);
  border-bottom: var(--isc-tabButton_oppositeEdge_focused_border);
  box-shadow: var(--isc-tabButton_focused_over_shadow);
}

.iconOnlyTabButtonBottomSelectedFocusedOver {
  font-family: var(--isc-tabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-tabButton_selected_focused_over_color);
  background-color: var(--isc-tabButton_selected_focused_over_bgColor);
  border: var(--isc-tabButton_selected_focused_over_border);
  border-top: var(--isc-tabButton_contactEdge_selected_over_border);
  border-bottom: var(--isc-tabButton_oppositeEdge_focused_border);
  border-image: var(--isc-tabButton_selected_border_gradient) 1 100%;
  box-shadow: var(--isc-tabButton_over_shadow);
}

.iconOnlyTabButtonBottomDown {
  font-family: var(--isc-tabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-tabButton_down_color);
  background-color: var(--isc-tabButton_down_bgColor);
  border: var(--isc-tabButton_down_border);
  border-top: var(--isc-tabButton_contactEdge_focused_border);
  border-bottom: var(--isc-tabButton_oppositeEdge_focused_border);
}

.iconOnlyTabButtonBottomSelectedDown {
  font-family: var(--isc-tabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-tabButton_down_color);
  background-color: var(--isc-tabButton_down_bgColor);
  border: var(--isc-tabButton_down_border);
  border-top: var(--isc-tabButton_contactEdge_focused_border);
  border-bottom: var(--isc-tabButton_oppositeEdge_focused_border);
}

.iconOnlyTabButtonBottomFocusedDown {
  font-family: var(--isc-tabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-tabButton_down_color);
  background-color: var(--isc-tabButton_down_bgColor);
  border: var(--isc-tabButton_down_border);
  border-top: var(--isc-tabButton_contactEdge_focused_border);
  border-bottom: var(--isc-tabButton_oppositeEdge_focused_border);
}

.iconOnlyTabButtonBottomSelectedFocusedDown {
  font-family: var(--isc-tabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-tabButton_down_color);
  background-color: var(--isc-tabButton_down_bgColor);
  border: var(--isc-tabButton_down_border);
  border-top: var(--isc-tabButton_contactEdge_focused_border);
  border-bottom: var(--isc-tabButton_oppositeEdge_focused_border);
}

.iconOnlyTabButtonBottomDisabled,
.iconOnlyTabButtonBottomSelectedDisabled {
  color: var(--isc-tabButton_disabled_color);
  background-color: var(--isc-tabButton_disabled_bgColor);
  border: var(--isc-tabButton_disabled_border);
  margin-right: var(--isc-tabButton_marginRight);
  border-top: var(--isc-tabButton_contactEdge_disabled_border);
  border-bottom: var(--isc-tabButton_oppositeEdge_disabled_border);
}

.iconOnlyTabButtonLeft,
.iconOnlyTabButtonLeftOver,
.iconOnlyTabButtonLeftDown,
.iconOnlyTabButtonLeftFocused,
.iconOnlyTabButtonLeftFocusedOver,
.iconOnlyTabButtonLeftFocusedDown,
.iconOnlyTabButtonLeftSelected,
.iconOnlyTabButtonLeftSelectedOver,
.iconOnlyTabButtonLeftSelectedDown,
.iconOnlyTabButtonLeftSelectedFocused,
.iconOnlyTabButtonLeftSelectedFocusedOver,
.iconOnlyTabButtonLeftSelectedFocusedDown,
.iconOnlyTabButtonLeftSelectedDisabled,
.iconOnlyTabButtonLeftDisabled {
  font-size: var(--isc-tabButton_font_size);
  font-family: var(--isc-tabButton_font), Arial, Helvetica, sans-serif;
  font-weight: var(--isc-tabButton_font_weight);
  color: var(--isc-tabButton_color);
  background-color: var(--isc-tabButton_bgColor);
  border: var(--isc-tabButton_border);
  border-right: var(--isc-tabButton_contactEdge_border);
  border-left: var(--isc-tabButton_oppositeEdge_border);
  border-radius: var(--isc-tabButton_border_radius) 0px 0px var(--isc-tabButton_border_radius);
  padding: var(--isc-tabButton_iconOnly_v_padding);
  text-decoration: none;
  background-image: var(--isc-tabButton_bgImage);
  opacity: var(--isc-tabButton_opacity);
  transition: initial;
  border-image: var(--isc-tabButton_border_gradient) 100% 1;
  outline: none;
}

.iconOnlyTabButtonLeftOver {
  color: var(--isc-tabButton_over_color);
  background-color: var(--isc-tabButton_over_bgColor);
  border: var(--isc-tabButton_over_border);
  border-right: var(--isc-tabButton_contactEdge_over_border);
  border-left: var(--isc-tabButton_oppositeEdge_over_border);
  opacity: var(--isc-tabButton_over_opacity);
  transition: initial;
  box-shadow: var(--isc-tabButton_over_shadow);
}

.iconOnlyTabButtonLeftSelected {
  font-family: var(--isc-tabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-tabButton_selected_color);
  background-color: var(--isc-tabButton_selected_bgColor);
  border: var(--isc-tabButton_selected_border);
  border-right: var(--isc-tabButton_contactEdge_selected_border);
  border-left: var(--isc-tabButton_oppositeEdge_selected_border);
  opacity: var(--isc-tabButton_selected_opacity);
  border-image: var(--isc-tabButton_selected_border_gradient) 100% 1;
}

.iconOnlyTabButtonLeftSelectedOver {
  font-family: var(--isc-tabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-tabButton_selected_over_color);
  background-color: var(--isc-tabButton_selected_over_bgColor);
  border: var(--isc-tabButton_selected_over_border);
  border-right: var(--isc-tabButton_contactEdge_selected_border);
  border-left: var(--isc-tabButton_oppositeEdge_selected_border);
  border-image: var(--isc-tabButton_selected_border_gradient) 100% 1;
  box-shadow: var(--isc-tabButton_over_shadow);
}

.iconOnlyTabButtonLeftSelectedFocused {
  font-family: var(--isc-tabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-tabButton_selected_focused_color);
  background-color: var(--isc-tabButton_selected_focused_bgColor);
  border: var(--isc-tabButton_focused_border);
  border-right: var(--isc-tabButton_contactEdge_focused_border);
  border-left: var(--isc-tabButton_oppositeEdge_focused_border);
}

.iconOnlyTabButtonLeftFocused {
  color: var(--isc-tabButton_focused_color);
  background-color: var(--isc-tabButton_focused_bgColor);
  border: var(--isc-tabButton_focused_border);
  border-right: var(--isc-tabButton_contactEdge_focused_border);
  border-left: var(--isc-tabButton_oppositeEdge_focused_border);
}

.iconOnlyTabButtonLeftFocusedOver {
  color: var(--isc-tabButton_focused_over_color);
  background-color: var(--isc-tabButton_focused_over_bgColor);
  border: var(--isc-tabButton_focused_over_border);
  border-right: var(--isc-tabButton_contactEdge_focused_border);
  border-left: var(--isc-tabButton_oppositeEdge_focused_border);
  box-shadow: var(--isc-tabButton_focused_over_shadow);
}

.iconOnlyTabButtonLeftSelectedFocusedOver {
  font-family: var(--isc-tabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-tabButton_selected_focused_over_color);
  background-color: var(--isc-tabButton_selected_focused_over_bgColor);
  border: var(--isc-tabButton_selected_focused_over_border);
  border-right: var(--isc-tabButton_contactEdge_selected_over_border);
  border-left: var(--isc-tabButton_oppositeEdge_focused_border);
  border-image: var(--isc-tabButton_selected_border_gradient) 100% 1;
  box-shadow: var(--isc-tabButton_over_shadow);
}

.iconOnlyTabButtonLeftDown {
  font-family: var(--isc-tabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-tabButton_down_color);
  background-color: var(--isc-tabButton_down_bgColor);
  border: var(--isc-tabButton_down_border);
  border-right: var(--isc-tabButton_contactEdge_focused_border);
  border-left: var(--isc-tabButton_oppositeEdge_focused_border);
}

.iconOnlyTabButtonLeftSelectedDown {
  font-family: var(--isc-tabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-tabButton_down_color);
  background-color: var(--isc-tabButton_down_bgColor);
  border: var(--isc-tabButton_down_border);
  border-right: var(--isc-tabButton_contactEdge_focused_border);
  border-left: var(--isc-tabButton_oppositeEdge_focused_border);
}

.iconOnlyTabButtonLeftFocusedDown {
  font-family: var(--isc-tabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-tabButton_down_color);
  background-color: var(--isc-tabButton_down_bgColor);
  border: var(--isc-tabButton_down_border);
  border-right: var(--isc-tabButton_contactEdge_focused_border);
  border-left: var(--isc-tabButton_oppositeEdge_focused_border);
}

.iconOnlyTabButtonLeftSelectedFocusedDown {
  font-family: var(--isc-tabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-tabButton_down_color);
  background-color: var(--isc-tabButton_down_bgColor);
  border: var(--isc-tabButton_down_border);
  border-right: var(--isc-tabButton_contactEdge_focused_border);
  border-left: var(--isc-tabButton_oppositeEdge_focused_border);
}

.iconOnlyTabButtonLeftDisabled,
.iconOnlyTabButtonLeftSelectedDisabled {
  color: var(--isc-tabButton_disabled_color);
  background-color: var(--isc-tabButton_disabled_bgColor);
  border: var(--isc-tabButton_disabled_border);
  margin-right: var(--isc-tabButton_marginRight);
  border-right: var(--isc-tabButton_contactEdge_disabled_border);
  border-left: var(--isc-tabButton_oppositeEdge_disabled_border);
}

.iconOnlyTabButtonRight,
.iconOnlyTabButtonRightOver,
.iconOnlyTabButtonRightDown,
.iconOnlyTabButtonRightFocused,
.iconOnlyTabButtonRightFocusedOver,
.iconOnlyTabButtonRightFocusedDown,
.iconOnlyTabButtonRightSelected,
.iconOnlyTabButtonRightSelectedOver,
.iconOnlyTabButtonRightSelectedDown,
.iconOnlyTabButtonRightSelectedFocused,
.iconOnlyTabButtonRightSelectedFocusedOver,
.iconOnlyTabButtonRightSelectedFocusedDown,
.iconOnlyTabButtonRightSelectedDisabled,
.iconOnlyTabButtonRightDisabled {
  font-size: var(--isc-tabButton_font_size);
  font-family: var(--isc-tabButton_font), Arial, Helvetica, sans-serif;
  font-weight: var(--isc-tabButton_font_weight);
  color: var(--isc-tabButton_color);
  background-color: var(--isc-tabButton_bgColor);
  border: var(--isc-tabButton_border);
  border-left: var(--isc-tabButton_contactEdge_border);
  border-right: var(--isc-tabButton_oppositeEdge_border);
  border-radius: 0px var(--isc-tabButton_border_radius) var(--isc-tabButton_border_radius) 0px;
  padding: var(--isc-tabButton_iconOnly_v_padding);
  text-decoration: none;
  background-image: var(--isc-tabButton_bgImage);
  opacity: var(--isc-tabButton_opacity);
  transition: initial;
  border-image: var(--isc-tabButton_border_gradient) 100% 1;
  outline: none;
}

.iconOnlyTabButtonRightOver {
  color: var(--isc-tabButton_over_color);
  background-color: var(--isc-tabButton_over_bgColor);
  border: var(--isc-tabButton_over_border);
  border-left: var(--isc-tabButton_contactEdge_over_border);
  border-right: var(--isc-tabButton_oppositeEdge_over_border);
  opacity: var(--isc-tabButton_over_opacity);
  transition: initial;
  box-shadow: var(--isc-tabButton_over_shadow);
}

.iconOnlyTabButtonRightSelected {
  font-family: var(--isc-tabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-tabButton_selected_color);
  background-color: var(--isc-tabButton_selected_bgColor);
  border: var(--isc-tabButton_selected_border);
  border-left: var(--isc-tabButton_contactEdge_selected_border);
  border-right: var(--isc-tabButton_oppositeEdge_selected_border);
  opacity: var(--isc-tabButton_selected_opacity);
  border-image: var(--isc-tabButton_selected_border_gradient) 100% 1;
}

.iconOnlyTabButtonRightSelectedOver {
  font-family: var(--isc-tabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-tabButton_selected_over_color);
  background-color: var(--isc-tabButton_selected_over_bgColor);
  border: var(--isc-tabButton_selected_over_border);
  border-left: var(--isc-tabButton_contactEdge_selected_border);
  border-right: var(--isc-tabButton_oppositeEdge_selected_border);
  border-image: var(--isc-tabButton_selected_border_gradient) 100% 1;
  box-shadow: var(--isc-tabButton_over_shadow);
}

.iconOnlyTabButtonRightSelectedFocused {
  font-family: var(--isc-tabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-tabButton_selected_focused_color);
  background-color: var(--isc-tabButton_selected_focused_bgColor);
  border: var(--isc-tabButton_focused_border);
  border-left: var(--isc-tabButton_contactEdge_focused_border);
  border-right: var(--isc-tabButton_oppositeEdge_focused_border);
}

.iconOnlyTabButtonRightFocused {
  color: var(--isc-tabButton_focused_color);
  background-color: var(--isc-tabButton_focused_bgColor);
  border: var(--isc-tabButton_focused_border);
  border-left: var(--isc-tabButton_contactEdge_focused_border);
  border-right: var(--isc-tabButton_oppositeEdge_focused_border);
}

.iconOnlyTabButtonRightFocusedOver {
  color: var(--isc-tabButton_focused_over_color);
  background-color: var(--isc-tabButton_focused_over_bgColor);
  border: var(--isc-tabButton_focused_over_border);
  border-left: var(--isc-tabButton_contactEdge_focused_border);
  border-right: var(--isc-tabButton_oppositeEdge_focused_border);
  box-shadow: var(--isc-tabButton_focused_over_shadow);
}

.iconOnlyTabButtonRightSelectedFocusedOver {
  font-family: var(--isc-tabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-tabButton_selected_focused_over_color);
  background-color: var(--isc-tabButton_selected_focused_over_bgColor);
  border: var(--isc-tabButton_selected_focused_over_border);
  border-left: var(--isc-tabButton_contactEdge_selected_over_border);
  border-right: var(--isc-tabButton_oppositeEdge_focused_border);
  border-image: var(--isc-tabButton_selected_border_gradient) 100% 1;
  box-shadow: var(--isc-tabButton_over_shadow);
}

.iconOnlyTabButtonRightDown {
  font-family: var(--isc-tabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-tabButton_down_color);
  background-color: var(--isc-tabButton_down_bgColor);
  border: var(--isc-tabButton_down_border);
  border-left: var(--isc-tabButton_contactEdge_focused_border);
  border-right: var(--isc-tabButton_oppositeEdge_focused_border);
}

.iconOnlyTabButtonRightSelectedDown {
  font-family: var(--isc-tabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-tabButton_down_color);
  background-color: var(--isc-tabButton_down_bgColor);
  border: var(--isc-tabButton_down_border);
  border-left: var(--isc-tabButton_contactEdge_focused_border);
  border-right: var(--isc-tabButton_oppositeEdge_focused_border);
}

.iconOnlyTabButtonRightFocusedDown {
  font-family: var(--isc-tabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-tabButton_down_color);
  background-color: var(--isc-tabButton_down_bgColor);
  border: var(--isc-tabButton_down_border);
  border-left: var(--isc-tabButton_contactEdge_focused_border);
  border-right: var(--isc-tabButton_oppositeEdge_focused_border);
}

.iconOnlyTabButtonRightSelectedFocusedDown {
  font-family: var(--isc-tabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-tabButton_down_color);
  background-color: var(--isc-tabButton_down_bgColor);
  border: var(--isc-tabButton_down_border);
  border-left: var(--isc-tabButton_contactEdge_focused_border);
  border-right: var(--isc-tabButton_oppositeEdge_focused_border);
}

.iconOnlyTabButtonRightDisabled,
.iconOnlyTabButtonRightSelectedDisabled {
  color: var(--isc-tabButton_disabled_color);
  background-color: var(--isc-tabButton_disabled_bgColor);
  border: var(--isc-tabButton_disabled_border);
  margin-right: var(--isc-tabButton_marginRight);
  border-left: var(--isc-tabButton_contactEdge_disabled_border);
  border-right: var(--isc-tabButton_oppositeEdge_disabled_border);
}

/*============================================================
    TabSet CSS tabs
		tabSet.simpleTabIconOnlyBaseStyle
============================================================*/
/* styles for simple css-styled tabs*/
.secondaryTabButtonTop,
.secondaryTabButtonTopOver,
.secondaryTabButtonTopDown,
.secondaryTabButtonTopFocused,
.secondaryTabButtonTopFocusedOver,
.secondaryTabButtonTopFocusedDown,
.secondaryTabButtonTopSelected,
.secondaryTabButtonTopSelectedOver,
.secondaryTabButtonTopSelectedDown,
.secondaryTabButtonTopSelectedFocused,
.secondaryTabButtonTopSelectedFocusedOver,
.secondaryTabButtonTopSelectedFocusedDown,
.secondaryTabButtonTopSelectedDisabled,
.secondaryTabButtonTopDisabled {
  font-size: var(--isc-secondaryTabButton_font_size);
  font-family: var(--isc-secondaryTabButton_font), Arial, Helvetica, sans-serif;
  font-weight: var(--isc-secondaryTabButton_font_weight);
  color: var(--isc-secondaryTabButton_color);
  background-color: var(--isc-secondaryTabButton_bgColor);
  border: var(--isc-secondaryTabButton_border);
  border-bottom: var(--isc-secondaryTabButton_contactEdge_border);
  border-top: var(--isc-secondaryTabButton_oppositeEdge_border);
  border-radius: var(--isc-tabButton_border_radius) var(--isc-tabButton_border_radius) 0px 0px;
  padding: var(--isc-tabButton_iconOnly_h_padding);
  text-decoration: none;
  background-image: var(--isc-secondaryTabButton_bgImage);
  opacity: var(--isc-secondaryTabButton_opacity);
  transition: initial;
  border-image: var(--isc-tabButton_border_gradient) 1 100%;
  outline: none;
}

.secondaryTabButtonTopOver {
  color: var(--isc-secondaryTabButton_over_color);
  background-color: var(--isc-secondaryTabButton_over_bgColor);
  border: var(--isc-secondaryTabButton_over_border);
  border-bottom: var(--isc-secondaryTabButton_contactEdge_over_border);
  border-top: var(--isc-secondaryTabButton_oppositeEdge_over_border);
  opacity: var(--isc-secondaryTabButton_over_opacity);
  transition: initial;
  box-shadow: var(--isc-secondaryTabButton_over_shadow);
}

.secondaryTabButtonTopSelected {
  font-family: var(--isc-secondaryTabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-secondaryTabButton_selected_color);
  background-color: var(--isc-secondaryTabButton_selected_bgColor);
  border: var(--isc-secondaryTabButton_selected_border);
  border-bottom: var(--isc-secondaryTabButton_contactEdge_selected_border);
  border-top: var(--isc-secondaryTabButton_oppositeEdge_selected_border);
  opacity: var(--isc-secondaryTabButton_selected_opacity);
  border-image: var(--isc-tabButton_selected_border_gradient) 1 100%;
}

.secondaryTabButtonTopSelectedOver {
  font-family: var(--isc-secondaryTabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-secondaryTabButton_selected_over_color);
  background-color: var(--isc-secondaryTabButton_selected_over_bgColor);
  border: var(--isc-secondaryTabButton_selected_over_border);
  border-bottom: var(--isc-secondaryTabButton_contactEdge_selected_border);
  border-top: var(--isc-secondaryTabButton_oppositeEdge_selected_border);
  border-image: var(--isc-tabButton_selected_border_gradient) 1 100%;
  box-shadow: var(--isc-secondaryTabButton_over_shadow);
}

.secondaryTabButtonTopSelectedFocused {
  font-family: var(--isc-secondaryTabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-secondaryTabButton_selected_focused_color);
  background-color: var(--isc-secondaryTabButton_selected_focused_bgColor);
  border: var(--isc-secondaryTabButton_focused_border);
  border-bottom: var(--isc-secondaryTabButton_contactEdge_focused_border);
  border-top: var(--isc-secondaryTabButton_oppositeEdge_focused_border);
}

.secondaryTabButtonTopFocused {
  color: var(--isc-secondaryTabButton_focused_color);
  background-color: var(--isc-secondaryTabButton_focused_bgColor);
  border: var(--isc-secondaryTabButton_focused_border);
  border-bottom: var(--isc-secondaryTabButton_contactEdge_focused_border);
  border-top: var(--isc-secondaryTabButton_oppositeEdge_focused_border);
}

.secondaryTabButtonTopFocusedOver {
  color: var(--isc-secondaryTabButton_focused_over_color);
  background-color: var(--isc-secondaryTabButton_focused_over_bgColor);
  border: var(--isc-secondaryTabButton_focused_over_border);
  border-bottom: var(--isc-secondaryTabButton_contactEdge_focused_border);
  border-top: var(--isc-secondaryTabButton_oppositeEdge_focused_border);
  box-shadow: var(--isc-secondaryTabButton_focused_over_shadow);
}

.secondaryTabButtonTopSelectedFocusedOver {
  font-family: var(--isc-secondaryTabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-secondaryTabButton_selected_focused_over_color);
  background-color: var(--isc-secondaryTabButton_selected_focused_over_bgColor);
  border: var(--isc-secondaryTabButton_selected_focused_over_border);
  border-bottom: var(--isc-secondaryTabButton_contactEdge_selected_over_border);
  border-top: var(--isc-secondaryTabButton_oppositeEdge_focused_border);
  border-image: var(--isc-tabButton_selected_border_gradient) 1 100%;
  box-shadow: var(--isc-secondaryTabButton_over_shadow);
}

.secondaryTabButtonTopDown {
  font-family: var(--isc-secondaryTabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-secondaryTabButton_down_color);
  background-color: var(--isc-secondaryTabButton_down_bgColor);
  border: var(--isc-secondaryTabButton_down_border);
  border-bottom: var(--isc-secondaryTabButton_contactEdge_focused_border);
  border-top: var(--isc-secondaryTabButton_oppositeEdge_focused_border);
}

.secondaryTabButtonTopSelectedDown {
  font-family: var(--isc-secondaryTabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-secondaryTabButton_down_color);
  background-color: var(--isc-secondaryTabButton_down_bgColor);
  border: var(--isc-secondaryTabButton_down_border);
  border-bottom: var(--isc-secondaryTabButton_contactEdge_focused_border);
  border-top: var(--isc-secondaryTabButton_oppositeEdge_focused_border);
}

.secondaryTabButtonTopFocusedDown {
  font-family: var(--isc-secondaryTabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-secondaryTabButton_down_color);
  background-color: var(--isc-secondaryTabButton_down_bgColor);
  border: var(--isc-secondaryTabButton_down_border);
  border-bottom: var(--isc-secondaryTabButton_contactEdge_focused_border);
  border-top: var(--isc-secondaryTabButton_oppositeEdge_focused_border);
}

.secondaryTabButtonTopSelectedFocusedDown {
  font-family: var(--isc-secondaryTabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-secondaryTabButton_down_color);
  background-color: var(--isc-secondaryTabButton_down_bgColor);
  border: var(--isc-secondaryTabButton_down_border);
  border-bottom: var(--isc-secondaryTabButton_contactEdge_focused_border);
  border-top: var(--isc-secondaryTabButton_oppositeEdge_focused_border);
}

.secondaryTabButtonTopDisabled,
.secondaryTabButtonTopSelectedDisabled {
  color: var(--isc-secondaryTabButton_disabled_color);
  background-color: var(--isc-secondaryTabButton_disabled_bgColor);
  border: var(--isc-secondaryTabButton_disabled_border);
  margin-right: var(--isc-secondaryTabButton_marginRight);
  border-bottom: var(--isc-secondaryTabButton_contactEdge_disabled_border);
  border-top: var(--isc-secondaryTabButton_oppositeEdge_disabled_border);
}

.secondaryTabButtonBottom,
.secondaryTabButtonBottomOver,
.secondaryTabButtonBottomDown,
.secondaryTabButtonBottomFocused,
.secondaryTabButtonBottomFocusedOver,
.secondaryTabButtonBottomFocusedDown,
.secondaryTabButtonBottomSelected,
.secondaryTabButtonBottomSelectedOver,
.secondaryTabButtonBottomSelectedDown,
.secondaryTabButtonBottomSelectedFocused,
.secondaryTabButtonBottomSelectedFocusedOver,
.secondaryTabButtonBottomSelectedFocusedDown,
.secondaryTabButtonBottomSelectedDisabled,
.secondaryTabButtonBottomDisabled {
  font-size: var(--isc-secondaryTabButton_font_size);
  font-family: var(--isc-secondaryTabButton_font), Arial, Helvetica, sans-serif;
  font-weight: var(--isc-secondaryTabButton_font_weight);
  color: var(--isc-secondaryTabButton_color);
  background-color: var(--isc-secondaryTabButton_bgColor);
  border: var(--isc-secondaryTabButton_border);
  border-top: var(--isc-secondaryTabButton_contactEdge_border);
  border-bottom: var(--isc-secondaryTabButton_oppositeEdge_border);
  border-radius: 0px 0px var(--isc-tabButton_border_radius) var(--isc-tabButton_border_radius);
  padding: var(--isc-tabButton_iconOnly_h_padding);
  text-decoration: none;
  background-image: var(--isc-secondaryTabButton_bgImage);
  opacity: var(--isc-secondaryTabButton_opacity);
  transition: initial;
  border-image: var(--isc-tabButton_border_gradient) 1 100%;
  outline: none;
}

.secondaryTabButtonBottomOver {
  color: var(--isc-secondaryTabButton_over_color);
  background-color: var(--isc-secondaryTabButton_over_bgColor);
  border: var(--isc-secondaryTabButton_over_border);
  border-top: var(--isc-secondaryTabButton_contactEdge_over_border);
  border-bottom: var(--isc-secondaryTabButton_oppositeEdge_over_border);
  opacity: var(--isc-secondaryTabButton_over_opacity);
  transition: initial;
  box-shadow: var(--isc-secondaryTabButton_over_shadow);
}

.secondaryTabButtonBottomSelected {
  font-family: var(--isc-secondaryTabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-secondaryTabButton_selected_color);
  background-color: var(--isc-secondaryTabButton_selected_bgColor);
  border: var(--isc-secondaryTabButton_selected_border);
  border-top: var(--isc-secondaryTabButton_contactEdge_selected_border);
  border-bottom: var(--isc-secondaryTabButton_oppositeEdge_selected_border);
  opacity: var(--isc-secondaryTabButton_selected_opacity);
  border-image: var(--isc-tabButton_selected_border_gradient) 1 100%;
}

.secondaryTabButtonBottomSelectedOver {
  font-family: var(--isc-secondaryTabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-secondaryTabButton_selected_over_color);
  background-color: var(--isc-secondaryTabButton_selected_over_bgColor);
  border: var(--isc-secondaryTabButton_selected_over_border);
  border-top: var(--isc-secondaryTabButton_contactEdge_selected_border);
  border-bottom: var(--isc-secondaryTabButton_oppositeEdge_selected_border);
  border-image: var(--isc-tabButton_selected_border_gradient) 1 100%;
  box-shadow: var(--isc-secondaryTabButton_over_shadow);
}

.secondaryTabButtonBottomSelectedFocused {
  font-family: var(--isc-secondaryTabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-secondaryTabButton_selected_focused_color);
  background-color: var(--isc-secondaryTabButton_selected_focused_bgColor);
  border: var(--isc-secondaryTabButton_focused_border);
  border-top: var(--isc-secondaryTabButton_contactEdge_focused_border);
  border-bottom: var(--isc-secondaryTabButton_oppositeEdge_focused_border);
}

.secondaryTabButtonBottomFocused {
  color: var(--isc-secondaryTabButton_focused_color);
  background-color: var(--isc-secondaryTabButton_focused_bgColor);
  border: var(--isc-secondaryTabButton_focused_border);
  border-top: var(--isc-secondaryTabButton_contactEdge_focused_border);
  border-bottom: var(--isc-secondaryTabButton_oppositeEdge_focused_border);
}

.secondaryTabButtonBottomFocusedOver {
  color: var(--isc-secondaryTabButton_focused_over_color);
  background-color: var(--isc-secondaryTabButton_focused_over_bgColor);
  border: var(--isc-secondaryTabButton_focused_over_border);
  border-top: var(--isc-secondaryTabButton_contactEdge_focused_border);
  border-bottom: var(--isc-secondaryTabButton_oppositeEdge_focused_border);
  box-shadow: var(--isc-secondaryTabButton_focused_over_shadow);
}

.secondaryTabButtonBottomSelectedFocusedOver {
  font-family: var(--isc-secondaryTabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-secondaryTabButton_selected_focused_over_color);
  background-color: var(--isc-secondaryTabButton_selected_focused_over_bgColor);
  border: var(--isc-secondaryTabButton_selected_focused_over_border);
  border-top: var(--isc-secondaryTabButton_contactEdge_selected_over_border);
  border-bottom: var(--isc-secondaryTabButton_oppositeEdge_focused_border);
  border-image: var(--isc-tabButton_selected_border_gradient) 1 100%;
  box-shadow: var(--isc-secondaryTabButton_over_shadow);
}

.secondaryTabButtonBottomDown {
  font-family: var(--isc-secondaryTabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-secondaryTabButton_down_color);
  background-color: var(--isc-secondaryTabButton_down_bgColor);
  border: var(--isc-secondaryTabButton_down_border);
  border-top: var(--isc-secondaryTabButton_contactEdge_focused_border);
  border-bottom: var(--isc-secondaryTabButton_oppositeEdge_focused_border);
}

.secondaryTabButtonBottomSelectedDown {
  font-family: var(--isc-secondaryTabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-secondaryTabButton_down_color);
  background-color: var(--isc-secondaryTabButton_down_bgColor);
  border: var(--isc-secondaryTabButton_down_border);
  border-top: var(--isc-secondaryTabButton_contactEdge_focused_border);
  border-bottom: var(--isc-secondaryTabButton_oppositeEdge_focused_border);
}

.secondaryTabButtonBottomFocusedDown {
  font-family: var(--isc-secondaryTabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-secondaryTabButton_down_color);
  background-color: var(--isc-secondaryTabButton_down_bgColor);
  border: var(--isc-secondaryTabButton_down_border);
  border-top: var(--isc-secondaryTabButton_contactEdge_focused_border);
  border-bottom: var(--isc-secondaryTabButton_oppositeEdge_focused_border);
}

.secondaryTabButtonBottomSelectedFocusedDown {
  font-family: var(--isc-secondaryTabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-secondaryTabButton_down_color);
  background-color: var(--isc-secondaryTabButton_down_bgColor);
  border: var(--isc-secondaryTabButton_down_border);
  border-top: var(--isc-secondaryTabButton_contactEdge_focused_border);
  border-bottom: var(--isc-secondaryTabButton_oppositeEdge_focused_border);
}

.secondaryTabButtonBottomDisabled,
.secondaryTabButtonBottomSelectedDisabled {
  color: var(--isc-secondaryTabButton_disabled_color);
  background-color: var(--isc-secondaryTabButton_disabled_bgColor);
  border: var(--isc-secondaryTabButton_disabled_border);
  margin-right: var(--isc-secondaryTabButton_marginRight);
  border-top: var(--isc-secondaryTabButton_contactEdge_disabled_border);
  border-bottom: var(--isc-secondaryTabButton_oppositeEdge_disabled_border);
}

.secondaryTabButtonLeft,
.secondaryTabButtonLeftOver,
.secondaryTabButtonLeftDown,
.secondaryTabButtonLeftFocused,
.secondaryTabButtonLeftFocusedOver,
.secondaryTabButtonLeftFocusedDown,
.secondaryTabButtonLeftSelected,
.secondaryTabButtonLeftSelectedOver,
.secondaryTabButtonLeftSelectedDown,
.secondaryTabButtonLeftSelectedFocused,
.secondaryTabButtonLeftSelectedFocusedOver,
.secondaryTabButtonLeftSelectedFocusedDown,
.secondaryTabButtonLeftSelectedDisabled,
.secondaryTabButtonLeftDisabled {
  font-size: var(--isc-secondaryTabButton_font_size);
  font-family: var(--isc-secondaryTabButton_font), Arial, Helvetica, sans-serif;
  font-weight: var(--isc-secondaryTabButton_font_weight);
  color: var(--isc-secondaryTabButton_color);
  background-color: var(--isc-secondaryTabButton_bgColor);
  border: var(--isc-secondaryTabButton_border);
  border-right: var(--isc-secondaryTabButton_contactEdge_border);
  border-left: var(--isc-secondaryTabButton_oppositeEdge_border);
  border-radius: var(--isc-tabButton_border_radius) 0px 0px var(--isc-tabButton_border_radius);
  padding: var(--isc-tabButton_iconOnly_v_padding);
  text-decoration: none;
  background-image: var(--isc-secondaryTabButton_bgImage);
  opacity: var(--isc-secondaryTabButton_opacity);
  transition: initial;
  border-image: var(--isc-tabButton_border_gradient) 100% 1;
  outline: none;
}

.secondaryTabButtonLeftOver {
  color: var(--isc-secondaryTabButton_over_color);
  background-color: var(--isc-secondaryTabButton_over_bgColor);
  border: var(--isc-secondaryTabButton_over_border);
  border-right: var(--isc-secondaryTabButton_contactEdge_over_border);
  border-left: var(--isc-secondaryTabButton_oppositeEdge_over_border);
  opacity: var(--isc-secondaryTabButton_over_opacity);
  transition: initial;
  box-shadow: var(--isc-secondaryTabButton_over_shadow);
}

.secondaryTabButtonLeftSelected {
  font-family: var(--isc-secondaryTabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-secondaryTabButton_selected_color);
  background-color: var(--isc-secondaryTabButton_selected_bgColor);
  border: var(--isc-secondaryTabButton_selected_border);
  border-right: var(--isc-secondaryTabButton_contactEdge_selected_border);
  border-left: var(--isc-secondaryTabButton_oppositeEdge_selected_border);
  opacity: var(--isc-secondaryTabButton_selected_opacity);
  border-image: var(--isc-tabButton_selected_border_gradient) 100% 1;
}

.secondaryTabButtonLeftSelectedOver {
  font-family: var(--isc-secondaryTabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-secondaryTabButton_selected_over_color);
  background-color: var(--isc-secondaryTabButton_selected_over_bgColor);
  border: var(--isc-secondaryTabButton_selected_over_border);
  border-right: var(--isc-secondaryTabButton_contactEdge_selected_border);
  border-left: var(--isc-secondaryTabButton_oppositeEdge_selected_border);
  border-image: var(--isc-tabButton_selected_border_gradient) 100% 1;
  box-shadow: var(--isc-secondaryTabButton_over_shadow);
}

.secondaryTabButtonLeftSelectedFocused {
  font-family: var(--isc-secondaryTabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-secondaryTabButton_selected_focused_color);
  background-color: var(--isc-secondaryTabButton_selected_focused_bgColor);
  border: var(--isc-secondaryTabButton_focused_border);
  border-right: var(--isc-secondaryTabButton_contactEdge_focused_border);
  border-left: var(--isc-secondaryTabButton_oppositeEdge_focused_border);
}

.secondaryTabButtonLeftFocused {
  color: var(--isc-secondaryTabButton_focused_color);
  background-color: var(--isc-secondaryTabButton_focused_bgColor);
  border: var(--isc-secondaryTabButton_focused_border);
  border-right: var(--isc-secondaryTabButton_contactEdge_focused_border);
  border-left: var(--isc-secondaryTabButton_oppositeEdge_focused_border);
}

.secondaryTabButtonLeftFocusedOver {
  color: var(--isc-secondaryTabButton_focused_over_color);
  background-color: var(--isc-secondaryTabButton_focused_over_bgColor);
  border: var(--isc-secondaryTabButton_focused_over_border);
  border-right: var(--isc-secondaryTabButton_contactEdge_focused_border);
  border-left: var(--isc-secondaryTabButton_oppositeEdge_focused_border);
  box-shadow: var(--isc-secondaryTabButton_focused_over_shadow);
}

.secondaryTabButtonLeftSelectedFocusedOver {
  font-family: var(--isc-secondaryTabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-secondaryTabButton_selected_focused_over_color);
  background-color: var(--isc-secondaryTabButton_selected_focused_over_bgColor);
  border: var(--isc-secondaryTabButton_selected_focused_over_border);
  border-right: var(--isc-secondaryTabButton_contactEdge_selected_over_border);
  border-left: var(--isc-secondaryTabButton_oppositeEdge_focused_border);
  border-image: var(--isc-tabButton_selected_border_gradient) 100% 1;
  box-shadow: var(--isc-secondaryTabButton_over_shadow);
}

.secondaryTabButtonLeftDown {
  font-family: var(--isc-secondaryTabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-secondaryTabButton_down_color);
  background-color: var(--isc-secondaryTabButton_down_bgColor);
  border: var(--isc-secondaryTabButton_down_border);
  border-right: var(--isc-secondaryTabButton_contactEdge_focused_border);
  border-left: var(--isc-secondaryTabButton_oppositeEdge_focused_border);
}

.secondaryTabButtonLeftSelectedDown {
  font-family: var(--isc-secondaryTabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-secondaryTabButton_down_color);
  background-color: var(--isc-secondaryTabButton_down_bgColor);
  border: var(--isc-secondaryTabButton_down_border);
  border-right: var(--isc-secondaryTabButton_contactEdge_focused_border);
  border-left: var(--isc-secondaryTabButton_oppositeEdge_focused_border);
}

.secondaryTabButtonLeftFocusedDown {
  font-family: var(--isc-secondaryTabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-secondaryTabButton_down_color);
  background-color: var(--isc-secondaryTabButton_down_bgColor);
  border: var(--isc-secondaryTabButton_down_border);
  border-right: var(--isc-secondaryTabButton_contactEdge_focused_border);
  border-left: var(--isc-secondaryTabButton_oppositeEdge_focused_border);
}

.secondaryTabButtonLeftSelectedFocusedDown {
  font-family: var(--isc-secondaryTabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-secondaryTabButton_down_color);
  background-color: var(--isc-secondaryTabButton_down_bgColor);
  border: var(--isc-secondaryTabButton_down_border);
  border-right: var(--isc-secondaryTabButton_contactEdge_focused_border);
  border-left: var(--isc-secondaryTabButton_oppositeEdge_focused_border);
}

.secondaryTabButtonLeftDisabled,
.secondaryTabButtonLeftSelectedDisabled {
  color: var(--isc-secondaryTabButton_disabled_color);
  background-color: var(--isc-secondaryTabButton_disabled_bgColor);
  border: var(--isc-secondaryTabButton_disabled_border);
  margin-right: var(--isc-secondaryTabButton_marginRight);
  border-right: var(--isc-secondaryTabButton_contactEdge_disabled_border);
  border-left: var(--isc-secondaryTabButton_oppositeEdge_disabled_border);
}

.secondaryTabButtonRight,
.secondaryTabButtonRightOver,
.secondaryTabButtonRightDown,
.secondaryTabButtonRightFocused,
.secondaryTabButtonRightFocusedOver,
.secondaryTabButtonRightFocusedDown,
.secondaryTabButtonRightSelected,
.secondaryTabButtonRightSelectedOver,
.secondaryTabButtonRightSelectedDown,
.secondaryTabButtonRightSelectedFocused,
.secondaryTabButtonRightSelectedFocusedOver,
.secondaryTabButtonRightSelectedFocusedDown,
.secondaryTabButtonRightSelectedDisabled,
.secondaryTabButtonRightDisabled {
  font-size: var(--isc-secondaryTabButton_font_size);
  font-family: var(--isc-secondaryTabButton_font), Arial, Helvetica, sans-serif;
  font-weight: var(--isc-secondaryTabButton_font_weight);
  color: var(--isc-secondaryTabButton_color);
  background-color: var(--isc-secondaryTabButton_bgColor);
  border: var(--isc-secondaryTabButton_border);
  border-left: var(--isc-secondaryTabButton_contactEdge_border);
  border-right: var(--isc-secondaryTabButton_oppositeEdge_border);
  border-radius: 0px var(--isc-tabButton_border_radius) var(--isc-tabButton_border_radius) 0px;
  padding: var(--isc-tabButton_iconOnly_v_padding);
  text-decoration: none;
  background-image: var(--isc-secondaryTabButton_bgImage);
  opacity: var(--isc-secondaryTabButton_opacity);
  transition: initial;
  border-image: var(--isc-tabButton_border_gradient) 100% 1;
  outline: none;
}

.secondaryTabButtonRightOver {
  color: var(--isc-secondaryTabButton_over_color);
  background-color: var(--isc-secondaryTabButton_over_bgColor);
  border: var(--isc-secondaryTabButton_over_border);
  border-left: var(--isc-secondaryTabButton_contactEdge_over_border);
  border-right: var(--isc-secondaryTabButton_oppositeEdge_over_border);
  opacity: var(--isc-secondaryTabButton_over_opacity);
  transition: initial;
  box-shadow: var(--isc-secondaryTabButton_over_shadow);
}

.secondaryTabButtonRightSelected {
  font-family: var(--isc-secondaryTabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-secondaryTabButton_selected_color);
  background-color: var(--isc-secondaryTabButton_selected_bgColor);
  border: var(--isc-secondaryTabButton_selected_border);
  border-left: var(--isc-secondaryTabButton_contactEdge_selected_border);
  border-right: var(--isc-secondaryTabButton_oppositeEdge_selected_border);
  opacity: var(--isc-secondaryTabButton_selected_opacity);
  border-image: var(--isc-tabButton_selected_border_gradient) 100% 1;
}

.secondaryTabButtonRightSelectedOver {
  font-family: var(--isc-secondaryTabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-secondaryTabButton_selected_over_color);
  background-color: var(--isc-secondaryTabButton_selected_over_bgColor);
  border: var(--isc-secondaryTabButton_selected_over_border);
  border-left: var(--isc-secondaryTabButton_contactEdge_selected_border);
  border-right: var(--isc-secondaryTabButton_oppositeEdge_selected_border);
  border-image: var(--isc-tabButton_selected_border_gradient) 100% 1;
  box-shadow: var(--isc-secondaryTabButton_over_shadow);
}

.secondaryTabButtonRightSelectedFocused {
  font-family: var(--isc-secondaryTabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-secondaryTabButton_selected_focused_color);
  background-color: var(--isc-secondaryTabButton_selected_focused_bgColor);
  border: var(--isc-secondaryTabButton_focused_border);
  border-left: var(--isc-secondaryTabButton_contactEdge_focused_border);
  border-right: var(--isc-secondaryTabButton_oppositeEdge_focused_border);
}

.secondaryTabButtonRightFocused {
  color: var(--isc-secondaryTabButton_focused_color);
  background-color: var(--isc-secondaryTabButton_focused_bgColor);
  border: var(--isc-secondaryTabButton_focused_border);
  border-left: var(--isc-secondaryTabButton_contactEdge_focused_border);
  border-right: var(--isc-secondaryTabButton_oppositeEdge_focused_border);
}

.secondaryTabButtonRightFocusedOver {
  color: var(--isc-secondaryTabButton_focused_over_color);
  background-color: var(--isc-secondaryTabButton_focused_over_bgColor);
  border: var(--isc-secondaryTabButton_focused_over_border);
  border-left: var(--isc-secondaryTabButton_contactEdge_focused_border);
  border-right: var(--isc-secondaryTabButton_oppositeEdge_focused_border);
  box-shadow: var(--isc-secondaryTabButton_focused_over_shadow);
}

.secondaryTabButtonRightSelectedFocusedOver {
  font-family: var(--isc-secondaryTabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-secondaryTabButton_selected_focused_over_color);
  background-color: var(--isc-secondaryTabButton_selected_focused_over_bgColor);
  border: var(--isc-secondaryTabButton_selected_focused_over_border);
  border-left: var(--isc-secondaryTabButton_contactEdge_selected_over_border);
  border-right: var(--isc-secondaryTabButton_oppositeEdge_focused_border);
  border-image: var(--isc-tabButton_selected_border_gradient) 100% 1;
  box-shadow: var(--isc-secondaryTabButton_over_shadow);
}

.secondaryTabButtonRightDown {
  font-family: var(--isc-secondaryTabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-secondaryTabButton_down_color);
  background-color: var(--isc-secondaryTabButton_down_bgColor);
  border: var(--isc-secondaryTabButton_down_border);
  border-left: var(--isc-secondaryTabButton_contactEdge_focused_border);
  border-right: var(--isc-secondaryTabButton_oppositeEdge_focused_border);
}

.secondaryTabButtonRightSelectedDown {
  font-family: var(--isc-secondaryTabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-secondaryTabButton_down_color);
  background-color: var(--isc-secondaryTabButton_down_bgColor);
  border: var(--isc-secondaryTabButton_down_border);
  border-left: var(--isc-secondaryTabButton_contactEdge_focused_border);
  border-right: var(--isc-secondaryTabButton_oppositeEdge_focused_border);
}

.secondaryTabButtonRightFocusedDown {
  font-family: var(--isc-secondaryTabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-secondaryTabButton_down_color);
  background-color: var(--isc-secondaryTabButton_down_bgColor);
  border: var(--isc-secondaryTabButton_down_border);
  border-left: var(--isc-secondaryTabButton_contactEdge_focused_border);
  border-right: var(--isc-secondaryTabButton_oppositeEdge_focused_border);
}

.secondaryTabButtonRightSelectedFocusedDown {
  font-family: var(--isc-secondaryTabButton_selected_font), Arial, Helvetica, sans-serif;
  color: var(--isc-secondaryTabButton_down_color);
  background-color: var(--isc-secondaryTabButton_down_bgColor);
  border: var(--isc-secondaryTabButton_down_border);
  border-left: var(--isc-secondaryTabButton_contactEdge_focused_border);
  border-right: var(--isc-secondaryTabButton_oppositeEdge_focused_border);
}

.secondaryTabButtonRightDisabled,
.secondaryTabButtonRightSelectedDisabled {
  color: var(--isc-secondaryTabButton_disabled_color);
  background-color: var(--isc-secondaryTabButton_disabled_bgColor);
  border: var(--isc-secondaryTabButton_disabled_border);
  margin-right: var(--isc-secondaryTabButton_marginRight);
  border-left: var(--isc-secondaryTabButton_contactEdge_disabled_border);
  border-right: var(--isc-secondaryTabButton_oppositeEdge_disabled_border);
}

/* tabButtonLite - simple tabButton with no borders, only modifies color/background-color with state */
.tabButtonLiteLeft,
.tabButtonLiteLeftOver,
.tabButtonLiteLeftDown,
.tabButtonLiteLeftFocused,
.tabButtonLiteLeftFocusedOver,
.tabButtonLiteLeftFocusedDown,
.tabButtonLiteLeftSelected,
.tabButtonLiteLeftSelectedOver,
.tabButtonLiteLeftSelectedDown,
.tabButtonLiteLeftSelectedFocused,
.tabButtonLiteLeftSelectedFocusedOver,
.tabButtonLiteLeftSelectedFocusedDown,
.tabButtonLiteLeftSelectedDisabled,
.tabButtonLiteLeftDisabled {
  font-size: var(--isc-tabButtonLite_font_size);
  font-family: var(--isc-tabButtonLite_font), Arial, Helvetica, sans-serif;
  color: var(--isc-tabButtonLite_color);
  background-color: var(--isc-tabButtonLite_bgColor);
  border: none;
}

/* tabButtonLite over */
.tabButtonLiteLeftOver,
.tabButtonLiteLeftFocusedOver,
.tabButtonLiteLeftSelectedOver,
.tabButtonLiteLeftSelectedFocusedOver {
  color: var(--isc-tabButtonLite_over_color);
  background-color: var(--isc-tabButtonLite_over_bgColor);
}

/* tabButtonLite down */
.tabButtonLiteLeftDown,
.tabButtonLiteLeftFocusedDown,
.tabButtonLiteLeftSelectedDown,
.tabButtonLiteLeftSelectedFocusedDown {
  color: var(--isc-tabButtonLite_down_color);
  background-color: var(--isc-tabButtonLite_down_bgColor);
}

/* tabButtonLite focused */
.tabButtonLiteLeftFocused,
.tabButtonLiteLeftSelectedFocused {
  color: var(--isc-tabButtonLite_focused_color);
}

/* tabButtonLite selected */
.tabButtonLiteLeftSelected {
  background-color: var(--isc-tabButtonLite_selected_bgColor);
}

/* tabButtonLite selectedFocused */
.tabButtonLiteLeftSelectedFocused {
  background-color: var(--isc-tabButtonLite_selected_bgColor);
}

/* tabButtonLite right */
.tabButtonLiteRight,
.tabButtonLiteRightOver,
.tabButtonLiteRightDown,
.tabButtonLiteRightFocused,
.tabButtonLiteRightFocusedOver,
.tabButtonLiteRightFocusedDown,
.tabButtonLiteRightSelected,
.tabButtonLiteRightSelectedOver,
.tabButtonLiteRightSelectedDown,
.tabButtonLiteRightSelectedFocused,
.tabButtonLiteRightSelectedFocusedOver,
.tabButtonLiteRightSelectedFocusedDown,
.tabButtonLiteRightSelectedDisabled,
.tabButtonLiteRightDisabled {
  font-size: var(--isc-tabButtonLite_font_size);
  font-family: var(--isc-tabButtonLite_font), Arial, Helvetica, sans-serif;
  color: var(--isc-tabButtonLite_color);
  background-color: var(--isc-tabButtonLite_bgColor);
  border: none;
}

/* tabButtonLite right over */
.tabButtonLiteRightOver,
.tabButtonLiteRightFocusedOver,
.tabButtonLiteRightSelectedOver,
.tabButtonLiteRightSelectedFocusedOver {
  color: var(--isc-tabButtonLite_over_color);
  background-color: var(--isc-tabButtonLite_over_bgColor);
}

/* tabButtonLite right down */
.tabButtonLiteRightDown,
.tabButtonLiteRightFocusedDown,
.tabButtonLiteRightSelectedDown,
.tabButtonLiteRightSelectedFocusedDown {
  color: var(--isc-tabButtonLite_down_color);
  background-color: var(--isc-tabButtonLite_down_bgColor);
}

/* tabButtonLite right focused */
.tabButtonLiteRightFocused,
.tabButtonLiteRightSelectedFocused {
  color: var(--isc-tabButtonLite_focused_color);
}

/* tabButtonLite right selected */
.tabButtonLiteRightSelected {
  background-color: var(--isc-tabButtonLite_selected_bgColor);
}

/* tabButtonLite right selectedFocused */
.tabButtonLiteRightSelectedFocused {
  background-color: var(--isc-tabButtonLite_selected_bgColor);
}

/*============================================================
    7) SectionStack and NavigationBar
============================================================*/
.sectionStack {
  border: var(--isc-sectionStack_border);
  border-top: var(--isc-sectionStack_top_border);
  background-color: var(--isc-sectionStack_bgColor);
  border-radius: var(--isc-sectionStack_border_radius);
}

.sectionHeaderTitleopened,
.sectionHeaderTitleclosed {
  background-color: var(--isc-sectionHeader_bgColor);
  color: var(--isc-sectionHeader_color);
  font-family: var(--isc-sectionHeader_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-sectionHeader_font_size);
}

.sectionHeaderTitleOveropened,
.sectionHeaderTitleOverclosed {
  color: var(--isc-sectionHeader_over_color);
  background-color: var(--isc-sectionHeader_over_bgColor);
  font-family: var(--isc-sectionHeader_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-sectionHeader_font_size);
}

.sectionHeaderTitleDisabledopened,
.sectionHeaderTitleDisabledclosed {
  background-color: var(--isc-sectionHeader_disabled_bgColor);
  color: var(--isc-sectionHeader_disabled_text_color);
  font-family: var(--isc-sectionHeader_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-sectionHeader_font_size);
}

.sectionHeaderopened,
.sectionHeaderclosed,
.sectionHeaderDisabledopened,
.sectionHeaderDisabledclosed,
.sectionHeaderOveropened,
.sectionHeaderOverclosed,
.sectionHeaderDownopened,
.sectionHeaderDownclosed {
  background-color: var(--isc-sectionHeader_bgColor);
  color: var(--isc-sectionHeader_color);
  padding: var(--isc-sectionHeader_padding);
  font-family: var(--isc-sectionHeader_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-sectionHeader_font_size);
  font-weight: var(--isc-standard_header_font_weight);
  border-top: var(--isc-sectionHeader_border);
  border-bottom: var(--isc-sectionHeader_bottom_border);
  border-radius: var(--isc-sectionHeader_border_radius);
  outline: none;
}

.sectionHeaderOveropened,
.sectionHeaderOverclosed {
  background-color: var(--isc-sectionHeader_over_bgColor);
  color: var(--isc-sectionHeader_over_color);
}

.sectionHeaderDownopened,
.sectionHeaderDownclosed {
  background-color: var(--isc-sectionHeader_down_bgColor);
  color: var(--isc-sectionHeader_down_color);
}

.sectionHeaderDisabledopened,
.sectionHeaderDisabledclosed {
  background-color: var(--isc-sectionHeader_disabled_bgColor);
  opacity: 1;
  color: var(--isc-sectionHeader_disabled_text_color);
  border-top: var(--isc-sectionHeader_disabled_border);
  border-bottom: var(--isc-sectionHeader_disabled_border);
}

/* NavigationBar parts */
.navToolbar {
  background-color: var(--isc-navBar_bgColor);
  border: var(--isc-navBar_border);
  border-radius: var(--isc-standard_border_radius);
  outline: none;
}

.navBarAddedFadeIn {
  transition: opacity calc(0.5 * 450ms) calc(0.5 * 450ms);
}

.navBarRemovedFadeOut {
  transition: opacity calc(0.5 * 450ms);
}

.navBarFadeIn {
  transition: opacity calc((1 - 0.3) * 450ms) calc(0.3 * 450ms);
}

.navBarFadeOut {
  transition: opacity calc(0.7 * 450ms);
}

.navBarOldLeftButtonBack {
  transition-property: opacity, transform;
  transition-duration: calc(0.4 * 450ms), 450ms;
}

.navBarNewLeftButtonBack,
.navBarNewLeftButtonForward {
  transition-property: opacity, transform;
  transition-duration: calc((1 - 0.625 * 0.4) * 450ms), 450ms;
  transition-delay: calc(0.625 * 0.4 * 450ms), 0ms;
}

.navBarOldLeftButtonForward {
  transition-property: opacity, transform;
  transition-duration: calc(0.7 * 450ms), 450ms;
}

.navBarOldTitleBack,
.navBarOldTitleForward {
  transition-property: opacity, transform;
  transition-duration: calc(0.4 * 450ms), 450ms;
}

.navBarNewTitleBack,
.navBarNewTitleForward {
  transition-property: opacity, transform;
  transition-duration: calc((1 - 0.625 * 0.3) * 450ms), 450ms;
  transition-delay: calc(0.625 * 0.3 * 450ms), 0ms;
}

.navButton,
.navButtonOver,
.navButtonFocused,
.navButtonFocusedOver,
.navButtonDown,
.navButtonFocusedDown,
.navButtonSelected,
.navButtonSelectedFocused,
.navButtonSelectedDown,
.navButtonSelectedFocusedDown,
.navButtonSelectedOver,
.navButtonSelectedFocusedOver,
.navButtonDisabled,
.navButtonSelectedDisabled {
  /* !important to override the cellpadding attribute */
  padding: var(--isc-navButton_padding) !important;
  color: var(--isc-navButton_color);
  border-radius: var(--isc-navButton_border_radius);
  font-family: var(--isc-navButton_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-navButton_font_size);
  line-height: var(--isc-navButton_line_height);
  border: var(--isc-navButton_border);
  background-color: var(--isc-navButton_bgColor);
}

.navButtonDown,
.navButtonFocusedDown,
.navButtonSelectedDown,
.navButtonSelectedFocusedDown {
  background-color: var(--isc-navButton_selected_bgColor);
  border: var(--isc-navButton_selected_border);
  color: var(--isc-navButton_selected_color);
}

.navButtonOver,
.navButtonFocusedOver {
  border: var(--isc-navButton_over_border);
}

.navButtonDisabled,
.navForwardButtonSelectedDisabled {
  background-color: var(--isc-navButton_disabled_bgColor);
  color: var(--isc-navButton_disabled_color);
}

.navBarHeader {
  background-color: var(--isc-navBar_bgColor);
  color: var(--isc-navBar_header_color);
  font-family: var(--isc-navBar_header_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-navBar_header_font_size);
  font-weight: var(--isc-standard_header_font_weight);
  /* !important to override the cellpadding attribute */
  padding: 0px;
}

.navBackButton,
.navBackButtonOver,
.navBackButtonDown,
.navBackButtonFocused,
.navBackButtonFocusedOver,
.navBackButtonFocusedDown,
.navBackButtonSelected,
.navBackButtonSelectedFocused,
.navBackButtonSelectedDown,
.navBackButtonSelectedFocusedDown,
.navBackButtonSelectedOver,
.navBackButtonSelectedFocusedOver,
.navBackButtonDisabled,
.navBackButtonSelectedDisabled {
  /* !important to override the cellpadding attribute */
  padding: var(--isc-navButton_padding) !important;
  color: var(--isc-navButton_color);
  border-radius: var(--isc-navButton_border_radius);
  font-family: var(--isc-navButton_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-navButton_font_size);
  line-height: var(--isc-navButton_line_height);
  border: var(--isc-navButton_border);
  background-color: var(--isc-navButton_bgColor);
}

.navBackButtonDown,
.navBackButtonFocusedDown,
.navBackButtonSelectedDown,
.navBackButtonSelectedFocusedDown {
  background-color: var(--isc-navButton_selected_bgColor);
  border: var(--isc-navButton_selected_border);
  color: var(--isc-navButton_selected_color);
}

.navBackButtonOver,
.navBackButtonFocusedOver {
  border: var(--isc-navButton_over_border);
}

.navBackButtonDisabled,
.navBackButtonSelectedDisabled {
  background-color: var(--isc-navButton_disabled_bgColor);
  color: var(--isc-navButton_disabled_color);
}

.navForwardButton,
.navForwardButtonOver,
.navForwardButtonFocused,
.navForwardButtonFocusedOver,
.navForwardButtonDown,
.navForwardButtonFocusedDown,
.navForwardButtonSelected,
.navForwardButtonSelectedFocused,
.navForwardButtonSelectedDown,
.navForwardButtonSelectedFocusedDown,
.navForwardButtonSelectedOver,
.navForwardButtonSelectedFocusedOver,
.navForwardButtonDisabled,
.navForwardButtonSelectedDisabled {
  /* !important to override the cellpadding attribute */
  padding: var(--isc-navButton_forward_padding) !important;
  color: var(--isc-navButton_color);
  border-radius: var(--isc-navButton_border_radius);
  font-family: var(--isc-navButton_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-navButton_font_size);
  line-height: var(--isc-navButton_line_height);
  border: var(--isc-navButton_border);
  background-color: var(--isc-navButton_bgColor);
}

.navForwardButtonDown,
.navForwardButtonFocusedDown,
.navForwardButtonSelectedDown,
.navForwardButtonSelectedFocusedDown {
  background-color: var(--isc-navButton_selected_bgColor);
  border: var(--isc-navButton_selected_border);
  color: var(--isc-navButton_selected_color);
}

.navForwardButtonOver,
.navForwardButtonFocusedOver {
  border: var(--isc-navButton_over_border);
}

.navForwardButtonDisabled,
.navForwardButtonSelectedDisabled {
  background-color: var(--isc-navButton_disabled_bgColor);
  color: var(--isc-navButton_disabled_color);
}

/* NavPanel styling */
/* navPanel, navPanelBody, navItem, navItemHeader, navDeck */
.navPanel {
  border: var(--isc-navPanel_border);
}

.navPanelBody {
  background-color: var(--isc-navPanel_body_bgColor);
}

.navItemHeader {
  color: var(--isc-navPanel_header_color);
  font-family: var(--isc-navPanel_header_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-navPanel_header_font_size);
  background-color: var(--isc-navPanel_header_bgColor);
  padding-left: var(--isc-navPanel_header_padding);
  font-weight: var(--isc-standard_header_font_weight);
  border-top: var(--isc-navPanel_header_border);
  border-bottom: var(--isc-navPanel_header_border);
  border-radius: var(--isc-navPanel_header_border_radius);
  outline: none;
}

.navDeck {
  color: var(--isc-navPanel_deck_color);
  background-color: var(--isc-navPanel_deck_bgColor);
}

/* NavPanel navGrid styling */
/*----------------------------------------------------------------------
   navPanel.navItemBaseStyle - navItem - customized version of .treeCell
------------------------------------------------------------------------*/
.navItem,
.navItemDark,
.navItemOver,
.navItemOverDark,
.navItemSelected,
.navItemSelectedDark,
.navItemSelectedOver,
.navItemSelectedOverDark,
.navItemDisabled,
.navItemDisabledDark {
  background-color: var(--isc-navItem_bgColor);
  color: var(--isc-navItem_color);
  font-family: var(--isc-navItem_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-navItem_font_size);
  text-overflow: ellipsis;
  padding: var(--isc-navItem_cell_padding);
}

.navItemDark {
  background-color: var(--isc-navItem_dark_bgColor);
}

.navItemOver,
.navItemOverDark {
  background-color: var(--isc-navItem_over_bgColor);
  color: var(--isc-navItem_over_color);
}

.navItemSelected,
.navItemSelectedDark {
  color: var(--isc-navItem_selected_color);
  background-color: var(--isc-navItem_selected_bgColor);
}

.navItemSelectedOver,
.navItemSelectedOverDark {
  color: var(--isc-navItem_selected_over_color);
  background-color: var(--isc-navItem_selected_over_bgColor);
  box-shadow: 0 0 5px var(--isc-navItem_selected_over_bgColor);
}

.navItemDisabled,
.navItemDisabledDark {
  background-color: var(--isc-navItem_disabled_bgColor);
  color: var(--isc-navItem_disabled_color);
}

/* alternate column styling in navItem */
.navItemAltCol,
.navItemDarkAltCol,
.navItemOverAltCol,
.navItemOverDarkAltCol,
.navItemSelectedAltCol,
.navItemSelectedOverAltCol,
.navItemSelectedDarkAltCol,
.navItemSelectedOverDarkAltCol,
.navItemPendingSelectedAltCol,
.navItemPendingSelectedDarkAltCol,
.navItemPendingSelectedOverAltCol,
.navItemPendingSelectedOverDarkAltCol,
.navItemDeselectedAltCol,
.navItemDeselectedDarkAltCol,
.navItemDeselectedOverAltCol,
.navItemDeselectedOverDarkAltCol,
.navItemDisabledAltCol,
.navItemDisabledDarkAltCol {
  font-size: var(--isc-navItem_font_size);
  font-family: var(--isc-navItem_font), Arial, Helvetica, sans-serif;
  color: var(--isc-navItem_color);
  text-overflow: ellipsis;
  border: none;
  border-bottom: var(--isc-listGrid_row_border);
  padding: var(--isc-navItem_cell_padding);
}

.navItemDisabledAltCol,
.navItemDisabledDarkAltCol {
  background-color: var(--isc-navItem_disabled_bgColor);
  cursor: not-allowed;
  color: var(--isc-navItem_disabled_color);
}

.navItemAltCol {
  background-color: var(--isc-listGrid_cell_altCol_bgColor);
}

.navItemDarkAltCol {
  background-color: var(--isc-listGrid_cell_altCol_dark_bgColor);
}

.navItemOverAltCol,
.navItemOverDarkAltCol {
  background-color: var(--isc-navItem_over_bgColor);
  color: var(--isc-navItem_over_color);
}

.navItemSelectedAltCol,
.navItemSelectedDarkAltCol,
.navItemSelectedOverAltCol,
.navItemSelectedOverDarkAltCol,
.navItemPendingSelectedAltCol,
.navItemPendingSelectedDarkAltCol,
.navItemPendingSelectedOverAltCol,
.navItemPendingSelectedOverDarkAltCol {
  background-color: var(--isc-listGrid_cell_selected_bgColor);
  color: var(--isc-listGrid_cell_selected_color);
}

.navItemSelectedOverAltCol,
.navItemSelectedOverDarkAltCol,
.navItemPendingSelectedOverAltCol,
.navItemPendingSelectedOverDarkAltCol {
  background-color: var(--isc-listGrid_cell_selected_over_bgColor);
}

/*============================================================
    8) Forms
============================================================*/
/* general form styles */
.form {
  background-color: var(--isc-form_bgColor);
  border: var(--isc-form_border);
  border-radius: var(--isc-form_border_radius);
  padding: var(--isc-form_padding);
  color: var(--isc-form_title_color);
}

.formDisabled {
  color: var(--isc-default_disabled_text_color);
}

/* formTitle styles */
.formTitle,
.formTitleRTL,
.formTitleOver,
.formTitleOverRTL,
.formTitleFocused,
.formTitleFocusedRTL,
.formTitleFocusedOver,
.formTitleFocusedOverRTL,
.formTitleDisabled,
.formTitleDisabledRTL {
  -webkit-text-size-adjust: 100%;
  background-color: transparent;
  color: var(--isc-form_title_color);
  font-family: var(--isc-form_title_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-form_title_font_size);
  padding: var(--isc-form_title_padding);
}

/* formTitle pending styles */
.formTitlePending,
.formTitlePendingRTL,
.formTitlePendingOver,
.formTitlePendingOverRTL,
.formTitlePendingFocused,
.formTitlePendingFocusedRTL,
.formTitlePendingFocusedOver,
.formTitlePendingFocusedOverRTL,
.formTitlePendingDisabled,
.formTitlePendingDisabledRTL,
.formTitlePendingError,
.formTitlePendingErrorRTL,
.formTitlePendingErrorFocused,
.formTitlePendingErrorFocusedRTL,
.formTitlePendingErrorFocusedOver,
.formTitlePendingErrorFocusedOverRTL {
  -webkit-text-size-adjust: 100%;
  background-color: transparent;
  color: var(--isc-form_title_pending_color);
  font-family: var(--isc-form_title_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-form_title_font_size);
  padding: var(--isc-form_title_padding);
}

/* formTitle error styles */
.formTitleError,
.formTitleErrorRTL,
.formTitleErrorFocused,
.formTitleErrorFocusedRTL,
.formTitleErrorFocusedOver,
.formTitleErrorFocusedOverRTL,
.formTitleErrorDisabled,
.formTitleErrorDisabledRTL,
.formTitlePendingError,
.formTitlePendingErrorRTL,
.formTitlePendingErrorFocused,
.formTitlePendingErrorFocusedRTL,
.formTitlePendingErrorFocusedOver,
.formTitlePendingErrorFocusedOverRTL {
  -webkit-text-size-adjust: 100%;
  background-color: transparent;
  color: var(--isc-form_title_error_color);
  font-family: var(--isc-form_title_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-form_title_font_size);
  padding: var(--isc-form_title_padding);
}

/* formTitle disabled styles */
.formTitleDisabled,
.formTitleDisabledRTL,
.formTitleErrorDisabled,
.formTitleErrorDisabledRTL,
.formTitleDisabledError,
.formTitleDisabledErrorRTL,
.formTitlePendingDisabled,
.formTitlePendingDisabledRTL {
  -webkit-text-fill-color: var(--isc-default_disabled_text_color);
  color: var(--isc-default_disabled_text_color);
}

/* end formTitle */
/* formTitleVertical styles */
.formTitleVertical,
.formTitleVerticalRTL,
.formTitleVerticalOver,
.formTitleVerticalOverRTL,
.formTitleVerticalFocused,
.formTitleVerticalFocusedRTL,
.formTitleVerticalFocusedOver,
.formTitleVerticalFocusedOverRTL,
.formTitleVerticalDisabled,
.formTitleVerticalDisabledRTL {
  -webkit-text-size-adjust: 100%;
  background-color: transparent;
  color: var(--isc-form_title_color);
  font-family: var(--isc-form_title_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-form_title_font_size);
  padding: var(--isc-form_vertical_title_padding);
}

/* formTitleVertical pending styles */
.formTitleVerticalPending,
.formTitleVerticalPendingRTL,
.formTitleVerticalPendingOver,
.formTitleVerticalPendingOverRTL,
.formTitleVerticalPendingFocused,
.formTitleVerticalPendingFocusedRTL,
.formTitleVerticalPendingFocusedOver,
.formTitleVerticalPendingFocusedOverRTL,
.formTitleVerticalPendingDisabled,
.formTitleVerticalPendingDisabledRTL,
.formTitleVerticalPendingError,
.formTitleVerticalPendingErrorRTL {
  -webkit-text-size-adjust: 100%;
  background-color: transparent;
  color: var(--isc-form_title_color);
  font-family: var(--isc-form_title_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-form_title_font_size);
  padding: var(--isc-form_vertical_title_padding);
}

/* formTitleVertical error styles */
.formTitleVerticalError,
.formTitleVerticalErrorRTL,
.formTitleVerticalErrorFocused,
.formTitleVerticalErrorFocusedRTL,
.formTitleVerticalErrorFocusedOver,
.formTitleVerticalErrorFocusedOverRTL,
.formTitleVerticalErrorDisabled,
.formTitleVerticalErrorDisabledRTL,
.formTitleVerticalPendingError,
.formTitleVerticalPendingErrorRTL {
  -webkit-text-size-adjust: 100%;
  background-color: transparent;
  color: var(--isc-form_title_error_color);
  font-family: var(--isc-form_title_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-form_title_font_size);
  padding: var(--isc-form_vertical_title_padding);
}

/* formTitleVertical disabled styles */
.formTitleVerticalDisabled,
.formTitleVerticalDisabledRTL,
.formTitleVerticalErrorDisabled,
.formTitleVerticalErrorDisabledRTL,
.formTitleVerticalDisabledError,
.formTitleVerticalDisabledErrorRTL,
.formTitleVerticalPendingDisabled,
.formTitleVerticalPendingDisabledRTL {
  -webkit-text-fill-color: var(--isc-default_disabled_text_color);
  color: var(--isc-default_disabled_text_color);
}

/* end formTitle */
/* formCell styles */
.formCell,
.formCellRTL,
.formCellOver,
.formCellOverRTL,
.formCellFocused,
.formCellFocusedRTL,
.formCellFocusedOver,
.formCellFocusedOverRTL,
.formCellDisabled,
.formCellDisabledRTL,
.formCellError,
.formCellErrorRTL,
.formCellErrorOver,
.formCellErrorOverRTL,
.formCellErrorFocused,
.formCellErrorFocusedRTL,
.formCellErrorFocusedOver,
.formCellErrorFocusedOverRTL,
.formCellErrorDisabled,
.formCellErrorDisabledRTL,
.formCellPending,
.formCellPendingRTL,
.formCellPendingOver,
.formCellPendingOverRTL,
.formCellPendingFocused,
.formCellPendingFocusedRTL,
.formCellPendingFocusedOver,
.formCellPendingFocusedOverRTL,
.formCellPendingDisabled,
.formCellPendingDisabledRTL,
.formCellPendingError,
.formCellPendingErrorRTL,
.formCellPendingErrorFocused,
.formCellPendingErrorFocusedRTL,
.formCellPendingErrorFocusedOver,
.formCellPendingErrorFocusedOverRTL {
  -webkit-text-size-adjust: 100%;
  background-color: transparent;
  color: var(--isc-form_title_color);
  font-family: var(--isc-form_title_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-form_title_font_size);
}

.formCellError,
.formCellErrorRTL,
.formCellPendingError,
.formCellPendingErrorRTL,
.formCellPendingErrorFocused,
.formCellPendingErrorFocusedRTL,
.formCellPendingErrorFocusedOver,
.formCellPendingErrorFocusedOverRTL {
  color: var(--isc-formItem_error_color);
}

.formCellDisabled,
.formCellDisabledRTL,
.formCellErrorDisabled,
.formCellErrorDisabledRTL,
.formCellPendingDisabled,
.formCellPendingDisabledRTL {
  -webkit-text-fill-color: var(--isc-formItem_disabled_color);
  color: var(--isc-formItem_disabled_color);
}

.formCellErrorFocused,
.formCellErrorFocusedOver {
  outline: none;
  color: var(--isc-formItem_error_color);
  border-color: var(--isc-formItem_focused_border_color);
  box-shadow: var(--isc-formItem_focused_shadow);
}

.formCellErrorFocusedOver {
  outline: none;
  box-shadow: var(--isc-formItem_focused_over_shadow);
  border: var(--isc-formItem_focused_over_border);
}

/* end formCell */
/* formHint styles */
.formHint,
.formHintRTL,
.formHintOver,
.formHintOverRTL,
.formHintDisabled,
.formHintDisabledRTL,
.formHintError,
.formHintErrorRTL,
.formHintErrorOver,
.formHintErrorOverRTL,
.formHintErrorDisabled,
.formHintErrorDisabledRTL {
  background-color: transparent;
  color: var(--isc-formItem_hint_color);
  font-family: var(--isc-formItem_hint_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-formItem_hint_font_size);
  padding: var(--isc-formItem_hint_padding);
}

.formHintError,
.formHintErrorRTL,
.formHintErrorOver,
.formHintErrorOverRTL,
.formHintErrorDisabled,
.formHintErrorDisabledRTL {
  color: var(--isc-formItem_hint_error_color);
}

/* formHint disabled */
.formHintDisabled,
.formHintDisabledRTL,
.formHintErrorDisabled,
.formHintErrorDisabledRTL {
  color: var(--isc-default_disabled_text_color);
}

/* end formHint */
/* headerItem */
.headerItem,
.headerItemRTL,
.headerItemOver,
.headerItemOverRTL,
.headerItemDisabled,
.headerItemDisabledRTL,
.headerItemError,
.headerItemErrorRTL {
  color: var(--isc-headerItem_color);
  font-family: var(--isc-formItem_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-standard_header_font_size);
  font-weight: var(--isc-standard_header_font_weight);
  background-color: transparent;
}

/* end headerItem */
.nativeSelectItem,
.nativeSelectItemRTL,
.nativeSelectItemOver,
.nativeSelectItemOverRTL,
.nativeSelectItemFocused,
.nativeSelectItemFocusedRTL,
.nativeSelectItemFocusedOver,
.nativeSelectItemFocusedOverRTL,
.nativeSelectItemDisabled,
.nativeSelectItemDisabledRTL,
.nativeSelectItemError,
.nativeSelectItemErrorRTL,
.nativeSelectItemErrorOver,
.nativeSelectItemErrorOverRTL,
.nativeSelectItemErrorFocused,
.nativeSelectItemErrorFocusedRTL,
.nativeSelectItemErrorFocusedOver,
.nativeSelectItemErrorFocusedOverRTL,
.nativeSelectItemPending,
.nativeSelectItemPendingRTL,
.nativeSelectItemPendingOver,
.nativeSelectItemPendingOverRTL,
.nativeSelectItemPendingFocused,
.nativeSelectItemPendingFocusedRTL,
.nativeSelectItemPendingFocusedOver,
.nativeSelectItemPendingFocusedOverRTL,
.nativeSelectItemPendingDisabled,
.nativeSelectItemPendingDisabledRTL,
.nativeSelectItemPendingError,
.nativeSelectItemPendingErrorRTL {
  padding: 3px 1px;
  background-color: transparent;
  color: var(--isc-formItem_color);
  outline: none;
  font-family: var(--isc-formItem_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-formItem_font_size);
}

.staticTextItem,
.staticTextItemRTL,
.staticTextItemOver,
.staticTextItemOverRTL,
.staticTextItemFocused,
.staticTextItemFocusedRTL,
.staticTextItemFocusedOver,
.staticTextItemFocusedOverRTL,
.staticTextItemDisabled,
.staticTextItemDisabledRTL,
.staticTextItemError,
.staticTextItemErrorRTL,
.staticTextItemErrorOver,
.staticTextItemErrorOverRTL,
.staticTextItemErrorFocused,
.staticTextItemErrorFocusedRTL,
.staticTextItemErrorFocusedOver,
.staticTextItemErrorFocusedOverRTL,
.staticTextItemPending,
.staticTextItemPendingRTL,
.staticTextItemPendingOver,
.staticTextItemPendingOverRTL,
.staticTextItemPendingFocused,
.staticTextItemPendingFocusedRTL,
.staticTextItemPendingFocusedOver,
.staticTextItemPendingFocusedOverRTL,
.staticTextItemPendingDisabled,
.staticTextItemPendingDisabledRTL,
.staticTextItemPendingError,
.staticTextItemPendingErrorRTL {
  padding-right: 3px;
  background-color: transparent;
  color: var(--isc-formItem_color);
  outline: none;
  font-family: var(--isc-formItem_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-formItem_font_size);
}

.staticTextItemLite,
.staticTextItemLiteRTL,
.staticTextItemLiteOver,
.staticTextItemLiteOverRTL,
.staticTextItemLiteFocused,
.staticTextItemLiteFocusedRTL,
.staticTextItemLiteFocusedOver,
.staticTextItemLiteFocusedOverRTL,
.staticTextItemLiteDisabled,
.staticTextItemLiteDisabledRTL,
.staticTextItemLiteError,
.staticTextItemLiteErrorRTL,
.staticTextItemLiteErrorOver,
.staticTextItemLiteErrorOverRTL,
.staticTextItemLiteErrorFocused,
.staticTextItemLiteErrorFocusedRTL,
.staticTextItemLiteErrorFocusedOver,
.staticTextItemLiteErrorFocusedOverRTL,
.staticTextItemLitePending,
.staticTextItemLitePendingRTL,
.staticTextItemLitePendingOver,
.staticTextItemLitePendingOverRTL,
.staticTextItemLitePendingFocused,
.staticTextItemLitePendingFocusedRTL,
.staticTextItemLitePendingFocusedOver,
.staticTextItemLitePendingFocusedOverRTL,
.staticTextItemLitePendingDisabled,
.staticTextItemLitePendingDisabledRTL,
.staticTextItemLitePendingError,
.staticTextItemLitePendingErrorRTL,
.staticTextItemLitePendingErrorOver,
.staticTextItemLitePendingErrorOverRTL,
.staticTextItemLitePendingErrorFocused,
.staticTextItemLitePendingErrorFocusedRTL,
.staticTextItemLitePendingErrorFocusedOver,
.staticTextItemLitePendingErrorFocusedOverRTL {
  border: var(--isc-standard_transparent_border);
  padding: var(--isc-formItem_padding);
  background-color: transparent;
  color: var(--isc-formItem_color);
  outline: none;
  font-family: var(--isc-formItem_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-formItem_font_size);
}

.staticTextItemLitePending,
.staticTextItemLitePendingRTL,
.staticTextItemLitePendingOver,
.staticTextItemLitePendingOverRTL,
.staticTextItemLitePendingFocused,
.staticTextItemLitePendingFocusedRTL,
.staticTextItemLitePendingFocusedOver,
.staticTextItemLitePendingFocusedOverRTL,
.staticTextItemLitePendingDisabled,
.staticTextItemLitePendingDisabledRTL,
.staticTextItemLitePendingError,
.staticTextItemLitePendingErrorRTL,
.staticTextItemLitePendingErrorOver,
.staticTextItemLitePendingErrorOverRTL,
.staticTextItemLitePendingErrorFocused,
.staticTextItemLitePendingErrorFocusedRTL,
.staticTextItemLitePendingErrorFocusedOver,
.staticTextItemLitePendingErrorFocusedOverRTL {
  color: var(--isc-pending_value_color);
}

.staticTextItemLiteError,
.staticTextItemLiteErrorRTL,
.staticTextItemLiteErrorOver,
.staticTextItemLiteErrorOverRTL,
.staticTextItemLiteErrorFocused,
.staticTextItemLiteErrorFocusedRTL,
.staticTextItemLiteErrorFocusedOver,
.staticTextItemLiteErrorFocusedOverRTL {
  color: var(--isc-formItem_value_error_color);
}

.pickListCell,
.pickListCellRTL,
.pickListCellOver,
.pickListCellOverRTL,
.pickListCellSelected,
.pickListCellSelectedRTL,
.pickListCellSelectedOver,
.pickListCellSelectedOverRTL,
.pickListCellDisabled,
.pickListCellDisabledRTL,
.pickListCellDark,
.pickListCellDarkRTL,
.pickListCellOverDark,
.pickListCellOverDarkRTL,
.pickListCellSelectedDark,
.pickListCellSelectedDarkRTL,
.pickListCellSelectedOverDark,
.pickListCellSelectedOverDarkRTL,
.pickListCellDisabledDark,
.pickListCellDisabledDarkRTL,
.pickListCellPending,
.pickListCellPendingRTL,
.pickListCellPendingOver,
.pickListCellPendingOverRTL,
.pickListCellPendingSelected,
.pickListCellPendingSelectedRTL,
.pickListCellPendingSelectedOver,
.pickListCellPendingSelectedOverRTL,
.pickListCellPendingDisabled,
.pickListCellPendingDisabledRTL,
.pickListCellPendingDark,
.pickListCellPendingDarkRTL,
.pickListCellPendingOverDark,
.pickListCellPendingOverDarkRTL,
.pickListCellPendingSelectedDark,
.pickListCellPendingSelectedDarkRTL,
.pickListCellPendingSelectedOverDark,
.pickListCellPendingSelectedOverDarkRTL,
.pickListCellPendingDisabledDark,
.pickListCellPendingDisabledDarkRTL,
.pickListCellDeselected,
.pickListCellDeselectedRTL,
.pickListCellDeselectedOver,
.pickListCellDeselectedOverRTL,
.pickListCellDeselectedSelected,
.pickListCellDeselectedSelectedRTL,
.pickListCellDeselectedSelectedOver,
.pickListCellDeselectedSelectedOverRTL,
.pickListCellDeselectedDisabled,
.pickListCellDeselectedDisabledRTL,
.pickListCellDeselectedDark,
.pickListCellDeselectedDarkRTL,
.pickListCellDeselectedOverDark,
.pickListCellDeselectedOverDarkRTL,
.pickListCellDeselectedSelectedDark,
.pickListCellDeselectedSelectedDarkRTL,
.pickListCellDeselectedSelectedOverDark,
.pickListCellDeselectedSelectedOverDarkRTL,
.pickListCellDeselectedDisabledDark,
.pickListCellDeselectedDisabledDarkRTL {
  background-color: var(--isc-pickList_cell_bgColor);
  color: var(--isc-pickList_cell_color);
  font-family: var(--isc-pickList_cell_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-pickList_cell_font_size);
  /*padding: 7px 9px; this setting affects the checkbox in selects*/
  /* padding-bottom: var(--isc-pickList_cell_padding); */
  padding: var(--isc-pickList_cell_padding);
}

/* style that can be used for the checkbox cell in pickLists to control padding */
.pickListCheckboxCell,
.pickListCheckboxCellOver,
.pickListCheckboxCellSelected,
.pickListCheckboxCellSelectedOver,
.pickListCheckboxCellSelectedDisabled,
.pickListCheckboxCellDisabled {
  background-color: var(--isc-pickList_cell_bgColor);
  padding: var(--isc-pickList_checkbox_cell_padding);
  border: var(--isc-pickList_cell_border);
}

.pickListCheckboxCellOver {
  background-color: var(--isc-pickList_cell_over_bgColor);
}

.pickListCheckboxCellSelected {
  background-color: var(--isc-pickList_cell_selected_bgColor);
}

.pickListCheckboxCellSelectedOver {
  background-color: var(--isc-pickList_selected_over_bgColor);
}

.pickListCheckboxCellDisabled,
.pickListCheckboxCellSelectedDisabled {
  background-color: var(--isc-listGrid_cell_disabled_bgColor);
}

/* Allow for nested forms to lie flush against the left-hand edge of the containing form */
.nestedFormContainer,
.nestedFormContainerFocused,
.nestedFormContainerDisabled,
.nestedFormContainerError {
  padding-left: 0px;
}

.nestedFormContainerRTL,
.nestedFormContainerFocusedRTL,
.nestedFormContainerDisabledRTL,
.nestedFormContainerErrorRTL {
  padding-right: 0px;
}

.nativeSelectItemRTL[multiple] {
  direction: ltr;
}

.nativeSelectItemRTL[multiple] > optgroup > option,
.nativeSelectItemRTL[multiple] > option {
  direction: rtl;
}

/* pickerSearchBox - used by ComboBoxItems that fill their container */
.pickerSearchBox,
.pickerSearchBoxRTL,
.pickerSearchBoxOver,
.pickerSearchBoxOverRTL,
.pickerSearchBoxFocused,
.pickerSearchBoxFocusedRTL,
.pickerSearchBoxFocusedOver,
.pickerSearchBoxFocusedOverRTL,
.pickerSearchBoxDisabled,
.pickerSearchBoxDisabledRTL,
.pickerSearchBoxError,
.pickerSearchBoxErrorRTL,
.pickerSearchBoxPending,
.pickerSearchBoxPendingRTL,
.pickerSearchBoxPendingFocused,
.pickerSearchBoxPendingFocusedRTL,
.pickerSearchBoxPendingDisabled,
.pickerSearchBoxPendingDisabledRTL,
.pickerSearchBoxPendingError,
.pickerSearchBoxPendingErrorRTL,
.pickerSearchBoxHint,
.pickerSearchBoxHintRTL,
.pickerSearchBoxDisabledHint,
.pickerSearchBoxDisabledHintRTL {
  /* Disable intrinsic margins in Chrome and Safari:
     https://bugs.webkit.org/show_bug.cgi?id=107380 */
  margin: 0;
  background-color: var(--isc-formItem_bgColor);
  border: var(--isc-formItem_border);
  border-radius: var(--isc-pickerSearchBox_border_radius);
  color: var(--isc-formItem_color);
  font-family: var(--isc-formItem_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-formItem_font_size);
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-appearance: none;
  padding: var(--isc-pickerSearchBox_padding);
}

/* Placeholder styles extracted from @include input-placeholder (base group) */
.pickerSearchBox::placeholder,
.pickerSearchBoxRTL::placeholder,
.pickerSearchBoxOver::placeholder,
.pickerSearchBoxOverRTL::placeholder,
.pickerSearchBoxFocused::placeholder,
.pickerSearchBoxFocusedRTL::placeholder,
.pickerSearchBoxFocusedOver::placeholder,
.pickerSearchBoxFocusedOverRTL::placeholder,
.pickerSearchBoxDisabled::placeholder,
.pickerSearchBoxDisabledRTL::placeholder,
.pickerSearchBoxError::placeholder,
.pickerSearchBoxErrorRTL::placeholder,
.pickerSearchBoxPending::placeholder,
.pickerSearchBoxPendingRTL::placeholder,
.pickerSearchBoxPendingFocused::placeholder,
.pickerSearchBoxPendingFocusedRTL::placeholder,
.pickerSearchBoxPendingDisabled::placeholder,
.pickerSearchBoxPendingDisabledRTL::placeholder,
.pickerSearchBoxPendingError::placeholder,
.pickerSearchBoxPendingErrorRTL::placeholder,
.pickerSearchBoxHint::placeholder,
.pickerSearchBoxHintRTL::placeholder,
.pickerSearchBoxDisabledHint::placeholder,
.pickerSearchBoxDisabledHintRTL::placeholder {
  /* We use the same lightness as Bootstrap's default placeholder color (HSL(0, 0%, 60%)).
     See: http://getbootstrap.com/components/#input-groups-basic */
  /* color: hsl(212, 53%, 60%); */
  color: var(--isc-formItem_hint_color);
  /* Firefox 19+ applies an opacity of 0.4. Revert this.
     https://developer.mozilla.org/en-US/docs/Web/CSS/::-moz-placeholder
     https://bugzilla.mozilla.org/show_bug.cgi?id=556145 */
  opacity: var(--isc-formItem_opacity);
  text-overflow: ellipsis;
}

.pickerSearchBoxDisabled,
.pickerSearchBoxDisabledRTL,
.pickerSearchBoxPendingDisabled,
.pickerSearchBoxPendingDisabledRTL,
.pickerSearchBoxDisabledHint,
.pickerSearchBoxDisabledHintRTL {
  background-color: var(--isc-formItem_disabled_bgColor);
  border: var(--isc-formItem_border);
  -webkit-text-fill-color: var(--isc-formItem_disabled_color);
  color: var(--isc-formItem_disabled_color);
}

.pickerSearchBoxFocused,
.pickerSearchBoxFocusedRTL,
.pickerSearchBoxPendingFocused,
.pickerSearchBoxPendingFocusedRTL {
  color: var(--isc-formItem_focused_color);
  border-bottom: var(--isc-formItem_focused_border);
  border-top: var(--isc-formItem_focused_border);
  -moz-outline-offset: -1;
}

.pickerSearchBoxFocused,
.pickerSearchBoxPendingFocused {
  border-left: var(--isc-formItem_focused_border);
  border-right: var(--isc-formItem_focused_border);
}

.pickerSearchBoxFocusedRTL,
.pickerSearchBoxPendingFocusedRTL {
  border-right: var(--isc-formItem_focused_border);
  border-left: var(--isc-formItem_focused_border);
}

/* Placeholder styles extracted from @include input-placeholder (disabled group) */
.pickerSearchBoxDisabled::placeholder,
.pickerSearchBoxDisabledRTL::placeholder,
.pickerSearchBoxPendingDisabled::placeholder,
.pickerSearchBoxPendingDisabledRTL::placeholder,
.pickerSearchBoxDisabledHint::placeholder,
.pickerSearchBoxDisabledHintRTL::placeholder {
  color: var(--isc-formItem_hint_color);
  opacity: var(--isc-formItem_opacity);
  text-overflow: ellipsis;
}

.pickerSearchBoxPending,
.pickerSearchBoxPendingRTL,
.pickerSearchBoxPendingFocused,
.pickerSearchBoxPendingFocusedRTL,
.pickerSearchBoxPendingError,
.pickerSearchBoxPendingErrorRTL {
  color: var(--isc-pending_value_color);
}

/* Placeholder styles extracted from @include input-placeholder (pending group) */
.pickerSearchBoxPending::placeholder,
.pickerSearchBoxPendingRTL::placeholder,
.pickerSearchBoxPendingFocused::placeholder,
.pickerSearchBoxPendingFocusedRTL::placeholder,
.pickerSearchBoxPendingError::placeholder,
.pickerSearchBoxPendingErrorRTL::placeholder {
  color: var(--isc-pending_value_color);
  opacity: var(--isc-formItem_opacity);
  text-overflow: ellipsis;
}

/* end pickerSearchBox */
/* uploadItem - only select parts can be styled */
.uploadItem,
.uploadItemRTL,
.uploadItemOver,
.uploadItemOverRTL,
.uploadItemFocused,
.uploadItemFocusedRTL,
.uploadItemFocusedOver,
.uploadItemFocusedOverRTL,
.uploadItemDisabled,
.uploadItemDisabledRTL,
.uploadItemError,
.uploadItemErrorRTL,
.uploadItemErrorOver,
.uploadItemErrorOverRTL,
.uploadItemErrorFocused,
.uploadItemErrorFocusedRTL,
.uploadItemErrorFocusedOver,
.uploadItemErrorFocusedOverRTL,
.uploadItemPending,
.uploadItemPendingRTL,
.uploadItemPendingOver,
.uploadItemPendingOverRTL,
.uploadItemPendingFocused,
.uploadItemPendingFocusedRTL,
.uploadItemPendingFocusedOver,
.uploadItemPendingFocusedOverRTL,
.uploadItemPendingDisabled,
.uploadItemPendingDisabledRTL,
.uploadItemPendingError,
.uploadItemPendingErrorRTL,
.uploadItemHint,
.uploadItemHintRTL,
.uploadItemDisabledHint,
.uploadItemDisabledHintRTL {
  background-color: transparent;
  background-color: var(--isc-uploadItem_bgColor);
  color: var(--isc-formItem_color);
  border: var(--isc-uploadItem_border);
  font-family: var(--isc-formItem_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-formItem_font_size);
  padding: var(--isc-uploadItem_padding);
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-appearance: none;
  margin: 0;
}

.uploadItemDisabled,
.uploadItemDisabledRTL,
.uploadItemPendingDisabled,
.uploadItemPendingDisabledRTL,
.uploadItemDisabledHint,
.uploadItemDisabledHintRTL {
  -webkit-text-fill-color: var(--isc-formItem_disabled_color);
  color: var(--isc-formItem_disabled_color);
}

.nativeSelectItemDisabled,
.nativeSelectItemDisabledRTL,
.nativeSelectItemPendingDisabled,
.nativeSelectItemPendingDisabledRTL,
.staticTextItemDisabled,
.staticTextItemDisabledRTL,
.staticTextItemPendingDisabled,
.staticTextItemPendingDisabledRTL {
  -webkit-text-fill-color: var(--isc-formItem_disabled_color);
  color: var(--isc-formItem_disabled_color);
}

.nativeSelectItemFocusedOver,
.nativeSelectItemFocusedOverRTL {
  box-shadow: var(--isc-formItem_focused_over_shadow);
}

select:disabled,
optgroup:disabled,
option:disabled {
  -webkit-text-fill-color: var(--isc-formItem_disabled_color);
  color: var(--isc-formItem_disabled_color);
}

select[disabled],
select[disabled] option {
  -webkit-text-fill-color: var(--isc-formItem_disabled_color);
  color: var(--isc-formItem_disabled_color);
}

/* native select styles (for multi-select list) */
select:disabled {
  background-color: var(--isc-formItem_disabled_bgColor);
}

select:hover {
  border-color: var(--isc-formItem_over_border_color);
  box-shadow: var(--isc-formItem_over_shadow);
}

select:focus {
  outline: none;
  border-color: var(--isc-formItem_focused_border_color);
  background-color: var(--isc-formItem_focused_bgColor);
  box-shadow: var(--isc-formItem_focused_shadow);
}

select:hover > focus {
  border-color: var(--isc-formItem_focused_over_border_color);
  box-shadow: var(--isc-formItem_focused_over_shadow);
}

option:focus,
option:hover,
option:checked {
  background-color: var(--isc-listGrid_cell_selected_bgColor) !important;
  color: var(--isc-listGrid_cell_selected_color) !important;
}

/* selectItemPickerIcon */
.selectItemPickerIcon,
.selectItemPickerIconOver,
.selectItemPickerIconRTL,
.selectItemPickerIconOverRTL,
.selectItemPickerIconFocused,
.selectItemPickerIconFocusedRTL,
.selectItemPickerIconDisabled,
.selectItemPickerIconDisabledRTL {
  border-left: var(--isc-pickerIcon_left_border);
  color: var(--isc-icon_color);
  outline-width: 0px;
}

.selectItemPickerIconOver,
.selectItemPickerIconOverRTL {
  color: var(--isc-icon_over_color);
}

.selectItemPickerIconDisabled,
.selectItemPickerIconDisabledRTL {
  background-color: var(--isc-formItem_disabled_bgColor);
  color: var(--isc-icon_disabled_color);
}

/* selectItem pickerIcon Error styles */
.selectItemPickerIconError,
.selectItemPickerIconErrorRTL,
.selectItemPickerIconErrorOver,
.selectItemPickerIconErrorOverRTL,
.selectItemPickerIconErrorFocused,
.selectItemPickerIconErrorFocusedRTL,
.selectItemPickerIconErrorFocusedOver,
.selectItemPickerIconErrorFocusedOverRTL,
.selectItemPickerIconErrorDisabled,
.selectItemPickerIconErrorDisabledRTL {
  border-left: var(--isc-pickerIcon_left_border);
  color: var(--isc-icon_error_color);
  outline-width: 0px;
}

.selectItemPickerIconErrorOver,
.selectItemPickerIconErrorOverRTL,
.selectItemPickerIconErrorFocusedOver,
.selectItemPickerIconErrorFocusedOverRTL {
  color: var(--isc-icon_error_over_color);
}

.selectItemPickerIconErrorFocused,
.selectItemPickerIconErrorFocusedRTL {
  color: var(--isc-icon_error_focused_color);
}

.selectItemPickerIconErrorDisabled,
.selectItemPickerIconErrorDisabledRTL {
  background-color: var(--isc-formItem_disabled_bgColor);
  color: var(--isc-icon_disabled_color);
}

/* sprited ComboBoxItem picker */
.comboBoxItemPicker,
.comboBoxItemPickerOver,
.comboBoxItemPickerFocused,
.comboBoxItemPickerFocusedOver,
.comboBoxItemPickerDisabledrtl,
.comboBoxItemPickerrtl,
.comboBoxItemPickerOverrtl,
.comboBoxItemPickerFocusedrtl,
.comboBoxItemPickerFocusedOverrtl {
  display: inline-block;
  background-position: 0px 0px;
  background: var(--isc-combobox_item_picker_icon) no-repeat;
  outline: none;
}

.comboBoxItemPickerOver,
.comboBoxItemPickerFocused,
.comboBoxItemPickerOverrtl,
.comboBoxItemPickerFocusedrtl {
  background: var(--isc-combobox_item_picker_over_icon) no-repeat;
}

.comboBoxItemPickerFocusedOver,
.comboBoxItemPickerFocusedOverrtl {
  background: var(--isc-combobox_item_picker_focused_over_icon) no-repeat;
}

.comboBoxItemPickerDisabled,
.comboBoxItemPickerDisabledrtl {
  display: inline-block;
  background-position: 0px 0px;
  background: var(--isc-combobox_item_picker_disabled_icon) no-repeat;
}

.comboBoxItemPickerError,
.comboBoxItemPickerErrorOver,
.comboBoxItemPickerErrorFocused,
.comboBoxItemPickerErrorFocusedOver,
.comboBoxItemPickerErrorrtl,
.comboBoxItemPickerErrorOverrtl,
.comboBoxItemPickerErrorFocusedrtl,
.comboBoxItemPickerErrorFocusedOver {
  display: inline-block;
  background-position: 0px 0px;
  background: var(--isc-combobox_item_picker_error_icon) no-repeat;
}

/* Minimalist appearance text based items. Includes ComboBoxItem, SelectItem and SpinnerItem */
/* Actual minimalist text */
.textItemLite,
.textItemLiteRTL,
.textItemLiteOver,
.textItemLiteOverRTL,
.textItemLiteFocused,
.textItemLiteFocusedRTL,
.textItemLiteFocusedOver,
.textItemLiteFocusedOverRTL,
.textItemLiteDisabled,
.textItemLiteDisabledRTL,
.textItemLiteError,
.textItemLiteErrorRTL,
.textItemLiteErrorOver,
.textItemLiteErrorOverRTL,
.textItemLiteErrorFocused,
.textItemLiteErrorFocusedRTL,
.textItemLiteErrorFocusedOver,
.textItemLiteErrorFocusedOverRTL,
.textItemLiteErrorDisabled,
.textItemLiteErrorDisabledRTL,
.textItemLitePending,
.textItemLitePendingRTL,
.textItemLitePendingOver,
.textItemLitePendingOverRTL,
.textItemLitePendingFocused,
.textItemLitePendingFocusedRTL,
.textItemLitePendingFocusedOver,
.textItemLitePendingFocusedOverRTL,
.textItemLitePendingDisabled,
.textItemLitePendingDisabledRTL,
.textItemLitePendingError,
.textItemLitePendingErrorOver,
.textItemLitePendingErrorRTL,
.textItemLitePendingErrorOverRTL,
.textItemLitePendingErrorFocused,
.textItemLitePendingErrorFocusedOver,
.textItemLitePendingErrorFocusedRTL,
.textItemLitePendingErrorFocusedOverRTL,
.textItemLiteHint,
.textItemLiteHintRTL,
.textItemLiteDisabledHint,
.textItemLiteDisabledHintRTL,
.textAreaItemLite,
.textAreaItemLiteRTL,
.textAreaItemLiteOver,
.textAreaItemLiteOverRTL,
.textAreaItemLiteFocused,
.textAreaItemLiteFocusedRTL,
.textAreaItemLiteFocusedOver,
.textAreaItemLiteFocusedOverRTL,
.textAreaItemLiteDisabled,
.textAreaItemLiteDisabledRTL,
.textAreaItemLiteError,
.textAreaItemLiteErrorRTL,
.textAreaItemLiteErrorOver,
.textAreaItemLiteErrorOverRTL,
.textAreaItemLiteErrorFocused,
.textAreaItemLiteErrorFocusedRTL,
.textAreaItemLiteErrorFocusedOver,
.textAreaItemLiteErrorFocusedOverRTL,
.textAreaItemLiteErrorDisabled,
.textAreaItemLiteErrorDisabledRTL,
.textAreaItemLitePending,
.textAreaItemLitePendingRTL,
.textAreaItemLitePendingOver,
.textAreaItemLitePendingOverRTL,
.textAreaItemLitePendingFocused,
.textAreaItemLitePendingFocusedRTL,
.textAreaItemLitePendingFocusedOver,
.textAreaItemLitePendingFocusedOverRTL,
.textAreaItemLitePendingDisabled,
.textAreaItemLitePendingDisabledRTL,
.textAreaItemLitePendingError,
.textAreaItemLitePendingErrorOver,
.textAreaItemLitePendingErrorRTL,
.textAreaItemLitePendingErrorOverRTL,
.textAreaItemLitePendingErrorFocused,
.textAreaItemLitePendingErrorFocusedRTL,
.textAreaItemLitePendingErrorFocusedOver,
.textAreaItemLitePendingErrorFocusedOverRTL,
.textAreaItemLiteHint,
.textAreaItemLiteHintRTL,
.textAreaItemLiteDisabledHint,
.textAreaItemLiteDisabledHintRTL {
  color: var(--isc-formItem_color);
  font-family: var(--isc-formItem_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-formItem_font_size);
  padding: var(--isc-formItem_padding);
  outline: none;
  text-decoration: none;
  border-radius: var(--isc-formItem_border_radius);
  transition: border-color ease-in-out 0.2s, box-shadow ease-in-out 0.2s;
}

/* suppress borders on selectItem text - border is applied to control element
   also zero out right-padding so we don't have unnecessary gap between text and
   the down-pointing chevron

   dataQuestionItemText is for AIDataQuestionItem
   */
.selectItemLiteText,
.selectItemLiteTextRTL,
.selectItemLiteTextFocused,
.selectItemLiteTextFocusedRTL,
.selectItemLiteTextDisabled,
.selectItemLiteTextDisabledRTL,
.selectItemLiteTextError,
.selectItemLiteTextErrorRTL,
.selectItemLiteTextErrorFocused,
.selectItemLiteTextErrorFocusedRTL,
.selectItemLiteTextErrorDisabled,
.selectItemLiteTextErrorDisabledRTL,
.selectItemLiteTextPending,
.selectItemLiteTextPendingRTL,
.selectItemLiteTextPendingFocused,
.selectItemLiteTextPendingFocusedRTL,
.selectItemLiteTextPendingDisabled,
.selectItemLiteTextPendingDisabledRTL,
.selectItemLiteTextPendingError,
.selectItemLiteTextPendingErrorRTL,
.selectItemLiteTextPendingErrorFocused,
.selectItemLiteTextPendingErrorFocusedRTL,
.selectItemLiteTextHint,
.selectItemLiteTextHintRTL,
.selectItemLiteTextDisabledHint,
.selectItemLiteTextDisabledHintRTL,
.dataQuestionItemText,
.dataQuestionItemTextRTL,
.dataQuestionItemTextFocused,
.dataQuestionItemTextFocusedRTL,
.dataQuestionItemTextDisabled,
.dataQuestionItemTextDisabledRTL,
.dataQuestionItemTextError,
.dataQuestionItemTextErrorRTL,
.dataQuestionItemTextErrorFocused,
.dataQuestionItemTextErrorFocusedRTL,
.dataQuestionItemTextErrorDisabled,
.dataQuestionItemTextErrorDisabledRTL,
.dataQuestionItemTextPending,
.dataQuestionItemTextPendingRTL,
.dataQuestionItemTextPendingFocused,
.dataQuestionItemTextPendingFocusedRTL,
.dataQuestionItemTextPendingDisabled,
.dataQuestionItemTextPendingDisabledRTL,
.dataQuestionItemTextPendingError,
.dataQuestionItemTextPendingErrorRTL,
.dataQuestionItemTextPendingErrorFocused,
.dataQuestionItemTextPendingErrorFocusedRTL,
.dataQuestionItemTextHint,
.dataQuestionItemTextHintRTL,
.dataQuestionItemTextDisabledHint,
.dataQuestionItemTextDisabledHintRTL {
  color: var(--isc-formItem_color);
  font-family: var(--isc-formItem_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-formItem_font_size);
  text-decoration: none;
  outline: none;
  border: none;
  padding-left: 0px;
  padding-right: 0px;
  padding: 0px;
  background-color: var(--isc-transparent_background_from_rgba);
  background-color: var(--isc-transparent_background_for_ie);
}

.dataQuestionItemText,
.dataQuestionItemTextRTL,
.dataQuestionItemTextFocused,
.dataQuestionItemTextFocusedRTL,
.dataQuestionItemTextDisabled,
.dataQuestionItemTextDisabledRTL,
.dataQuestionItemTextError,
.dataQuestionItemTextErrorRTL,
.dataQuestionItemTextErrorFocused,
.dataQuestionItemTextErrorFocusedRTL,
.dataQuestionItemTextErrorDisabled,
.dataQuestionItemTextErrorDisabledRTL,
.dataQuestionItemTextPending,
.dataQuestionItemTextPendingRTL,
.dataQuestionItemTextPendingFocused,
.dataQuestionItemTextPendingFocusedRTL,
.dataQuestionItemTextPendingDisabled,
.dataQuestionItemTextPendingDisabledRTL,
.dataQuestionItemTextPendingError,
.dataQuestionItemTextPendingErrorRTL,
.dataQuestionItemTextPendingErrorFocused,
.dataQuestionItemTextPendingErrorFocusedRTL,
.dataQuestionItemTextHint,
.dataQuestionItemTextHintRTL,
.dataQuestionItemTextDisabledHint,
.dataQuestionItemTextDisabledHintRTL {
  font-size: var(--isc-dataQuestionItem_font_size);
}

.selectItemLiteTextHintError,
.selectItemLiteTextHintErrorRTL,
.dataQuestionItemTextHintError,
.dataQuestionItemTextHintErrorRTL {
  color: var(--isc-formItem_hint_error_color);
}

.selectItemLiteTextPending,
.selectItemLiteTextPendingRTL,
.selectItemLiteTextPendingFocused,
.selectItemLiteTextPendingFocusedRTL,
.selectItemLiteTextPendingError,
.selectItemLiteTextPendingErrorRTL,
.selectItemLiteTextPendingErrorFocused,
.selectItemLiteTextPendingErrorFocusedRTL,
.dataQuestionItemTextPending,
.dataQuestionItemTextPendingRTL,
.dataQuestionItemTextPendingFocused,
.dataQuestionItemTextPendingFocusedRTL,
.dataQuestionItemTextPendingError,
.dataQuestionItemTextPendingErrorRTL,
.dataQuestionItemTextPendingErrorFocused,
.dataQuestionItemTextPendingErrorFocusedRTL {
  color: var(--isc-pending_value_color);
}

/* Placeholder styles extracted from @include input-placeholder (pending group) */
.selectItemLiteTextPending::placeholder,
.selectItemLiteTextPendingRTL::placeholder,
.selectItemLiteTextPendingFocused::placeholder,
.selectItemLiteTextPendingFocusedRTL::placeholder,
.selectItemLiteTextPendingError::placeholder,
.selectItemLiteTextPendingErrorRTL::placeholder,
.selectItemLiteTextPendingErrorFocused::placeholder,
.selectItemLiteTextPendingErrorFocusedRTL::placeholder,
.dataQuestionItemTextPending::placeholder,
.dataQuestionItemTextPendingRTL::placeholder,
.dataQuestionItemTextPendingFocused::placeholder,
.dataQuestionItemTextPendingFocusedRTL::placeholder,
.dataQuestionItemTextPendingError::placeholder,
.dataQuestionItemTextPendingErrorRTL::placeholder,
.dataQuestionItemTextPendingErrorFocused::placeholder,
.dataQuestionItemTextPendingErrorFocusedRTL::placeholder {
  color: var(--isc-pending_value_color);
  opacity: var(--isc-formItem_opacity);
  text-overflow: ellipsis;
}

.selectItemLiteTextDisabled,
.selectItemLiteTextDisabledRTL,
.selectItemLiteTextPendingDisabled,
.selectItemLiteTextPendingDisabledRTL,
.selectItemLiteTextDisabledHint,
.selectItemLiteTextDisabledHintRTL,
.selectItemLiteTextErrorDisabled,
.selectItemLiteTextErrorDisabledRTL,
.dataQuestionItemTextDisabled,
.dataQuestionItemTextDisabledRTL,
.dataQuestionItemTextPendingDisabled,
.dataQuestionItemTextPendingDisabledRTL,
.dataQuestionItemTextDisabledHint,
.dataQuestionItemTextDisabledHintRTL,
.dataQuestionItemTextErrorDisabled,
.dataQuestionItemTextErrorDisabledRTL {
  -webkit-text-fill-color: var(--isc-formItem_disabled_color);
  color: var(--isc-formItem_disabled_color);
  background-color: var(--isc-formItem_disabled_bgColor);
}

/* Placeholder styles extracted from @include input-placeholder (disabled group) */
.selectItemLiteTextDisabled::placeholder,
.selectItemLiteTextDisabledRTL::placeholder,
.selectItemLiteTextPendingDisabled::placeholder,
.selectItemLiteTextPendingDisabledRTL::placeholder,
.selectItemLiteTextDisabledHint::placeholder,
.selectItemLiteTextDisabledHintRTL::placeholder,
.selectItemLiteTextErrorDisabled::placeholder,
.selectItemLiteTextErrorDisabledRTL::placeholder,
.dataQuestionItemTextDisabled::placeholder,
.dataQuestionItemTextDisabledRTL::placeholder,
.dataQuestionItemTextPendingDisabled::placeholder,
.dataQuestionItemTextPendingDisabledRTL::placeholder,
.dataQuestionItemTextDisabledHint::placeholder,
.dataQuestionItemTextDisabledHintRTL::placeholder,
.dataQuestionItemTextErrorDisabled::placeholder,
.dataQuestionItemTextErrorDisabledRTL::placeholder {
  -webkit-text-fill-color: var(--isc-default_disabled_text_color);
  color: var(--isc-default_disabled_text_color);
  opacity: var(--isc-formItem_opacity);
  text-overflow: ellipsis;
}

.selectItemLiteTextHint,
.selectItemLiteTextHintRTL,
.dataQuestionItemTextHint,
.dataQuestionItemTextHintRTL {
  color: var(--isc-formItem_hint_color);
}

/* SelectItem text */
.selectItemLiteTextError,
.selectItemLiteTextErrorRTL,
.selectItemLiteTextErrorOver,
.selectItemLiteTextErrorOverRTL,
.selectItemLiteTextErrorOverHint,
.selectItemLiteTextErrorOverHintRTL,
.selectItemLiteTextErrorFocused,
.selectItemLiteTextErrorFocusedRTL,
.selectItemLiteTextErrorFocusedHint,
.selectItemLiteTextErrorFocusedHintRTL,
.selectItemLiteTextErrorFocusedOver,
.selectItemLiteTextErrorFocusedOverRTL,
.selectItemLiteTextErrorFocusedOverHint,
.selectItemLiteTextErrorFocusedOverHintRTL,
.selectItemLiteTextErrorHint,
.selectItemLiteTextErrorHintRTL,
.selectItemLiteTextErrorDisabled,
.selectItemLiteTextErrorDisabledRTL,
.dataQuestionItemTextError,
.dataQuestionItemTextErrorRTL,
.dataQuestionItemTextErrorOver,
.dataQuestionItemTextErrorOverRTL,
.dataQuestionItemTextErrorOverHint,
.dataQuestionItemTextErrorOverHintRTL,
.dataQuestionItemTextErrorFocused,
.dataQuestionItemTextErrorFocusedRTL,
.dataQuestionItemTextErrorFocusedHint,
.dataQuestionItemTextErrorFocusedHintRTL,
.dataQuestionItemTextErrorFocusedOver,
.dataQuestionItemTextErrorFocusedOverRTL,
.dataQuestionItemTextErrorFocusedOverHint,
.dataQuestionItemTextErrorFocusedOverHintRTL,
.dataQuestionItemTextErrorHint,
.dataQuestionItemTextErrorHintRTL,
.dataQuestionItemTextErrorDisabled,
.dataQuestionItemTextErrorDisabledRTL {
  border: none;
  color: var(--isc-formItem_value_error_color);
  font-family: var(--isc-formItem_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-formItem_font_size);
  line-height: var(--isc-formItem_lineHeight);
  outline: none;
  text-decoration: none;
}

/* borders and padding for minimalist text-based items */
.textItemLite,
.textItemLiteRTL,
.textItemLiteFocused,
.textItemLiteFocusedRTL,
.textItemLiteDisabled,
.textItemLiteDisabledRTL,
.textItemLiteError,
.textItemLiteErrorRTL,
.textItemLiteErrorOver,
.textItemLiteErrorOverRTL,
.textItemLiteErrorFocused,
.textItemLiteErrorFocusedRTL,
.textItemLiteErrorFocusedOver,
.textItemLiteErrorFocusedOverRTL,
.textItemLiteErrorDisabled,
.textItemLiteErrorDisabledRTL,
.textItemLitePending,
.textItemLitePendingRTL,
.textItemLitePendingFocused,
.textItemLitePendingFocusedRTL,
.textItemLitePendingDisabled,
.textItemLitePendingDisabledRTL,
.textItemLitePendingError,
.textItemLitePendingErrorOver,
.textItemLitePendingErrorRTL,
.textItemLitePendingErrorOverRTL,
.textItemLitePendingErrorFocused,
.textItemLitePendingErrorFocusedOver,
.textItemLitePendingErrorFocusedRTL,
.textItemLitePendingErrorFocusedOverRTL,
.textItemLiteHint,
.textItemLiteHintRTL,
.textItemLiteDisabledHint,
.textItemLiteDisabledHintRTL,
.nativeSelectItem,
.nativeSelectItemRTL,
.nativeSelectItemPending,
.nativeSelectItemPendingRTL,
.nativeSelectItemPendingFocused,
.nativeSelectItemPendingFocusedRTL,
.textAreaItemLite,
.textAreaItemLiteRTL,
.textAreaItemLiteFocused,
.textAreaItemLiteFocusedRTL,
.textAreaItemLiteDisabled,
.textAreaItemLiteDisabledRTL,
.textAreaItemLiteError,
.textAreaItemLiteErrorRTL,
.textAreaItemLiteErrorOver,
.textAreaItemLiteErrorOverRTL,
.textAreaItemLiteErrorFocused,
.textAreaItemLiteErrorFocusedRTL,
.textAreaItemLiteErrorFocusedOver,
.textAreaItemLiteErrorFocusedOverRTL,
.textAreaItemLiteErrorDisabled,
.textAreaItemLiteErrorDisabledRTL,
.textAreaItemLitePending,
.textAreaItemLitePendingRTL,
.textAreaItemLitePendingFocused,
.textAreaItemLitePendingFocusedRTL,
.textAreaItemLitePendingDisabled,
.textAreaItemLitePendingDisabledRTL,
.textAreaItemLitePendingError,
.textAreaItemLitePendingErrorOver,
.textAreaItemLitePendingErrorRTL,
.textAreaItemLitePendingErrorOverRTL,
.textAreaItemLitePendingErrorFocused,
.textAreaItemLitePendingErrorFocusedRTL,
.textAreaItemLitePendingErrorFocusedOver,
.textAreaItemLitePendingErrorFocusedOverRTL,
.textAreaItemLiteHint,
.textAreaItemLiteHintRTL,
.textAreaItemLiteDisabledHint,
.textAreaItemLiteDisabledHintRTL {
  border: var(--isc-formItem_border);
  box-shadow: var(--isc-formItem_shadow);
  background-color: var(--isc-formItem_bgColor);
  border-radius: var(--isc-formItem_border_radius);
  transition: border-color ease-in-out 0.2s, box-shadow ease-in-out 0.2s;
}

/* selectItemLiteControl */
.selectItemLiteControl,
.selectItemLiteControlOver,
.selectItemLiteControlFocused,
.selectItemLiteControlFocusedOver,
.selectItemLiteControlDisabled,
.selectItemLiteControlError,
.selectItemLiteControlErrorOver,
.selectItemLiteControlErrorFocused,
.selectItemLiteControlErrorFocusedOver,
.selectItemLiteControlErrorDisabled,
.selectItemLiteControlPending,
.selectItemLiteControlPendingOver,
.selectItemLiteControlPendingFocused,
.selectItemLiteControlPendingFocusedOver,
.selectItemLiteControlPendingDisabled,
.selectItemLiteControlPendingError,
.selectItemLiteControlPendingErrorOver,
.selectItemLiteControlPendingErrorFocused,
.selectItemLiteControlPendingErrorFocusedOver,
.selectItemLiteControlHint,
.selectItemLiteControlDisabledHint,
.dataQuestionItemControl,
.dataQuestionItemControlOver,
.dataQuestionItemControlFocused,
.dataQuestionItemControlFocusedOver,
.dataQuestionItemControlDisabled,
.dataQuestionItemControlError,
.dataQuestionItemControlErrorOver,
.dataQuestionItemControlErrorFocused,
.dataQuestionItemControlErrorFocusedOver,
.dataQuestionItemControlErrorDisabled,
.dataQuestionItemControlPending,
.dataQuestionItemControlPendingOver,
.dataQuestionItemControlPendingFocused,
.dataQuestionItemControlPendingFocusedOver,
.dataQuestionItemControlPendingDisabled,
.dataQuestionItemControlPendingError,
.dataQuestionItemControlPendingErrorOver,
.dataQuestionItemControlPendingErrorFocused,
.dataQuestionItemControlPendingErrorFocusedOver,
.dataQuestionItemControlHint,
.dataQuestionItemControlDisabledHint {
  border: var(--isc-formItem_border);
  padding: var(--isc-selectItem_padding);
  box-shadow: var(--isc-formItem_shadow);
  transition: border-color ease-in-out 0.2s, box-shadow ease-in-out 0.2s;
  background-color: var(--isc-formItem_bgColor);
  border-radius: var(--isc-formItem_border_radius);
}

/* selectItemLiteControl RTL - icon padding, basically */
.selectItemLiteControlRTL,
.selectItemLiteControlOverRTL,
.selectItemLiteControlFocusedRTL,
.selectItemLiteControlFocusedOverRTL,
.selectItemLiteControlDisabledRTL,
.selectItemLiteControlErrorRTL,
.selectItemLiteControlErrorOverRTL,
.selectItemLiteControlErrorFocusedRTL,
.selectItemLiteControlErrorFocusedOverRTL,
.selectItemLiteControlErrorDisabledRTL,
.selectItemLiteControlPendingRTL,
.selectItemLiteControlPendingOverRTL,
.selectItemLiteControlPendingFocusedRTL,
.selectItemLiteControlPendingFocusedOverRTL,
.selectItemLiteControlPendingDisabledRTL,
.selectItemLiteControlPendingErrorRTL,
.selectItemLiteControlPendingErrorOverRTL,
.selectItemLiteControlPendingErrorFocusedRTL,
.selectItemLiteControlPendingErrorFocusedOverRTL,
.selectItemLiteControlHintRTL,
.selectItemLiteControlDisabledHintRTL,
.dataQuestionItemControlRTL,
.dataQuestionItemControlOverRTL,
.dataQuestionItemControlFocusedRTL,
.dataQuestionItemControlFocusedOverRTL,
.dataQuestionItemControlDisabledRTL,
.dataQuestionItemControlErrorRTL,
.dataQuestionItemControlErrorOverRTL,
.dataQuestionItemControlErrorFocusedRTL,
.dataQuestionItemControlErrorFocusedOverRTL,
.dataQuestionItemControlErrorDisabledRTL,
.dataQuestionItemControlPendingRTL,
.dataQuestionItemControlPendingOverRTL,
.dataQuestionItemControlPendingFocusedRTL,
.dataQuestionItemControlPendingFocusedOverRTL,
.dataQuestionItemControlPendingDisabledRTL,
.dataQuestionItemControlPendingErrorRTL,
.dataQuestionItemControlPendingErrorOverRTL,
.dataQuestionItemControlPendingErrorFocusedRTL,
.dataQuestionItemControlPendingErrorFocusedOverRTL,
.dataQuestionItemControlHintRTL,
.dataQuestionItemControlDisabledHintRTL {
  border: var(--isc-formItem_border);
  padding: var(--isc-selectItem_padding);
  box-shadow: var(--isc-formItem_shadow);
  transition: border-color ease-in-out 0.2s, box-shadow ease-in-out 0.2s;
  background-color: var(--isc-formItem_bgColor);
  border-radius: var(--isc-formItem_border_radius);
}

.dataQuestionItemControl,
.dataQuestionItemControlOver,
.dataQuestionItemControlFocused,
.dataQuestionItemControlFocusedOver,
.dataQuestionItemControlDisabled,
.dataQuestionItemControlError,
.dataQuestionItemControlErrorOver,
.dataQuestionItemControlErrorFocused,
.dataQuestionItemControlErrorFocusedOver,
.dataQuestionItemControlErrorDisabled,
.dataQuestionItemControlPending,
.dataQuestionItemControlPendingOver,
.dataQuestionItemControlPendingFocused,
.dataQuestionItemControlPendingFocusedOver,
.dataQuestionItemControlPendingDisabled,
.dataQuestionItemControlPendingError,
.dataQuestionItemControlPendingErrorOver,
.dataQuestionItemControlPendingErrorFocused,
.dataQuestionItemControlPendingErrorFocusedOver,
.dataQuestionItemControlHint,
.dataQuestionItemControlDisabledHint,
.dataQuestionItemControlRTL,
.dataQuestionItemControlOverRTL,
.dataQuestionItemControlFocusedRTL,
.dataQuestionItemControlFocusedOverRTL,
.dataQuestionItemControlDisabledRTL,
.dataQuestionItemControlErrorRTL,
.dataQuestionItemControlErrorOverRTL,
.dataQuestionItemControlErrorFocusedRTL,
.dataQuestionItemControlErrorFocusedOverRTL,
.dataQuestionItemControlErrorDisabledRTL,
.dataQuestionItemControlPendingRTL,
.dataQuestionItemControlPendingOverRTL,
.dataQuestionItemControlPendingFocusedRTL,
.dataQuestionItemControlPendingFocusedOverRTL,
.dataQuestionItemControlPendingDisabledRTL,
.dataQuestionItemControlPendingErrorRTL,
.dataQuestionItemControlPendingErrorOverRTL,
.dataQuestionItemControlPendingErrorFocusedRTL,
.dataQuestionItemControlPendingErrorFocusedOverRTL,
.dataQuestionItemControlHintRTL,
.dataQuestionItemControlDisabledHintRTL {
  border-radius: 20px / 30%;
  background-color: var(--isc-dataQuestionItem_bgColor);
  padding: var(--isc-dataQuestionItem_padding);
}

/* focused state */
.textItemLiteErrorFocused,
.textItemLiteErrorFocusedRTL,
.textItemLiteErrorFocusedOver,
.textItemLiteErrorFocusedOverRTL,
.textItemLiteFocused,
.textItemLiteFocusedRTL,
.textItemLiteFocusedOver,
.textItemLiteFocusedOverRTL,
.textItemLitePendingFocused,
.textItemLitePendingFocusedRTL,
.textItemLitePendingFocusedOver,
.textItemLitePendingFocusedOverRTL,
.selectItemLiteControlErrorFocused,
.selectItemLiteControlErrorFocusedRTL,
.selectItemLiteControlErrorFocusedOver,
.selectItemLiteControlErrorFocusedOverRTL,
.selectItemLiteControlFocused,
.selectItemLiteControlFocusedRTL,
.selectItemLiteControlFocusedOver,
.selectItemLiteControlFocusedOverRTL,
.selectItemLiteControlPendingFocused,
.selectItemLiteControlPendingFocusedRTL,
.selectItemLiteControlPendingFocusedOver,
.selectItemLiteControlPendingFocusedOverRTL,
.dataQuestionItemControlErrorFocused,
.dataQuestionItemControlErrorFocusedRTL,
.dataQuestionItemControlErrorFocusedOver,
.dataQuestionItemControlErrorFocusedOverRTL,
.dataQuestionItemControlFocused,
.dataQuestionItemControlFocusedRTL,
.dataQuestionItemControlFocusedOver,
.dataQuestionItemControlFocusedOverRTL,
.dataQuestionItemControlPendingFocused,
.dataQuestionItemControlPendingFocusedRTL,
.dataQuestionItemControlPendingFocusedOver,
.dataQuestionItemControlPendingFocusedOverRTL,
.textAreaItemLiteErrorFocused,
.textAreaItemLiteErrorFocusedRTL,
.textAreaItemLiteErrorFocusedOver,
.textAreaItemLiteErrorFocusedOverRTL,
.textAreaItemLiteFocused,
.textAreaItemLiteFocusedRTL,
.textAreaItemLiteFocusedOver,
.textAreaItemLiteFocusedOverRTL,
.textAreaItemLitePendingFocused,
.textAreaItemLitePendingFocusedRTL,
.textAreaItemLitePendingFocusedOver,
.textAreaItemLitePendingFocusedOverRTL {
  outline: none;
  color: var(--isc-formItem_focused_color);
  border-color: var(--isc-formItem_focused_border_color);
  background-color: var(--isc-formItem_focused_bgColor);
  box-shadow: var(--isc-formItem_focused_shadow);
}

.dataQuestionItemControlErrorFocused,
.dataQuestionItemControlErrorFocusedRTL,
.dataQuestionItemControlErrorFocusedOver,
.dataQuestionItemControlErrorFocusedOverRTL,
.dataQuestionItemControlFocused,
.dataQuestionItemControlFocusedRTL,
.dataQuestionItemControlFocusedOver,
.dataQuestionItemControlFocusedOverRTL,
.dataQuestionItemControlPendingFocused,
.dataQuestionItemControlPendingFocusedRTL,
.dataQuestionItemControlPendingFocusedOver,
.dataQuestionItemControlPendingFocusedOverRTL {
  background-color: var(--isc-dataQuestionItem_focused_bgColor);
}

/* over state */
.textItemLiteOver,
.textItemLiteOverRTL,
.textItemLiteErrorOver,
.textItemLiteErrorOverRTL,
.textItemLiteErrorFocusedOver,
.textItemLiteErrorFocusedOverRTL,
.textItemLitePendingOver,
.textItemLitePendingOverRTL,
.textItemLitePendingFocusedOver,
.textItemLitePendingFocusedOverRTL,
.textAreaItemLiteOver,
.textAreaItemLiteOverRTL,
.textAreaItemLiteErrorOver,
.textAreaItemLiteErrorOverRTL,
.textAreaItemLitePendingOver,
.textAreaItemLitePendingOverRTL,
.textAreaItemLitePendingFocusedOver,
.textAreaItemLitePendingFocusedOverRTL,
.selectItemLiteControlOver,
.selectItemLiteControlOverRTL,
.selectItemLiteControlErrorOver,
.selectItemLiteControlErrorOverRTL,
.selectItemLiteControlErrorFocusedOver,
.selectItemLiteControlErrorFocusedOverRTL,
.selectItemLiteControlPendingOver,
.selectItemLiteControlPendingOverRTL,
.selectItemLiteControlPendingFocusedOver,
.selectItemLiteControlPendingFocusedOverRTL,
.dataQuestionItemControlOver,
.dataQuestionItemControlOverRTL,
.dataQuestionItemControlErrorOver,
.dataQuestionItemControlErrorOverRTL,
.dataQuestionItemControlErrorFocusedOver,
.dataQuestionItemControlErrorFocusedOverRTL,
.dataQuestionItemControlPendingOver,
.dataQuestionItemControlPendingOverRTL,
.dataQuestionItemControlPendingFocusedOver,
.dataQuestionItemControlPendingFocusedOverRTL,
.nativeSelectItemOver,
.nativeSelectItemOverRTL,
.nativeSelectItemErrorOver,
.nativeSelectItemErrorOverRTL,
.nativeSelectItemPendingOver,
.nativeSelectItemPendingOverRTL,
.nativeSelectItemPendingFocusedOver,
.nativeSelectItemPendingFocusedOverRTL {
  box-shadow: var(--isc-formItem_over_shadow);
  border: var(--isc-formItem_over_border);
  background-color: var(--isc-formItem_over_bgColor);
  color: var(--isc-formItem_over_color);
}

.dataQuestionItemControlOver,
.dataQuestionItemControlOverRTL,
.dataQuestionItemControlErrorOver,
.dataQuestionItemControlErrorOverRTL,
.dataQuestionItemControlErrorFocusedOver,
.dataQuestionItemControlErrorFocusedOverRTL,
.dataQuestionItemControlPendingOver,
.dataQuestionItemControlPendingOverRTL,
.dataQuestionItemControlPendingFocusedOver,
.dataQuestionItemControlPendingFocusedOverRTL {
  background-color: var(--isc-dataQuestionItem_over_bgColor);
}

.selectItemLiteControlFocused,
.selectItemLiteControlFocusedRTL,
.dataQuestionItemControlFocused,
.dataQuestionItemControlFocusedRTL {
  outline: var(--isc-select_item_lite_control_focused_outline);
  border-color: var(--isc-formItem_focused_border_color);
}

/* focused over */
.textItemLiteErrorFocusedOver,
.textItemLiteErrorFocusedOverRTL,
.textItemLiteFocusedOver,
.textItemLiteFocusedOverRTL,
.textItemLitePendingFocusedOver,
.textItemLitePendingFocusedOverRTL,
.textAreaItemLiteFocusedOver,
.textAreaItemLiteFocusedOverRTL,
.textAreaItemLiteErrorFocusedOver,
.textAreaItemLiteErrorFocusedOverRTL,
.textAreaItemLitePendingFocusedOver,
.textAreaItemLitePendingFocusedOverRTL,
.selectItemLiteControlFocusedOver,
.selectItemLiteControlFocusedOverRTL,
.selectItemLiteControlPendingFocusedOver,
.selectItemLiteControlPendingFocusedOverRTL,
.dataQuestionItemControlFocusedOver,
.dataQuestionItemControlFocusedOverRTL,
.dataQuestionItemControlPendingFocusedOver,
.dataQuestionItemControlPendingFocusedOverRTL,
.nativeSelectItemErrorFocusedOver,
.nativeSelectItemErrorFocusedOverRTL {
  outline: var(--isc-select_item_lite_control_focused_outline);
  box-shadow: var(--isc-formItem_focused_over_shadow);
  border: var(--isc-formItem_focused_over_border);
}

/* pending coloring */
.textItemLitePending,
.textItemLitePendingRTL,
.textItemLitePendingOver,
.textItemLitePendingOverRTL,
.textItemLitePendingFocused,
.textItemLitePendingFocusedRTL,
.textItemLitePendingFocusedOver,
.textItemLitePendingFocusedOverRTL,
.textItemLitePendingError,
.textItemLitePendingErrorOver,
.textItemLitePendingErrorRTL,
.textItemLitePendingErrorOverRTL,
.textItemLitePendingErrorFocused,
.textItemLitePendingErrorFocusedOver,
.textItemLitePendingErrorFocusedRTL,
.textItemLitePendingErrorFocusedOverRTL,
.textAreaItemLitePending,
.textAreaItemLitePendingRTL,
.textAreaItemLitePendingOver,
.textAreaItemLitePendingOverRTL,
.textAreaItemLitePendingFocused,
.textAreaItemLitePendingFocusedRTL,
.textAreaItemLitePendingFocusedOver,
.textAreaItemLitePendingFocusedOverRTL,
.textAreaItemLitePendingError,
.textAreaItemLitePendingErrorOver,
.textAreaItemLitePendingErrorRTL,
.textAreaItemLitePendingErrorOverRTL,
.textAreaItemLitePendingErrorFocused,
.textAreaItemLitePendingErrorFocusedRTL,
.textAreaItemLitePendingErrorFocusedOver,
.textAreaItemLitePendingErrorFocusedOverRTL {
  color: var(--isc-pending_value_color);
}

/* Placeholder styles extracted from @include input-placeholder */
.textItemLitePending::placeholder,
.textItemLitePendingRTL::placeholder,
.textItemLitePendingOver::placeholder,
.textItemLitePendingOverRTL::placeholder,
.textItemLitePendingFocused::placeholder,
.textItemLitePendingFocusedRTL::placeholder,
.textItemLitePendingFocusedOver::placeholder,
.textItemLitePendingFocusedOverRTL::placeholder,
.textItemLitePendingError::placeholder,
.textItemLitePendingErrorOver::placeholder,
.textItemLitePendingErrorRTL::placeholder,
.textItemLitePendingErrorOverRTL::placeholder,
.textItemLitePendingErrorFocused::placeholder,
.textItemLitePendingErrorFocusedOver::placeholder,
.textItemLitePendingErrorFocusedRTL::placeholder,
.textItemLitePendingErrorFocusedOverRTL::placeholder,
.textAreaItemLitePending::placeholder,
.textAreaItemLitePendingRTL::placeholder,
.textAreaItemLitePendingOver::placeholder,
.textAreaItemLitePendingOverRTL::placeholder,
.textAreaItemLitePendingFocused::placeholder,
.textAreaItemLitePendingFocusedRTL::placeholder,
.textAreaItemLitePendingFocusedOver::placeholder,
.textAreaItemLitePendingFocusedOverRTL::placeholder,
.textAreaItemLitePendingError::placeholder,
.textAreaItemLitePendingErrorOver::placeholder,
.textAreaItemLitePendingErrorRTL::placeholder,
.textAreaItemLitePendingErrorOverRTL::placeholder,
.textAreaItemLitePendingErrorFocused::placeholder,
.textAreaItemLitePendingErrorFocusedRTL::placeholder,
.textAreaItemLitePendingErrorFocusedOver::placeholder,
.textAreaItemLitePendingErrorFocusedOverRTL::placeholder {
  color: var(--isc-pending_value_color);
  opacity: var(--isc-formItem_opacity);
  text-overflow: ellipsis;
}

/* pending-value text in multi-selects */
.selectItemLiteMultiValuePending {
  color: var(--isc-pending_value_color);
}

.selectItemLiteMultiValuePendingDisabled {
  -webkit-text-fill-color: var(--isc-formItem_disabled_color);
  color: var(--isc-formItem_disabled_color);
}

/* disabled styling */
.textItemLiteDisabled,
.textItemLiteDisabledRTL,
.textItemLitePendingDisabled,
.textItemLitePendingDisabledRTL,
.textItemLiteDisabledHint,
.textItemLiteDisabledHintRTL,
.textItemLiteErrorDisabled,
.textItemLiteErrorDisabledRTL,
.selectItemLiteControlDisabled,
.selectItemLiteControlDisabledRTL,
.selectItemLiteControlPendingDisabled,
.selectItemLiteControlPendingDisabledRTL,
.selectItemLiteControlDisabledHint,
.selectItemLiteControlDisabledHintRTL,
.selectItemLiteControlErrorDisabled,
.selectItemLiteControlErrorDisabledRTL,
.selectItemLiteControlErrorDisabledHint,
.selectItemLiteControlErrorDisabledHintRTL,
.dataQuestionItemControlDisabled,
.dataQuestionItemControlDisabledRTL,
.dataQuestionItemControlPendingDisabled,
.dataQuestionItemControlPendingDisabledRTL,
.dataQuestionItemControlDisabledHint,
.dataQuestionItemControlDisabledHintRTL,
.dataQuestionItemControlErrorDisabled,
.dataQuestionItemControlErrorDisabledRTL,
.dataQuestionItemControlErrorDisabledHint,
.dataQuestionItemControlErrorDisabledHintRTL,
.textAreaItemLiteDisabled,
.textAreaItemLiteDisabledRTL,
.textAreaItemLitePendingDisabled,
.textAreaItemLitePendingDisabledRTL,
.textAreaItemLiteDisabledHint,
.textAreaItemLiteDisabledHintRTL,
.textAreaItemLiteErrorDisabled,
.textAreaItemLiteErrorDisabledRTL,
.textAreaItemLiteErrorDisabledHint,
.textAreaItemLiteErrorDisabledHintRTL {
  background-color: var(--isc-formItem_disabled_bgColor);
  border: var(--isc-formItem_disabled_border);
  -webkit-text-fill-color: var(--isc-formItem_disabled_color);
  color: var(--isc-formItem_disabled_color);
}

.textItemLiteDisabled,
.textItemLiteDisabledRTL,
.textItemLitePendingDisabled,
.textItemLitePendingDisabledRTL,
.textItemLiteDisabledHint,
.textItemLiteDisabledHintRTL,
.textItemLiteErrorDisabled,
.textItemLiteErrorDisabledRTL,
.textAreaItemLiteDisabled,
.textAreaItemLiteDisabledRTL,
.textAreaItemLitePendingDisabled,
.textAreaItemLitePendingDisabledRTL,
.textAreaItemLiteDisabledHint,
.textAreaItemLiteDisabledHintRTL,
.textAreaItemLiteErrorDisabled,
.textAreaItemLiteErrorDisabledRTL {
  -webkit-text-fill-color: var(--isc-formItem_disabled_color);
  color: var(--isc-formItem_disabled_color);
  background-color: var(--isc-formItem_disabled_bgColor);
}

/* Placeholder styles extracted from @include input-placeholder */
.textItemLiteDisabled::placeholder,
.textItemLiteDisabledRTL::placeholder,
.textItemLitePendingDisabled::placeholder,
.textItemLitePendingDisabledRTL::placeholder,
.textItemLiteDisabledHint::placeholder,
.textItemLiteDisabledHintRTL::placeholder,
.textItemLiteErrorDisabled::placeholder,
.textItemLiteErrorDisabledRTL::placeholder,
.textAreaItemLiteDisabled::placeholder,
.textAreaItemLiteDisabledRTL::placeholder,
.textAreaItemLitePendingDisabled::placeholder,
.textAreaItemLitePendingDisabledRTL::placeholder,
.textAreaItemLiteDisabledHint::placeholder,
.textAreaItemLiteDisabledHintRTL::placeholder,
.textAreaItemLiteErrorDisabled::placeholder,
.textAreaItemLiteErrorDisabledRTL::placeholder {
  -webkit-text-fill-color: var(--isc-default_disabled_text_color);
  color: var(--isc-default_disabled_text_color);
  opacity: var(--isc-formItem_opacity);
  text-overflow: ellipsis;
}

/*  hint text color */
.textItemLiteHint,
.textItemLiteHintRTL,
.textAreaItemLiteHint,
.textAreaItemLiteHintRTL {
  color: var(--isc-formItem_hint_color);
}

/* error state - normal only */
.textItemLiteError,
.textItemLiteErrorRTL,
.textItemLiteErrorOver,
.textItemLiteErrorOverRTL,
.textItemLiteErrorFocused,
.textItemLiteErrorFocusedRTL,
.textItemLiteErrorFocusedOver,
.textItemLiteErrorFocusedOverRTL,
.nativeSelectItemLiteError,
.nativeSelectItemLiteErrorRTL,
.nativeSelectItemLiteErrorOver,
.nativeSelectItemLiteErrorOverRTL,
.nativeSelectItemLiteErrorFocused,
.nativeSelectItemLiteErrorFocusedRTL,
.nativeSelectItemLiteErrorFocusedOver,
.nativeSelectItemLiteErrorFocusedOverRTL,
.textAreaItemLiteError,
.textAreaItemLiteErrorRTL,
.textAreaItemLiteErrorOver,
.textAreaItemLiteErrorOverRTL,
.textAreaItemLiteErrorFocused,
.textAreaItemLiteErrorFocusedRTL,
.textAreaItemLiteErrorFocusedOver,
.textAreaItemLiteErrorFocusedOverRTL {
  color: var(--isc-formItem_value_error_color);
  background-color: var(--isc-formItem_error_bgColor);
}

/* Placeholder styles extracted from @include input-placeholder */
.textItemLiteError::placeholder,
.textItemLiteErrorRTL::placeholder,
.textItemLiteErrorOver::placeholder,
.textItemLiteErrorOverRTL::placeholder,
.textItemLiteErrorFocused::placeholder,
.textItemLiteErrorFocusedRTL::placeholder,
.textItemLiteErrorFocusedOver::placeholder,
.textItemLiteErrorFocusedOverRTL::placeholder,
.nativeSelectItemLiteError::placeholder,
.nativeSelectItemLiteErrorRTL::placeholder,
.nativeSelectItemLiteErrorOver::placeholder,
.nativeSelectItemLiteErrorOverRTL::placeholder,
.nativeSelectItemLiteErrorFocused::placeholder,
.nativeSelectItemLiteErrorFocusedRTL::placeholder,
.nativeSelectItemLiteErrorFocusedOver::placeholder,
.nativeSelectItemLiteErrorFocusedOverRTL::placeholder,
.textAreaItemLiteError::placeholder,
.textAreaItemLiteErrorRTL::placeholder,
.textAreaItemLiteErrorOver::placeholder,
.textAreaItemLiteErrorOverRTL::placeholder,
.textAreaItemLiteErrorFocused::placeholder,
.textAreaItemLiteErrorFocusedRTL::placeholder,
.textAreaItemLiteErrorFocusedOver::placeholder,
.textAreaItemLiteErrorFocusedOverRTL::placeholder {
  color: var(--isc-formItem_value_error_color);
  opacity: var(--isc-formItem_opacity);
  text-overflow: ellipsis;
}

/* error */
.textItemLiteError,
.textItemLiteErrorRTL,
.nativeSelectItemLiteError,
.nativeSelectItemLiteErrorRTL,
.textAreaItemLiteError,
.textAreaItemLiteErrorRTL,
.selectItemLiteControlError,
.selectItemLiteControlErrorRTL,
.dataQuestionItemControlError,
.dataQuestionItemControlErrorRTL {
  border: var(--isc-formItem_error_border);
  background-color: var(--isc-formItem_error_bgColor);
}

/* error Over */
.textItemLiteErrorOver,
.textItemLiteErrorOverRTL,
.nativeSelectItemLiteErrorOver,
.nativeSelectItemLiteErrorOverRTL,
.textAreaItemLiteErrorOver,
.textAreaItemLiteErrorOverRTL,
.selectItemLiteControlErrorOver,
.selectItemLiteControlErrorOverRTL,
.dataQuestionItemControlErrorOver,
.dataQuestionItemControlErrorOverRTL {
  border: var(--isc-formItem_error_over_border);
  box-shadow: var(--isc-formItem_error_over_shadow);
  background-color: var(--isc-formItem_error_bgColor);
}

/* error Focused */
.textItemLiteErrorFocused,
.textItemLiteErrorFocusedRTL,
.nativeSelectItemLiteErrorFocused,
.nativeSelectItemLiteErrorFocusedRTL,
.textAreaItemLiteErrorFocused,
.textAreaItemLiteErrorFocusedRTL,
.selectItemLiteControlErrorFocused,
.selectItemLiteControlErrorFocusedRTL,
.dataQuestionItemControlErrorFocused,
.dataQuestionItemControlErrorFocusedRTL {
  border: var(--isc-formItem_error_focused_border);
  box-shadow: var(--isc-formItem_error_focused_shadow);
  background-color: var(--isc-formItem_error_bgColor);
}

/* error FocusedOver */
.textItemLiteErrorFocusedOver,
.textItemLiteErrorFocusedOverRTL,
.nativeSelectItemLiteErrorFocusedOver,
.nativeSelectItemLiteErrorFocusedOverRTL,
.textAreaItemLiteErrorFocusedOver,
.textAreaItemLiteErrorFocusedOverRTL,
.selectItemLiteControlErrorFocusedOver,
.selectItemLiteControlErrorFocusedOverRTL,
.dataQuestionItemControlErrorFocusedOver,
.dataQuestionItemControlErrorFocusedOverRTL {
  border: var(--isc-formItem_error_focused_over_border);
  box-shadow: var(--isc-formItem_error_focused_over_shadow);
  background-color: var(--isc-formItem_error_bgColor);
}

/* sprited minimalist Select / ComboBoxItem picker */
/* end of minimalist text-based item styling */
/* overlay that shows a little corner-triangle in widgets with unsaved changes */
.pendingMarker {
  position: relative;
}

.pendingMarker::before {
  position: absolute;
  content: "";
  top: 1px;
  left: 1px;
  width: 0px;
  height: 0px;
  border-top: 4px solid var(--isc-pending_value_dark_color);
  border-left: 4px solid var(--isc-pending_value_dark_color);
  border-bottom: 4px solid transparent;
  border-right: 4px solid transparent;
}

/* Progressbar */
.progressbar,
.progressbarOver,
.progressbarDown,
.progressbarSelected {
  background-color: var(--isc-progressbar_bgColor);
  border: var(--isc-progressbar_border);
  border-radius: var(--isc-progressbar_border_radius);
  outline: none;
}

.progressbarDisabled,
.progressbarSelectedDisabled {
  background-color: var(--isc-progressbar_disabled_bgColor);
  color: var(--isc-progressbarTitle_disabled_color);
  border: var(--isc-progressbar_disabled_border);
  border-radius: var(--isc-progressbar_border_radius);
  outline: none;
}

/* the percentage-done */
.progressbarProgress,
.progressbarProgressOver,
.progressbarProgressDown,
.progressbarProgressSelected {
  background-color: var(--isc-progressbarProgress_bgColor);
  border: var(--isc-progressbarProgress_border);
  border-radius: var(--isc-progressbarProgress_border_radius);
  outline: none;
}

.progressbarProgressDisabled,
.progressbarProgressSelectedDisabled {
  background-color: var(--isc-progressbarProgress_disabled_bgColor);
  color: var(--isc-progressbarTitle_disabled_color);
  border: var(--isc-progressbarProgress_disabled_border);
  border-radius: var(--isc-progressbarProgress_border_radius);
  outline: none;
}

.progressbarTitle,
.progressbarTitleDisabled {
  font-family: var(--isc-progressbarTitle_font), Arial, Helvetica, sans-serif;
  border-radius: var(--isc-progressbar_border_radius);
  font-size: var(--isc-progressbarTitle_font_size);
  color: var(--isc-progressbarTitle_color);
  padding: var(--isc-progressbarTitle_padding);
}

.progressbarTitleDisabled {
  color: var(--isc-progressbarTitle_disabled_color);
}

/* Spinner */
.spinnerItemIncrease,
.spinnerItemIncreaseOver,
.spinnerItemIncreaseFocused,
.spinnerItemIncreaseFocusedOver,
.spinnerItemIncreaseDisabled {
  background-image: var(--isc-spinner_icon_sprite);
}

.spinnerItemIncreaseRTL,
.spinnerItemIncreaseOverRTL,
.spinnerItemIncreaseFocusedRTL,
.spinnerItemIncreaseFocusedOverRTL,
.spinnerItemIncreaseDisabledRTL {
  background-image: var(--isc-spinner_icon_sprite_rtl);
}

.spinnerItemIncreaseDisabled,
.spinnerItemIncreaseDisabledRTL {
  background-position: var(--isc-spinner_increase_icon_offset_disabled);
}

.spinnerItemIncrease,
.spinnerItemIncreaseRTL {
  background-position: var(--isc-spinner_increase_icon_offset);
}

.spinnerItemIncreaseOver,
.spinnerItemIncreaseOverRTL,
.spinnerItemIncreaseFocused,
.spinnerItemIncreaseFocusedRTL,
.spinnerItemIncreaseFocusedOver,
.spinnerItemIncreaseFocusedOverRTL {
  background-position: var(--isc-spinner_increase_icon_offset_over);
}

.spinnerItemDecrease,
.spinnerItemDecreaseOver,
.spinnerItemDecreaseFocused,
.spinnerItemDecreaseFocusedOver,
.spinnerItemDecreaseDisabled {
  background-image: var(--isc-spinner_icon_sprite);
}

.spinnerItemDecreaseRTL,
.spinnerItemDecreaseOverRTL,
.spinnerItemDecreaseFocusedRTL,
.spinnerItemDecreaseFocusedOverRTL,
.spinnerItemDecreaseDisabledRTL {
  background-image: var(--isc-spinner_icon_sprite_rtl);
}

.spinnerItemDecreaseDisabled,
.spinnerItemDecreaseDisabledRTL {
  background-position: var(--isc-spinner_decrease_icon_offset_disabled);
}

.spinnerItemDecrease,
.spinnerItemDecreaseRTL {
  background-position: var(--isc-spinner_decrease_icon_offset);
}

.spinnerItemDecreaseOver,
.spinnerItemDecreaseOverRTL,
.spinnerItemDecreaseFocused,
.spinnerItemDecreaseFocusedRTL,
.spinnerItemDecreaseFocusedOver,
.spinnerItemDecreaseFocusedOverRTL {
  background-position: var(--isc-spinner_decrease_icon_offset_over);
}

/* unstacked spinners */
.unstackedSpinnerIcon,
.unstackedSpinnerIconOver,
.unstackedSpinnerIconDown,
.unstackedSpinnerIconFocused,
.unstackedSpinnerIconFocusedOver,
.unstackedSpinnerIconDisabled {
  border: var(--isc-formItem_border);
  background-color: var(--isc-formItem_bgColor);
  border-left: none;
  color: var(--isc-icon_color);
}

.unstackedSpinnerIconOver,
.unstackedSpinnerIconDown,
.unstackedSpinnerIconFocused,
.unstackedSpinnerIconFocusedOver {
  border: var(--isc-formItem_over_border);
  border-left: none;
  color: var(--isc-icon_over_color);
  background-color: var(--isc-formItem_over_bgColor);
}

.unstackedSpinnerIconDisabled {
  border: var(--isc-formItem_disabled_border);
  border-left: none;
  color: var(--isc-icon_disabled_color);
  background-color: var(--isc-formItem_disabled_bgColor);
}

/* Error state styles */
.unstackedSpinnerIconError,
.unstackedSpinnerIconErrorOver,
.unstackedSpinnerIconErrorDown,
.unstackedSpinnerIconErrorFocused,
.unstackedSpinnerIconErrorFocusedOver,
.unstackedSpinnerIconErrorDisabled {
  border: var(--isc-formItem_error_border);
  border-left: none;
  color: var(--isc-icon_error_color);
  background-color: var(--isc-formItem_error_bgColor);
}

.unstackedSpinnerIconErrorOver,
.unstackedSpinnerIconErrorDown,
.unstackedSpinnerIconErrorFocused,
.unstackedSpinnerIconErrorFocusedOver {
  border: var(--isc-formItem_error_over_border);
  border-left: none;
  color: var(--isc-icon_error_over_color);
  background-color: var(--isc-formItem_error_bgColor);
}

.unstackedSpinnerIconErrorDisabled {
  border: var(--isc-formItem_disabled_border);
  border-left: none;
  color: var(--isc-icon_error_disabled_color);
  background-color: var(--isc-formItem_disabled_bgColor);
}

/* separate styles for each unstacked icon */
.unstackedSpinnerItemIncrease,
.unstackedSpinnerItemIncreaseOver {
  background: var(--isc-spinner_unstacked_icon_bgColor) url("images/DynamicForm/unstacked_spinner_plus.png") no-repeat center;
  border: var(--isc-formItem_border);
  border-left: none;
}

.unstackedSpinnerItemIncreaseFocused,
.unstackedSpinnerItemIncreaseFocusedOver {
  background: var(--isc-spinner_unstacked_icon_bgColor) url("images/DynamicForm/unstacked_spinner_plus_Focused.png") no-repeat center;
  border: var(--isc-formItem_border);
  border-left: none;
}

.unstackedSpinnerItemIncreaseFocusedRTL,
.unstackedSpinnerItemIncreaseFocusedOverRTL {
  background: var(--isc-spinner_unstacked_icon_bgColor) url("images/DynamicForm/unstacked_spinner_plus_Focused_rtl.png") no-repeat center;
  border: var(--isc-formItem_border);
  border-right: none;
}

.unstackedSpinnerItemIncreaseDisabled {
  background: var(--isc-formItem_disabled_bgColor) url("images/DynamicForm/unstacked_spinner_plus_Disabled.png") no-repeat center;
  border: var(--isc-formItem_disabled_border);
  border-left: none;
}

.unstackedSpinnerItemIncreaseDisabledRTL {
  background: var(--isc-formItem_disabled_bgColor) url("images/DynamicForm/unstacked_spinner_plus_Disabled_rtl.png") no-repeat center;
  border: var(--isc-formItem_disabled_border);
  border-right: none;
}

.unstackedSpinnerItemIncreaseRTL,
.unstackedSpinnerItemIncreaseOverRTL {
  background: var(--isc-spinner_unstacked_icon_bgColor) url("images/DynamicForm/unstacked_spinner_plus_rtl.png") no-repeat center;
  border: var(--isc-formItem_border);
  border-right: none;
}

.unstackedSpinnerItemDecreaseDisabled {
  background: var(--isc-formItem_disabled_bgColor) url("images/DynamicForm/unstacked_spinner_minus_Disabled.png") no-repeat center;
  border: var(--isc-formItem_disabled_border);
  border-left: none;
}

.unstackedSpinnerItemDecreaseDisabledRTL {
  background: var(--isc-formItem_disabled_bgColor) url("images/DynamicForm/unstacked_spinner_minus_Disabled_rtl.png") no-repeat center;
  border: var(--isc-formItem_disabled_border);
  border-right: none;
}

.unstackedSpinnerItemDecreaseRTL,
.unstackedSpinnerItemDecreaseOverRTL {
  background: var(--isc-spinner_unstacked_icon_bgColor) url("images/DynamicForm/unstacked_spinner_minus_rtl.png") no-repeat center;
  border: var(--isc-formItem_border);
  border-right: none;
}

.unstackedSpinnerItemDecrease,
.unstackedSpinnerItemDecreaseOver {
  background: var(--isc-spinner_unstacked_icon_bgColor) url("images/DynamicForm/unstacked_spinner_minus.png") no-repeat center;
  border: var(--isc-formItem_border);
  border-left: none;
}

.unstackedSpinnerItemDecreaseFocused,
.unstackedSpinnerItemDecreaseFocusedOver {
  background: var(--isc-spinner_unstacked_icon_bgColor) url("images/DynamicForm/unstacked_spinner_minus_Focused.png") no-repeat center;
  border: var(--isc-formItem_border);
  border-left: none;
}

.unstackedSpinnerItemDecreaseFocusedRTL,
.unstackedSpinnerItemDecreaseFocusedOverRTL {
  background: var(--isc-spinner_unstacked_icon_bgColor) url("images/DynamicForm/unstacked_spinner_minus_Focused_rtl.png") no-repeat center;
  border: var(--isc-formItem_border);
  border-right: none;
}

.spinnerItemIcon,
.spinnerItemIconOver,
.spinnerItemIconFocused,
.spinnerItemIconFocusedOver,
.spinnerItemIconDisabled {
  outline: none;
}

.pickListMenuAnimated,
.scrollingMenuAnimated {
  transition: transform 350ms;
}

.pickListMenu {
  border: var(--isc-pickList_menu_border);
  padding: var(--isc-pickList_menu_padding);
  background-color: var(--isc-pickList_menu_bgColor);
  box-shadow: var(--isc-pickList_menu_shadow);
  border-radius: var(--isc-pickList_menu_border_radius);
}

.pickListMenuBody {
  background-color: var(--isc-pickList_menu_bgColor);
  border-right: var(--isc-pickList_menu_body_border);
  border-radius: var(--isc-pickList_menu_body_radius);
}

.pickListCellSelected,
.pickListCellSelectedRTL,
.pickListCellSelectedDark,
.pickListCellSelectedDarkRTL,
.pickListCellPendingSelected,
.pickListCellPendingSelectedRTL,
.pickListCellPendingSelectedDark,
.pickListCellPendingSelectedDarkRTL,
.pickListCellDeselectedSelected,
.pickListCellDeselectedSelectedRTL,
.pickListCellDeselectedSelectedDark,
.pickListCellDeselectedSelectedDarkRTL {
  background-color: var(--isc-pickList_cell_selected_bgColor);
}

.pickListCellOver,
.pickListCellOverRTL,
.pickListCellOverDark,
.pickListCellOverDarkRTL,
.pickListCellPendingOver,
.pickListCellPendingOverRTL,
.pickListCellPendingOverDark,
.pickListCellPendingOverDarkRTL,
.pickListCellDeselectedOver,
.pickListCellDeselectedOverRTL,
.pickListCellDeselectedOverDark,
.pickListCellDeselectedOverDarkRTL {
  background-color: var(--isc-pickList_cell_over_bgColor);
  border: var(--isc-pickList_cell_border);
}

.pickListCellSelectedOver,
.pickListCellSelectedOverRTL,
.pickListCellSelectedOverDark,
.pickListCellSelectedOverDarkRTL,
.pickListCellPendingSelectedOver,
.pickListCellPendingSelectedOverRTL,
.pickListCellPendingSelectedOverDark,
.pickListCellPendingSelectedOverDarkRTL,
.pickListCellDeselectedSelectedOver,
.pickListCellDeselectedSelectedOverRTL,
.pickListCellDeselectedSelectedOverDark,
.pickListCellDeselectedSelectedOverDarkRTL {
  background-color: var(--isc-pickList_selected_over_bgColor);
  border: var(--isc-pickList_cell_border);
}

.pickListCellDisabled,
.pickListCellDisabledRTL,
.pickListCellDisabledDark,
.pickListCellDisabledDarkRTL,
.pickListCellPendingDisabled,
.pickListCellPendingDisabledRTL,
.pickListCellPendingDisabledDark,
.pickListCellPendingDisabledDarkRTL,
.pickListCellDeselectedDisabled,
.pickListCellDeselectedDisabledRTL,
.pickListCellDeselectedDisabledDark,
.pickListCellDeselectedDisabledDarkRTL {
  background-color: var(--isc-listGrid_cell_disabled_bgColor);
  color: var(--isc-pickList_cell_disabled_color);
}

.pickListCellDeselected,
.pickListCellDeselectedRTL,
.pickListCellDeselectedOver,
.pickListCellDeselectedOverRTL,
.pickListCellDeselectedSelected,
.pickListCellDeselectedSelectedRTL,
.pickListCellDeselectedSelectedOver,
.pickListCellDeselectedSelectedOverRTL,
.pickListCellDeselectedDisabled,
.pickListCellDeselectedDisabledRTL,
.pickListCellDeselectedDark,
.pickListCellDeselectedDarkRTL,
.pickListCellDeselectedOverDark,
.pickListCellDeselectedOverDarkRTL,
.pickListCellDeselectedSelectedDark,
.pickListCellDeselectedSelectedDarkRTL,
.pickListCellDeselectedSelectedOverDark,
.pickListCellDeselectedSelectedOverDarkRTL,
.pickListCellDeselectedDisabledDark,
.pickListCellDeselectedDisabledDarkRTL {
  color: var(--isc-pickList_cell_deselected_color);
  text-decoration: line-through;
}

/* checkbox and radioButton */
/* labelAnchor - title text for checkBox and radio */
.labelAnchor,
.labelAnchorRTL,
.labelAnchorOver,
.labelAnchorOverRTL,
.labelAnchorFocused,
.labelAnchorFocusedRTL,
.labelAnchorFocusedOver,
.labelAnchorFocusedOverRTL,
.labelAnchorDisabled,
.labelAnchorDisabledRTL,
.labelAnchorError,
.labelAnchorErrorRTL,
.labelAnchorErrorOver,
.labelAnchorErrorOverRTL,
.labelAnchorErrorFocused,
.labelAnchorErrorFocusedRTL,
.labelAnchorErrorFocusedOver,
.labelAnchorErrorFocusedOverRTL,
.labelAnchorPending,
.labelAnchorPendingRTL,
.labelAnchorPendingOver,
.labelAnchorPendingOverRTL,
.labelAnchorPendingFocused,
.labelAnchorPendingFocusedRTL,
.labelAnchorPendingFocusedOver,
.labelAnchorPendingFocusedOverRTL,
.labelAnchorPendingDisabled,
.labelAnchorPendingDisabledRTL,
.labelAnchorPendingError,
.labelAnchorPendingErrorRTL,
.labelAnchorPendingErrorOver,
.labelAnchorPendingErrorOverRTL,
.labelAnchorPendingErrorFocused,
.labelAnchorPendingErrorFocusedRTL,
.labelAnchorPendingErrorFocusedOver,
.labelAnchorPendingErrorFocusedOverRTL {
  background-color: transparent;
  color: var(--isc-formItem_color);
  font-family: var(--isc-formItem_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-formItem_font_size);
  vertical-align: middle;
  text-decoration: none;
  outline: none;
  padding: 0px 1px 0px 2px;
}

.pickListCellPending,
.pickListCellPendingRTL,
.pickListCellPendingOver,
.pickListCellPendingOverRTL,
.pickListCellPendingSelected,
.pickListCellPendingSelectedRTL,
.pickListCellPendingSelectedOver,
.pickListCellPendingSelectedOverRTL,
.pickListCellPendingDisabled,
.pickListCellPendingDisabledRTL,
.pickListCellPendingDark,
.pickListCellPendingDarkRTL,
.pickListCellPendingOverDark,
.pickListCellPendingOverDarkRTL,
.pickListCellPendingSelectedDark,
.pickListCellPendingSelectedDarkRTL,
.pickListCellPendingSelectedOverDark,
.pickListCellPendingSelectedOverDarkRTL,
.pickListCellPendingDisabledDark,
.pickListCellPendingDisabledDarkRTL {
  color: var(--isc-pending_value_color);
}

.labelAnchorPending,
.labelAnchorPendingOver,
.labelAnchorPendingRTL,
.labelAnchorPendingOverRTL,
.labelAnchorPendingFocused,
.labelAnchorPendingFocusedOver,
.labelAnchorPendingFocusedRTL,
.labelAnchorPendingFocusedOverRTL,
.labelAnchorPendingError,
.labelAnchorPendingErrorOver,
.labelAnchorPendingErrorRTL,
.labelAnchorPendingErrorOverRTL {
  color: var(--isc-pending_value_color);
}

.labelAnchorDisabled,
.labelAnchorDisabledRTL,
.labelAnchorPendingDisabled,
.labelAnchorPendingDisabledRTL {
  -webkit-text-fill-color: var(--isc-formItem_disabled_color);
  color: var(--isc-formItem_disabled_color);
}

/* checkbox styles */
/* Minimalist appearance for checkboxItems rendered into the listGrid filterEditor  */
.checkboxItemLite,
.checkboxItemLiteRTL,
.checkboxItemLiteOver,
.checkboxItemLiteOverRTL,
.checkboxItemLiteFocused,
.checkboxItemLiteFocusedRTL,
.checkboxItemLiteFocusedOver,
.checkboxItemLiteFocusedOverRTL,
.checkboxItemLiteDisabled,
.checkboxItemLiteDisabledRTL,
.checkboxItemLiteError,
.checkboxItemLiteErrorRTL,
.checkboxItemLitePending,
.checkboxItemLitePendingRTL,
.checkboxItemLitePendingFocused,
.checkboxItemLitePendingFocusedRTL,
.checkboxItemLitePendingDisabled,
.checkboxItemLitePendingDisabledRTL,
.checkboxItemLitePendingError,
.checkboxItemLitePendingErrorRTL,
.checkboxItemLiteHint,
.checkboxItemLiteHintRTL,
.checkboxItemLiteDisabledHint,
.checkboxItemLiteDisabledHintRTL {
  font-family: var(--isc-formItem_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-formItem_font_size);
  text-decoration: none;
  text-align: left;
  outline: none;
  color: var(--isc-formItem_color);
  /* borders and padding for minimalist checkbox items */
  border: var(--isc-formItem_border);
  box-shadow: var(--isc-formItem_shadow);
  transition: border-color ease-in-out 0.2s, box-shadow ease-in-out 0.2s;
  background-color: var(--isc-formItem_bgColor);
  border-radius: var(--isc-formItem_border_radius);
}

.checkboxTrueDisabled,
.checkboxTrue,
.checkboxTrueOver,
.checkboxTrueDown,
.checkboxFalseDisabled,
.checkboxFalse,
.checkboxFalseOver,
.checkboxFalseDown,
.checkboxPartialDisabled,
.checkboxPartial,
.checkboxPartialOver,
.checkboxPartialDown,
.checkboxUnsetDisabled,
.checkboxUnset,
.checkboxUnsetOver,
.checkboxUnsetDown {
  display: inline-block;
  vertical-align: middle;
  background-position: 0px 0px;
}

.checkboxTrueDisabled {
  background: url(./images/DynamicForm/cb-checked-normal_Disabled.png) no-repeat;
  cursor: no-drop;
}

.checkboxTrue {
  background: url(./images/DynamicForm/cb-checked-normal.png) no-repeat;
}

.checkboxTrueOver {
  background: url(./images/DynamicForm/cb-checked-hover.png) no-repeat;
}

.checkboxTrueDown {
  background: url(./images/DynamicForm/cb-checked-focus.png) no-repeat;
}

.checkboxFalseDisabled {
  background: url(./images/DynamicForm/cb-uncheck-normal_Disabled.png) no-repeat;
  cursor: no-drop;
}

.checkboxFalse {
  background: url(./images/DynamicForm/cb-uncheck-normal.png) no-repeat;
}

.checkboxFalseOver {
  background: url(./images/DynamicForm/cb-uncheck-hover.png) no-repeat;
}

.checkboxFalseDown {
  background: url(./images/DynamicForm/cb-uncheck-focus.png) no-repeat;
}

.checkboxUnsetDisabled {
  background: url(./images/DynamicForm/cb-anything-normal_Disabled.png) no-repeat;
  cursor: no-drop;
}

.checkboxUnset {
  background: url(./images/DynamicForm/cb-anything-normal.png) no-repeat;
}

.checkboxUnsetOver {
  background: url(./images/DynamicForm/cb-anything-hover.png) no-repeat;
}

.checkboxUnsetDown {
  background: url(./images/DynamicForm/cb-anything-focus.png) no-repeat;
}

.checkboxPartialDisabled {
  background: url(./images/DynamicForm/cb-anything-normal_Disabled.png) no-repeat;
  cursor: no-drop;
}

.checkboxPartial {
  background: url(./images/DynamicForm/cb-anything-normal.png) no-repeat;
}

.checkboxPartialOver {
  background: url(./images/DynamicForm/cb-anything-hover.png) no-repeat;
}

.checkboxPartialDown {
  background: url(./images/DynamicForm/cb-anything-focus.png) no-repeat;
}

.radioTrueDisabled,
.radioTrue,
.radioTrueOver,
.radioTrueFocused,
.radioTrueFocusedOver,
.radioFalseDisabled,
.radioFalse,
.radioFalseOver,
.radioFalseFocused,
.radioFalseFocusedOver,
.radioUnsetDisabled,
.radioUnset,
.radioUnsetOver,
.radioUnsetFocused,
.radioUnsetFocusedOver,
.radioUnsetDown {
  min-height: 25px;
  display: inline-block;
  outline: none;
  background: var(--isc-radio_sprite_image) no-repeat;
}

.radioTrueDisabled {
  background-position: -6px -85px;
  cursor: no-drop;
}

.radioTrue {
  background-position: -6px -4px;
}

.radioTrueOver,
.radioTrueFocusedOver {
  background-position: -6px -31px;
}

.radioTrueFocused {
  background-position: -6px -58px;
}

.radioFalseDisabled {
  background-position: -35px -85px;
  cursor: no-drop;
}

.radioFalse {
  background-position: -35px -4px;
}

.radioFalseOver,
.radioFalseFocusedOver {
  background-position: -35px -31px;
}

.radioFalseFocused {
  background-position: -35px -58px;
}

.radioUnsetDisabled {
  background-position: -35px -85px;
  cursor: no-drop;
}

.radioUnset {
  background-position: -35px -4px;
}

.radioUnsetOver,
.radioUnsetFocusedOver {
  background-position: -35px -31px;
}

.radioUnsetFocused {
  background-position: -35px -58px;
}

/* Native[Date/Time/Datetime]Item */
.nativeDateItem,
.nativeDateItemFocused,
.nativeDateItemDisabled,
.nativeDateItemDisabledHint,
.nativeDateItemError,
.nativeDateItemHint,
.nativeTimeItem,
.nativeTimeItemFocused,
.nativeTimeItemDisabled,
.nativeTimeItemDisabledHint,
.nativeTimeItemError,
.nativeTimeItemHint,
.nativeDatetimeItem,
.nativeDatetimeItemFocused,
.nativeDatetimeItemDisabled,
.nativeDatetimeItemDisabledHint,
.nativeDatetimeItemError,
.nativeDatetimeItemHint {
  border: var(--isc-formItem_border);
  padding: var(--isc-nativeDateItem_padding);
  background: var(--isc-transparent_background_from_rgba);
  background: var(--isc-transparent_background_for_ie);
  color: transparent;
}

.nativeDateItem,
.nativeTimeItem,
.nativeDatetimeItem {
  outline: 0;
}

.nativeDateItem,
.nativeDateItemFocused::-webkit-calendar-picker-indicator,
.nativeDateItemError::-webkit-calendar-picker-indicator,
.nativeDateItemHint::-webkit-calendar-picker-indicator,
.nativeTimeItem,
.nativeDatetimeItem,
.nativeDatetimeItemFocused::-webkit-calendar-picker-indicator,
.nativeDatetimeItemError::-webkit-calendar-picker-indicator,
.nativeDatetimeItemHint::-webkit-calendar-picker-indicator {
  color: var(--isc-formItem_color);
}

.nativeDateItemFocused,
.nativeTimeItemFocused,
.nativeDatetimeItemFocused {
  color: var(--isc-formItem_focused_color);
}

.nativeDateItemInFieldHint,
.nativeDateItemInFieldHintDisabled,
.nativeTimeItemInFieldHint,
.nativeTimeItemInFieldHintDisabled,
.nativeDatetimeItemInFieldHint,
.nativeDatetimeItemInFieldHintDisabled {
  color: var(--isc-formItem_hint_color);
  position: absolute;
  left: 0;
  display: inline-block;
  padding-right: var(--isc-formItem_hint_padding);
  padding-left: var(--isc-formItem_hint_padding);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  z-index: -1;
}

.nativeDateItemInFieldHint,
.nativeDateItemInFieldHintDisabled,
.nativeDatetimeItemInFieldHint,
.nativeDatetimeItemInFieldHintDisabled {
  right: 30px;
}

.nativeTimeItemInFieldHint,
.nativeTimeItemInFieldHintDisabled {
  right: 20px;
}

.nativeDateItemDisabled,
.nativeDateItemDisabledHint::-webkit-calendar-picker-indicator,
.nativeDateItemInFieldHintDisabled,
.nativeTimeItemDisabled,
.nativeTimeItemInFieldHintDisabled,
.nativeDatetimeItemDisabled,
.nativeDatetimeItemDisabledHint::-webkit-calendar-picker-indicator,
.nativeDatetimeItemInFieldHintDisabled {
  -webkit-text-fill-color: var(--isc-formItem_disabled_color);
  color: var(--isc-formItem_disabled_color);
}

.nativeDateItem,
.nativeDateItemHint,
.nativeTimeItem,
.nativeTimeItemHint,
.nativeDatetimeItem,
.nativeDatetimeItemHint {
  border: var(--isc-formItem_border);
}

.buttonItemTitle,
.buttonItemTitleOver,
.buttonItemTitleDown,
.buttonItemTitleSelected,
.buttonItemTitleFocused,
.buttonItemTitleSelectedFocused,
.buttonItemTitleSelectedOver,
.buttonItemTitleFocusedOver,
.buttonItemTitleSelectedFocusedOver,
.buttonItemTitleSelectedDown,
.buttonItemTitleFocusedDown,
.buttonItemTitleSelectedFocusedDown,
.buttonItemTitleDisabled,
.buttonItemTitleSelectedDisabled {
  color: var(--isc-button_color);
  font-family: var(--isc-formItem_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-formItem_font_size);
}

.buttonItemTitleDisabled,
.buttonItemTitleSelectedDisabled {
  color: var(--isc-button_disabled_color);
}

.nativeDateItemDisabled::-webkit-calendar-picker-indicator,
.nativeDateItemDisabledHint::-webkit-calendar-picker-indicator,
.nativeDatetimeItemDisabled::-webkit-calendar-picker-indicator,
.nativeDatetimeItemDisabledHint::-webkit-calendar-picker-indicator {
  background: none;
}

/* FilterBuilder */
.bracketBorders {
  border: var(--isc-filterBuilder_bracketBorder);
  border-right: none;
}

.filterBuilderTitleCell {
  background-color: var(--isc-listGrid_cell_disabled_bgColor);
  font-size: var(--isc-listGrid_cell_font_size);
  font-family: var(--isc-listGrid_cell_font), Arial, Helvetica, sans-serif;
  color: var(--isc-listGrid_cell_color);
  padding: var(--isc-listGrid_cell_padding);
  border: none;
  border-bottom: var(--isc-listGrid_row_border);
  border-right: var(--isc-listGrid_cell_border);
  text-overflow: ellipsis;
  cursor: not-allowed;
}

.filterBuilderTitleCellDisabled {
  background-color: var(--isc-listGrid_cell_disabled_bgColor);
  font-size: var(--isc-listGrid_cell_font_size);
  font-family: var(--isc-listGrid_cell_font), Arial, Helvetica, sans-serif;
  color: var(--isc-listGrid_cell_disabled_color);
  padding: var(--isc-listGrid_cell_padding);
  border: none;
  border-bottom: var(--isc-listGrid_row_border);
  border-right: var(--isc-listGrid_cell_border);
  text-overflow: ellipsis;
  cursor: not-allowed;
}

.ruleScopeSelectionTitleCell {
  background-color: var(--isc-treeGrid_cell_disabled_bgColor);
  font-size: var(--isc-treeGrid_cell_font_size);
  font-family: var(--isc-treeGrid_cell_font), Arial, Helvetica, sans-serif;
  color: var(--isc-treeGrid_cell_color);
  padding: var(--isc-treeGrid_cell_padding);
  text-overflow: ellipsis;
  border: none;
  border-bottom: var(--isc-treeGrid_row_border);
  border-right: var(--isc-treeGrid_cell_border);
}

.ruleScopeSelectionTitleCellSource {
  background-color: var(--isc-treeGrid_cell_disabled_bgColor);
  font-size: var(--isc-treeGrid_cell_font_size);
  font-family: var(--isc-treeGrid_cell_font), Arial, Helvetica, sans-serif;
  color: var(--isc-treeGrid_cell_disabled_color);
  padding: var(--isc-treeGrid_cell_padding);
  text-overflow: ellipsis;
  border: none;
  border-bottom: var(--isc-treeGrid_row_border);
  border-right: var(--isc-treeGrid_cell_border);
}

/* style to apply to a resize-overlay used by widgets during resize-animations */
.resizeWireFrame {
  border: var(--isc-resizeWireFrame_border);
}

/* style for the complex editor shown by MultiPickerItem */
.multiPickerLayout {
  background-color: var(--isc-multiPickerLayout_bgColor);
  border: var(--isc-multiPickerLayout_border);
}

/*============================================================
     DateChooser
============================================================*/
.dateGridHeaderBar {
  background: var(--isc-dateGrid_headerBar_bgColor);
}

.dateGridBody {
  background: var(--isc-dateGrid_body_bgColor);
  border: var(--isc-dateGrid_body_border);
  border-radius: var(--isc-dateGrid_body_border_radius);
  padding: var(--isc-dateGrid_body_padding);
}

.dateChooserHeader {
  background: var(--isc-dateChooser_header_bgColor);
  padding: var(--isc-dateChooser_header_padding);
  border-radius: var(--isc-dateChooser_header_border_radius);
}

/* this is an extra class for the Today's date in Datechoosers */
/* dateChooserButton - this is actually used for the header-buttons in the DateGrid - note 
   that dateChooserWeekendButton controls the header-buttons for weekend days */
.dateChooserButton,
.dateChooserButtonOver,
.dateChooserButtonDown,
.dateChooserButtonDisabled,
.dateChooserButtonSelected,
.dateChooserButtonSelectedOver,
.dateChooserButtonSelectedDown,
.dateChooserButtonSelectedDisabled {
  background-color: var(--isc-dateChooser_header_bgColor);
  color: var(--isc-dateChooser_header_text_color);
  font-family: var(--isc-dateChooser_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-dateChooser_font_size);
  font-weight: var(--isc-standard_header_font_weight);
  border: var(--isc-datechooser_headerButton_border);
  transition: initial;
}

.dateChooserButtonOver,
.dateChooserButtonDown {
  color: var(--isc-dateChooser_navButton_over_color);
  cursor: pointer;
}

.dateChooserButtonDisabled {
  color: var(--isc-dateChooser_cell_disabled_color);
}

/* for dateChooser weekend grid-headers */
.dateChooserWeekendButton,
.dateChooserWeekendButtonOver,
.dateChooserWeekendButtonDown,
.dateChooserWeekendButtonDisabled,
.dateChooserWeekendButtonSelected,
.dateChooserWeekendButtonSelectedDown,
.dateChooserWeekendButtonSelectedOver,
.dateChooserWeekendButtonSelectedDisabled {
  background-color: var(--isc-dateChooser_weekend_bgColor);
  color: var(--isc-dateChooser_weekend_color);
  font-family: var(--isc-dateChooser_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-dateChooser_font_size);
  font-weight: var(--isc-standard_header_font_weight);
  transition: initial;
}

.dateChooserWeekendButtonOver,
.dateChooserWeekendButtonDown {
  background-color: var(--isc-dateChooser_weekend_bgColor);
  color: var(--isc-dateChooser_weekend_color);
  cursor: pointer;
}

.dateChooserWeekendButtonDisabled {
  color: var(--isc-dateChooser_cell_disabled_color);
}

/* bottom buttons */
.dateChooserBottomButton,
.dateChooserBottomButtonOver,
.dateChooserBottomButtonDown,
.dateChooserBottomButtonDisabled,
.dateChooserBottomButtonSelected,
.dateChooserBottomButtonSelectedOver,
.dateChooserBottomButtonSelectedDown,
.dateChooserBottomButtonSelectedDisabled {
  background-color: var(--isc-dateChooser_header_bgColor);
  color: var(--isc-dateChooser_header_text_color);
  border: var(--isc-dateChooser_cell_border);
  font-family: var(--isc-dateChooser_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-dateChooser_font_size);
  transition: initial;
}

/* specialCol fields - fiscalYear and week */
.dateChooserFiscalYearCell,
.dateChooserFiscalYearCellOver,
.dateChooserFiscalYearCellDown,
.dateChooserFiscalYearCellDisabled,
.dateChooserFiscalYearCellSelected,
.dateChooserFiscalYearCellSelectedDown,
.dateChooserFiscalYearCellSelectedOver,
.dateChooserFiscalYearCellSelectedDisabled {
  color: var(--isc-dateChooser_specialCol_color);
  background-color: var(--isc-dateChooser_specialCol_bgColor);
  border: var(--isc-dateChooser_specialCol_border);
  font-family: var(--isc-dateChooser_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-dateChooser_font_size);
  border-radius: var(--isc-dateChooser_specialCol_border_radius);
}

.dateChooserFiscalYearCellOver,
.dateChooserFiscalYearCellDown,
.dateChooserFiscalYearCellSelectedOver,
.dateChooserFiscalYearCellSelectedDown {
  color: var(--isc-dateChooser_specialCol_over_color);
  background-color: var(--isc-dateChooser_specialCol_over_bgColor);
}

.dateChooserFiscalYearCellSelected {
  color: var(--isc-dateChooser_specialCol_selected_color);
  background-color: var(--isc-dateChooser_specialCol_selected_bgColor);
}

.dateChooserFiscalYearCellDisabled {
  color: var(--isc-dateChooser_cell_disabled_color);
}

/* specialCol - weekCell */
.dateChooserWeekCell,
.dateChooserWeekCellOver,
.dateChooserWeekCellDown,
.dateChooserWeekCellDisabled,
.dateChooserWeekCellSelected,
.dateChooserWeekCellSelectedDown,
.dateChooserWeekCellSelectedOver,
.dateChooserWeekCellSelectedDisabled {
  color: var(--isc-dateChooser_specialCol_color);
  background-color: var(--isc-dateChooser_specialCol_bgColor);
  border: var(--isc-dateChooser_specialCol_border);
  font-family: var(--isc-dateChooser_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-dateChooser_font_size);
  border-radius: var(--isc-dateChooser_specialCol_border_radius);
  transition: initial;
}

.dateChooserWeekCellOver,
.dateChooserWeekCellDown,
.dateChooserWeekCellSelectedOver,
.dateChooserWeekCellSelectedDown {
  color: var(--isc-dateChooser_specialCol_over_color);
  background-color: var(--isc-dateChooser_specialCol_over_bgColor);
}

.dateChooserWeekCellSelected {
  color: var(--isc-dateChooser_specialCol_selected_color);
  background-color: var(--isc-dateChooser_specialCol_selected_bgColor);
}

/* selected week cells in the*/
.dateChooserSelectedWeek,
.dateChooserSelectedWeekOver,
.dateChooserSelectedWeekDown,
.dateChooserSelectedWeekDisabled,
.dateChooserSelectedWeekSelected,
.dateChooserSelectedWeekSelectedDown,
.dateChooserSelectedWeekSelectedOver,
.dateChooserSelectedWeekSelectedDisabled {
  background-color: var(--isc-dateChooser_specialCol_bgColor);
  color: var(--isc-dateChooser_specialCol_color);
  border: var(--isc-dateChooser_specialCol_border);
  font-family: var(--isc-dateChooser_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-dateChooser_font_size);
  font-weight: var(--isc-standard_header_font_weight);
  transition: initial;
}

.dateChooserSelectedWeekOver,
.dateChooserSelectedWeekDown,
.dateChooserSelectedWeekSelectedOver,
.dateChooserSelectedWeekSelectedDown {
  color: var(--isc-dateChooser_specialCol_over_color);
  background-color: var(--isc-dateChooser_specialCol_over_bgColor);
}

.dateChooserSelectedWeekSelected {
  color: var(--isc-dateChooser_specialCol_selected_color);
  background-color: var(--isc-dateChooser_specialCol_selected_bgColor);
}

/* weekday cells */
.dateChooserWeekday,
.dateChooserWeekdayOver,
.dateChooserWeekdayDown,
.dateChooserWeekdaySelected,
.dateChooserWeekdaySelectedOver,
.dateChooserWeekdaySelectedDown,
.dateChooserWeekdayDisabled,
.dateChooserWeekdaySelectedDisabled {
  background-color: var(--isc-dateChooser_cell_bgColor);
  border: var(--isc-dateChooser_cell_border);
  color: var(--isc-dateChooser_cell_color);
  font-family: var(--isc-dateChooser_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-dateChooser_font_size);
  cursor: pointer;
  border-radius: var(--isc-dateChooser_cell_border_radius);
  transition: initial;
}

.dateChooserWeekdayOver {
  background-color: var(--isc-dateChooser_cell_over_bgColor);
  color: var(--isc-dateChooser_cell_over_color);
}

/* selected/over date-cell styling */
.dateChooserWeekdaySelectedOver {
  background-color: var(--isc-dateChooser_cell_selected_bgColor);
  color: var(--isc-dateChooser_cell_selected_color);
  border: var(--isc-dateChooser_cell_over_border);
}

.dateChooserWeekdaySelected,
.dateChooserWeekdayDown,
.dateChooserWeekdaySelectedDown {
  background-color: var(--isc-dateChooser_cell_selected_bgColor);
  color: var(--isc-dateChooser_cell_selected_color);
}

.dateChooserWeekdaySelected {
  background-color: var(--isc-dateChooser_cell_selected_bgColor);
  color: var(--isc-dateChooser_cell_selected_color);
  border: var(--isc-dateChooser_cell_selected_border);
}

.dateChooserWeekdayDisabled {
  color: var(--isc-dateChooser_cell_disabled_color);
}

/* dateChooser disabled weekday cells */
.dateChooserDisabledWeekday,
.dateChooserDisabledWeekdayOver,
.dateChooserDisabledWeekdayDown,
.dateChooserDisabledWeekdaySelected,
.dateChooserDisabledWeekdaySelectedDown,
.dateChooserDisabledWeekdaySelectedOver {
  color: var(--isc-dateChooser_cell_disabled_color);
  border: var(--isc-dateChooser_cell_border);
  background-color: var(--isc-dateChooser_cell_bgColor);
  font-family: var(--isc-dateChooser_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-dateChooser_font_size);
  transition: initial;
}

.dateChooserDisabledWeekdaySelected,
.dateChooserDisabledWeekdaySelectedDown,
.dateChooserDisabledWeekdaySelectedOver {
  background-color: var(--isc-listGrid_cell_disabled_bgColor);
  color: var(--isc-dateChooser_cell_color);
  border-radius: var(--isc-dateChooser_cell_border_radius);
}

/* end dateChooser disabled weekday cells */
/* dateChooser weekend grid-cells */
.dateChooserWeekend,
.dateChooserWeekendOver,
.dateChooserWeekendDown,
.dateChooserWeekendSelected,
.dateChooserWeekendSelectedOver,
.dateChooserWeekendSelectedDown,
.dateChooserWeekendDisabled,
.dateChooserWeekendSelectedDisabled {
  background-color: var(--isc-dateChooser_weekend_bgColor);
  color: var(--isc-dateChooser_weekend_color);
  border: var(--isc-dateChooser_weekend_border);
  font-family: var(--isc-dateChooser_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-dateChooser_font_size);
  cursor: pointer;
  border-radius: var(--isc-dateChooser_weekend_border_radius);
  transition: initial;
}

.dateChooserWeekendOver {
  background-color: var(--isc-dateChooser_cell_over_bgColor);
  color: var(--isc-dateChooser_cell_over_color);
}

/* selected/over date-cell styling */
.dateChooserWeekendSelectedOver {
  background-color: var(--isc-dateChooser_cell_selected_bgColor);
  color: var(--isc-dateChooser_cell_over_color);
  border: var(--isc-dateChooser_cell_over_border);
}

.dateChooserWeekendSelected,
.dateChooserWeekendDown,
.dateChooserWeekendSelectedDown {
  background-color: var(--isc-dateChooser_cell_selected_bgColor);
  color: var(--isc-dateChooser_cell_selected_color);
}

.dateChooserWeekendSelected {
  background-color: var(--isc-dateChooser_cell_selected_bgColor);
  color: var(--isc-dateChooser_cell_selected_color);
  border: var(--isc-dateChooser_cell_selected_border);
}

.dateChooserWeekendDisabled {
  color: var(--isc-dateChooser_cell_disabled_color);
}

/* dateChooser disabled weekend cells */
.dateChooserDisabledWeekend,
.dateChooserDisabledWeekendOver,
.dateChooserDisabledWeekendDown,
.dateChooserDisabledWeekendSelected,
.dateChooserDisabledWeekendSelectedDown,
.dateChooserDisabledWeekendSelectedOver {
  color: var(--isc-dateChooser_cell_disabled_color);
  border: var(--isc-dateChooser_weekend_border);
  background-color: var(--isc-dateChooser_weekend_bgColor);
  font-family: var(--isc-dateChooser_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-dateChooser_font_size);
  transition: initial;
}

.dateChooserDisabledWeekendDown,
.dateChooserDisabledWeekendSelected,
.dateChooserDisabledWeekendSelectedDown {
  background-color: var(--isc-listGrid_cell_disabled_bgColor);
  color: var(--isc-dateChooser_cell_color);
  border-radius: var(--isc-dateChooser_cell_border_radius);
}

/* end dateChooser disabled weekend cells */
/* year, month and week pop-up menus */
.dateChooserYearMenu,
.dateChooserMonthMenu,
.dateChooserWeekMenu {
  background-color: var(--isc-dateChooser_menu_bgColor);
  border: var(--isc-dateChooser_menu_border);
  border-radius: var(--isc-dateChooser_menu_border_radius);
  box-shadow: var(--isc-dateChooser_menu_shadow);
  padding: var(--isc-dateChooser_menu_padding);
  transition: initial;
}

/* cells in the popup menus */
.dateChooserMenuItem,
.dateChooserMenuItemOver,
.dateChooserMenuItemDown,
.dateChooserMenuItemSelected,
.dateChooserMenuItemSelectedOver,
.dateChooserMenuItemDisabled {
  color: var(--isc-dateChooser_menuItem_color);
  background-color: var(--isc-dateChooser_menuItem_bgColor);
  border: var(--isc-dateChooser_menuItem_border);
  border-radius: var(--isc-dateChooser_menuItem_border_radius);
  font-family: var(--isc-dateChooser_menuItem_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-dateChooser_menuItem_font_size);
  padding: var(--isc-dateChooser_menuItem_padding);
  transition: initial;
}

.dateChooserMenuItemOver,
.dateChooserMenuItemSelectedOver {
  color: var(--isc-dateChooser_menuItem_over_color);
  background-color: var(--isc-dateChooser_menuItem_over_bgColor);
}

.dateChooserMenuItemDown,
.dateChooserMenuItemSelected {
  color: var(--isc-dateChooser_menuItem_selected_color);
  background-color: var(--isc-dateChooser_menuItem_selected_bgColor);
}

.dateChooserMenuItemDisabled,
.dateChooserMenuItemSelectedDisabled {
  color: var(--isc-dateChooser_menuItem_disabled_color);
  background-color: var(--isc-dateChooser_menuItem_disabled_bgColor);
}

/* CSS3 Mode
   Canvas border around calendar */
.dateChooserBorder {
  background-color: var(--isc-dateChooser_bgColor);
  border: var(--isc-dateChooser_border);
  box-shadow: var(--isc-dateChooser_shadow);
  outline: none;
  border-radius: var(--isc-dateChooser_border_radius);
}

.dateChooserBorderTop {
  border-top: var(--isc-dateChooser_border);
}

/* applied to the navigation-layout at the top of the DateChooser */
.dateChooserBorderBottom {
  background-color: var(--isc-dateChooser_nav_bgColor);
  border-radius: var(--isc-dateChooser_nav_border_radius);
}

/* draw a separator that looks like a bottom-border on the dialog-header, but can float outside 
   of it, ignores it's radius and can be sized as required */
.dateChooserBorderBottom::after {
  content: '';
  position: absolute;
  /* v-offset from header-bottom, and x-offset (indent) from the left and right - defaults are 0 */
  bottom: var(--isc-dialog_separator_v_offset);
  left: var(--isc-dialog_separator_indent);
  right: var(--isc-dialog_separator_indent);
  /* use border-bottom to draw the line */
  border: none;
  border-bottom: var(--isc-dialog_separator_border);
  border-radius: 0px;
  z-index: 1;
}

/* DateChooser navigation buttons, next/previous year/month, etc, across the top of the chooser */
.dateChooserNavButton,
.dateChooserNavButtonOver,
.dateChooserNavButtonDown,
.dateChooserNavButtonSelected,
.dateChooserNavButtonSelectedOver,
.dateChooserNavButtonSelectedDown,
.dateChooserNavButtonSelectedFocused,
.dateChooserNavButtonSelectedFocusedOver,
.dateChooserNavButtonSelectedFocusedDown,
.dateChooserNavButtonFocused,
.dateChooserNavButtonFocusedOver,
.dateChooserNavButtonFocusedDown,
.dateChooserNavButtonDisabled,
.dateChooserNavButtonSelectedDisabled {
  background-color: var(--isc-dateChooser_navButton_bgColor);
  color: var(--isc-dateChooser_navButton_color);
  font-family: var(--isc-dateChooser_navButton_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-dateChooser_navButton_font_size);
  font-weight: var(--isc-standard_header_font_weight);
  padding: 2px;
  border-radius: var(--isc-dateChooser_navButton_border_radius);
  border-bottom: none;
  border-top: none;
  cursor: pointer;
  opacity: var(--isc-dateChooser_navButton_opacity);
  transition: initial;
}

.dateChooserNavButtonOver,
.dateChooserNavButtonDown,
.dateChooserNavButtonFocused,
.dateChooserNavButtonFocusedOver,
.dateChooserNavButtonFocusedDown {
  color: var(--isc-dateChooser_navButton_over_color);
  background: var(--isc-dateChooser_navButton_over_bgColor);
}

.dateChooserNavButtonSelected,
.dateChooserNavButtonSelectedOver {
  color: var(--isc-dateChooser_navButton_selected_color);
  background: var(--isc-dateChooser_navButton_selected_bgColor);
}

.dateChooserNavButtonSelectedFocused,
.dateChooserNavButtonSelectedFocusedOver,
.dateChooserNavButtonSelectedFocusedDown {
  color: var(--isc-dateChooser_navButton_selected_focused_color);
  background: var(--isc-dateChooser_navButton_selected_focused_bgColor);
}

.dateChooserNavButtonDisabled,
.dateChooserNavButtonSelectedDisabled {
  cursor: inherit;
  opacity: var(--isc-dateChooser_navButton_disabled_opacity);
}

/* Spriting for navigation arrows */
.dateChooserNavMonthBack,
.dateChooserNavMonthForward,
.dateChooserNavYearBack,
.dateChooserNavYearForward {
  width: 22px;
  height: 22px;
  border-radius: var(--isc-dateChooser_navButton_border_radius);
  display: inline-block;
  outline: none;
  vertical-align: middle;
  margin: 0 auto;
  background: var(--isc-dateChooser_nav_sprite_image) no-repeat;
}

.dateChooserNavMonthBack {
  background-position: -330px -3px;
}

.dateChooserNavMonthForward {
  background-position: -359px -3px;
}

.dateChooserNavYearBack {
  background-position: -301px -3px;
}

.dateChooserNavYearForward {
  background-position: -388px -3px;
}

.pickerIcon {
  color: var(--isc-pickerIcon_color);
  background-color: var(--isc-pickerIcon_bgColor);
  border: var(--isc-pickerIcon_border);
  padding: var(--isc-pickerIcon_padding);
  border-radius: var(--isc-pickerIcon_border_radius);
  outline-width: 0px;
}

/* ColorPicker styles */
.colorPicker {
  background-color: var(--isc-colorPicker_bgColor);
  border: var(--isc-colorPicker_border);
  padding: var(--isc-colorPicker_padding);
  margin: var(--isc-colorPicker_margin);
  box-shadow: var(--isc-colorPicker_shadow);
  border-radius: var(--isc-colorPicker_border_radius);
}

.colorPickerHeader,
.colorPickerHilite {
  padding: var(--isc-colorPicker_header_padding);
  background-color: var(--isc-colorPicker_header_bgColor);
  border-radius: var(--isc-colorPicker_header_border_radius);
}

/* draw a separator that looks like a bottom-border on the dialog-header, but can float outside 
   of it, ignores it's radius and can be sized as required */
.colorPickerHeader::after,
.colorPickerHeaderHilite::after {
  content: '';
  position: absolute;
  /* v-offset from header-bottom, and x-offset (indent) from the left and right - defaults are 0 */
  bottom: var(--isc-dialog_separator_v_offset);
  left: var(--isc-dialog_separator_indent);
  right: var(--isc-dialog_separator_indent);
  /* use border-bottom to draw the line */
  border: none;
  border-bottom: var(--isc-dialog_separator_border);
  border-radius: 0px;
  z-index: 1;
}

.colorPickerBody {
  background-color: var(--isc-colorPicker_bgColor);
  border-radius: var(--isc-colorPicker_body_border_radius);
}

.colorPickerInnerContent {
  padding: var(--isc-colorPicker_innerContent_padding);
}

.colorPickerButtonLayout {
  background: transparent;
  padding: var(--isc-colorPicker_buttonLayout_padding);
  border-top: var(--isc-colorPicker_buttonLayout_border);
  border-radius: var(--isc-colorPicker_buttonLayout_border_radius);
}

.colorPickerHeaderText {
  background-color: var(--isc-colorPicker_header_bgColor);
  color: var(--isc-colorPicker_header_color);
  font-size: var(--isc-colorPicker_header_font_size);
  font-weight: var(--isc-standard_header_font_weight);
  padding: var(--isc-colorPicker_headerText_padding);
  font-family: var(--isc-colorPicker_header_font), Arial, Helvetica, sans-serif;
}

/* ColorPicker swatch  */
.colorPickerSwatchImage,
.colorPickerSwatchImageOver,
.colorPickerSwatchImageDown,
.colorPickerSwatchImageDisabled {
  background-color: var(--isc-colorPicker_cell_bgColor);
  border: var(--isc-formItem_border);
  border-radius: var(--isc-colorPicker_swatch_border_radius);
}

.colorPickerSwatchImageDisabled {
  border: var(--isc-formItem_disabled_border);
}

/* ColorPicker opacity canvas */
.colorPickerOpacityBox {
  background-color: var(--isc-formItem_bgColor);
  border: var(--isc-formItem_border);
  font-family: var(--isc-formItem_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-formItem_font_size);
  padding: var(--isc-formItem_padding);
  border-radius: var(--isc-colorPicker_opacityBox_border_radius);
}

/* ColorChooser (ColorPicker) */
.colorChooserCell,
.colorChooserCellOver,
.colorChooserCellDown,
.colorChooserCellDisabled {
  background-color: var(--isc-colorPicker_cell_bgColor);
  border: var(--isc-colorPicker_cell_border);
  border-radius: var(--isc-colorPicker_cell_border_radius);
  transition: color 0.2s, background-color, opacity;
}

.colorChooserCellDisabled {
  border: var(--isc-formItem_disabled_border);
}

.colorChooserCellOver,
.colorChooserCellDown {
  border: var(--isc-colorPicker_cell_over_border);
}

/*ListGrid EditorTypes*/
.textItemLiteEditorType,
.textItemLiteEditorTypeRTL,
.textItemLiteEditorTypeOver,
.textItemLiteEditorTypeOverRTL,
.textItemLiteEditorTypeFocused,
.textItemLiteEditorTypeFocusedRTL,
.textItemLiteEditorTypeFocusedOver,
.textItemLiteEditorTypeFocusedOverRTL,
.textItemLiteEditorTypeDisabled,
.textItemLiteEditorTypeDisabledRTL,
.textItemLiteEditorTypeError,
.textItemLiteEditorTypeErrorRTL,
.textItemLiteEditorTypeErrorOver,
.textItemLiteEditorTypeErrorOverRTL,
.textItemLiteEditorTypeErrorFocused,
.textItemLiteEditorTypeErrorFocusedRTL,
.textItemLiteEditorTypeErrorFocusedOver,
.textItemLiteEditorTypeErrorFocusedOverRTL,
.textItemLiteEditorTypePending,
.textItemLiteEditorTypePendingRTL,
.textItemLiteEditorTypePendingOver,
.textItemLiteEditorTypePendingOverRTL,
.textItemLiteEditorTypePendingFocused,
.textItemLiteEditorTypePendingFocusedRTL,
.textItemLiteEditorTypePendingFocusedOver,
.textItemLiteEditorTypePendingFocusedOverRTL,
.textItemLiteEditorTypePendingDisabled,
.textItemLiteEditorTypePendingDisabledRTL,
.textItemLiteEditorTypePendingError,
.textItemLiteEditorTypePendingErrorRTL,
.textItemLiteEditorTypeHint,
.textItemLiteEditorTypeHintRTL,
.textItemLiteEditorTypeDisabledHint,
.textItemLiteEditorTypeDisabledHintRTL {
  font-family: var(--isc-inlineFormItem_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-inlineFormItem_font_size);
  color: var(--isc-inlineFormItem_color);
  padding: var(--isc-inlineFormItem_padding);
  outline: none;
  text-decoration: none;
  text-align: left;
  /* borders and padding for minimalist text-based items */
  border: var(--isc-inlineFormItem_border);
  box-shadow: var(--isc-listGrid_editor_shadow);
  transition: border-color ease-in-out 0.2s, box-shadow ease-in-out 0.2s;
  background-color: var(--isc-inlineFormItem_bgColor);
  border-radius: var(--isc-inlineFormItem_border_radius);
}

/* focused state */
.textItemLiteEditorTypeFocused,
.textItemLiteEditorTypeFocusedRTL,
.textItemLiteEditorTypePendingFocused,
.textItemLiteEditorTypePendingFocusedRTL {
  outline: none;
  border-color: var(--isc-formItem_focused_border_color);
  box-shadow: var(--isc-listGrid_editor_focused_shadow);
}

/* suppress borders on selectItem text - border is applied to control element
   also zero out right-padding so we don't have unnecessary gap between text and
   the down-pointing chevron */
.selectItemLiteTextEditorType,
.selectItemLiteTextEditorTypeRTL,
.selectItemLiteTextEditorTypeFocused,
.selectItemLiteTextEditorTypeFocusedRTL,
.selectItemLiteTextEditorTypeDisabled,
.selectItemLiteTextEditorTypeDisabledRTL,
.selectItemLiteTextEditorTypeError,
.selectItemLiteTextEditorTypeErrorRTL,
.selectItemLiteTextEditorTypeErrorOver,
.selectItemLiteTextEditorTypeErrorOverRTL,
.selectItemLiteTextEditorTypeErrorFocused,
.selectItemLiteTextEditorTypeErrorFocusedRTL,
.selectItemLiteTextEditorTypeErrorFocusedOver,
.selectItemLiteTextEditorTypeErrorFocusedOverRTL,
.selectItemLiteTextEditorTypePending,
.selectItemLiteTextEditorTypePendingRTL,
.selectItemLiteTextEditorTypePendingFocused,
.selectItemLiteTextEditorTypePendingFocusedRTL,
.selectItemLiteTextEditorTypePendingDisabled,
.selectItemLiteTextEditorTypePendingDisabledRTL,
.selectItemLiteTextEditorTypePendingError,
.selectItemLiteTextEditorTypePendingErrorRTL,
.selectItemLiteTextEditorTypeHint,
.selectItemLiteTextEditorTypeHintRTL,
.selectItemLiteTextEditorTypeDisabledHint,
.selectItemLiteTextEditorTypeDisabledHintRTL {
  background-color: var(--isc-transparent_background_from_rgba);
  background-color: var(--isc-transparent_background_for_ie);
  font-family: var(--isc-inlineFormItem_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-inlineFormItem_font_size);
  color: var(--isc-inlineFormItem_color);
  padding-right: 0px;
  outline: none;
  text-decoration: none;
  text-align: left;
  border-radius: var(--isc-inlineFormItem_border_radius);
  border: 0px;
}

.selectItemLiteControlEditorType,
.selectItemLiteControlEditorTypeRTL,
.selectItemLiteControlEditorTypeFocused,
.selectItemLiteControlEditorTypeFocusedRTL,
.selectItemLiteControlEditorTypeOver,
.selectItemLiteControlEditorTypeOverRTL,
.selectItemLiteControlEditorTypeFocusedOver,
.selectItemLiteControlEditorTypeFocusedOverRTL,
.selectItemLiteControlEditorTypeError,
.selectItemLiteControlEditorTypeErrorRTL,
.selectItemLiteControlEditorTypeErrorOver,
.selectItemLiteControlEditorTypeErrorOverRTL,
.selectItemLiteControlEditorTypeErrorFocused,
.selectItemLiteControlEditorTypeErrorFocusedRTL,
.selectItemLiteControlEditorTypeErrorFocusedOver,
.selectItemLiteControlEditorTypeErrorFocusedOverRTL,
.selectItemLiteControlEditorTypePending,
.selectItemLiteControlEditorTypePendingRTL,
.selectItemLiteControlEditorTypePendingFocused,
.selectItemLiteControlEditorTypePendingFocusedRTL,
.selectItemLiteControlEditorTypePendingOver,
.selectItemLiteControlEditorTypePendingOverRTL,
.selectItemLiteControlEditorTypePendingFocusedOver,
.selectItemLiteControlEditorTypePendingFocusedOverRTL,
.selectItemLiteControlEditorTypePendingDisabled,
.selectItemLiteControlEditorTypePendingDisabledRTL,
.selectItemLiteControlEditorTypePendingError,
.selectItemLiteControlEditorTypePendingErrorRTL,
.selectItemLiteControlEditorTypeHint,
.selectItemLiteControlEditorTypeHintRTL {
  border: var(--isc-inlineFormItem_border);
  transition: border-color ease-in-out 0.2s, box-shadow ease-in-out 0.2s;
  background-color: var(--isc-inlineFormItem_bgColor);
  border-radius: var(--isc-inlineFormItem_border_radius);
}

.selectItemLiteControlEditorTypeFocused,
.selectItemLiteControlEditorTypeFocusedRTL,
.selectItemLiteControlEditorTypeFocusedOver,
.selectItemLiteControlEditorTypeFocusedOverRTL,
.selectItemLiteControlEditorTypeErrorFocused,
.selectItemLiteControlEditorTypeErrorFocusedRTL,
.selectItemLiteControlEditorTypeErrorFocusedOver,
.selectItemLiteControlEditorTypeErrorFocusedOverRTL,
.selectItemLiteControlEditorTypePendingFocused,
.selectItemLiteControlEditorTypePendingFocusedRTL,
.selectItemLiteControlEditorTypePendingFocusedOver,
.selectItemLiteControlEditorTypePendingFocusedOverRTL {
  outline: none;
  border-color: var(--isc-formItem_focused_border_color);
  box-shadow: var(--isc-formItem_focused_shadow);
  background-color: var(--isc-inlineFormItem_bgColor);
}

/* over state */
.textItemLiteEditorTypeOver,
.textItemLiteEditorTypeOverRTL,
.textItemLiteEditorTypePendingOver,
.textItemLiteEditorTypePendingOverRTL {
  box-shadow: var(--isc-formItem_over_shadow);
  border: var(--isc-formItem_over_border);
}

.selectItemLiteControlEditorTypeOver,
.selectItemLiteControlEditorTypeOverRTL,
.selectItemLiteControlEditorTypeErrorOver,
.selectItemLiteControlEditorTypeErrorRTL,
.selectItemLiteControlEditorTypePendingOver,
.selectItemLiteControlEditorTypePendingOverRTL {
  box-shadow: var(--isc-formItem_over_shadow);
  border: var(--isc-formItem_over_border);
}

/* focused over */
.textItemLiteEditorTypeErrorFocusedOver,
.textItemLiteEditorTypeErrorFocusedOverRTL,
.textItemLiteEditorTypeFocusedOver,
.textItemLiteEditorTypeFocusedOverRTL,
.textItemLiteEditorTypePendingFocusedOver,
.textItemLiteEditorTypePendingFocusedOverRTL,
.textAreaItemLiteEditorTypeFocusedOver,
.textAreaItemLiteEditorTypeFocusedOverRTL,
.textAreaItemLiteEditorTypeErrorFocusedOver,
.textAreaItemLiteEditorTypeErrorFocusedOverRTL,
.textAreaItemLiteEditorTypePendingFocusedOver,
.textAreaItemLiteEditorTypePendingFocusedOverRTL,
.selectItemLiteEditorTypeControlFocusedOver,
.selectItemLiteEditorTypeControlFocusedOverRTL,
.selectItemLiteEditorTypeControlPendingFocusedOver,
.selectItemLiteEditorTypeControlPendingFocusedOverRTL,
.nativeSelectItemErrorFocusedOver,
.nativeSelectItemErrorFocusedOverRTL {
  outline: none;
  box-shadow: var(--isc-formItem_focused_over_shadow);
  border: var(--isc-formItem_focused_over_border);
}

/* error state */
.textItemLiteEditorTypeError,
.textItemLiteEditorTypeErrorRTL,
.textItemLiteEditorTypeErrorOver,
.textItemLiteEditorTypeErrorOverRTL,
.textItemLiteEditorTypeErrorFocused,
.textItemLiteEditorTypeErrorFocusedRTL,
.textItemLiteEditorTypeErrorFocusedOver,
.textItemLiteEditorTypeErrorFocusedOverRTL,
.textItemLiteEditorTypeErrorDisabled,
.textItemLiteEditorTypeErrorDisabledRTL,
.nativeSelectItemLiteEditorTypeError,
.nativeSelectItemLiteEditorTypeErrorRTL,
.nativeSelectItemLiteEditorTypeErrorOver,
.nativeSelectItemLiteEditorTypeErrorOverRTL,
.nativeSelectItemLiteEditorTypeErrorFocused,
.nativeSelectItemLiteEditorTypeErrorFocusedRTL,
.nativeSelectItemLiteEditorTypeErrorFocusedOver,
.nativeSelectItemLiteEditorTypeErrorFocusedOverRTL,
.nativeSelectItemLiteEditorTypeErrorDisabled,
.nativeSelectItemLiteEditorTypeErrorDisabledRTL,
.textAreaItemLiteEditorTypeError,
.textAreaItemLiteEditorTypeErrorRTL,
.textAreaItemLiteEditorTypeErrorOver,
.textAreaItemLiteEditorTypeErrorOverRTL,
.textAreaItemLiteEditorTypeErrorFocused,
.textAreaItemLiteEditorTypeErrorFocusedRTL,
.textAreaItemLiteEditorTypeErrorFocusedOver,
.textAreaItemLiteEditorTypeErrorFocusedOverRTL,
.textAreaItemLiteEditorTypeErrorDisabled,
.textAreaItemLiteEditorTypeErrorDisabledRTL {
  color: var(--isc-formItem_value_error_color);
}

/* Placeholder styles extracted from @include input-placeholder */
.textItemLiteEditorTypeError::placeholder,
.textItemLiteEditorTypeErrorRTL::placeholder,
.textItemLiteEditorTypeErrorOver::placeholder,
.textItemLiteEditorTypeErrorOverRTL::placeholder,
.textItemLiteEditorTypeErrorFocused::placeholder,
.textItemLiteEditorTypeErrorFocusedRTL::placeholder,
.textItemLiteEditorTypeErrorFocusedOver::placeholder,
.textItemLiteEditorTypeErrorFocusedOverRTL::placeholder,
.textItemLiteEditorTypeErrorDisabled::placeholder,
.textItemLiteEditorTypeErrorDisabledRTL::placeholder,
.nativeSelectItemLiteEditorTypeError::placeholder,
.nativeSelectItemLiteEditorTypeErrorRTL::placeholder,
.nativeSelectItemLiteEditorTypeErrorOver::placeholder,
.nativeSelectItemLiteEditorTypeErrorOverRTL::placeholder,
.nativeSelectItemLiteEditorTypeErrorFocused::placeholder,
.nativeSelectItemLiteEditorTypeErrorFocusedRTL::placeholder,
.nativeSelectItemLiteEditorTypeErrorFocusedOver::placeholder,
.nativeSelectItemLiteEditorTypeErrorFocusedOverRTL::placeholder,
.nativeSelectItemLiteEditorTypeErrorDisabled::placeholder,
.nativeSelectItemLiteEditorTypeErrorDisabledRTL::placeholder,
.textAreaItemLiteEditorTypeError::placeholder,
.textAreaItemLiteEditorTypeErrorRTL::placeholder,
.textAreaItemLiteEditorTypeErrorOver::placeholder,
.textAreaItemLiteEditorTypeErrorOverRTL::placeholder,
.textAreaItemLiteEditorTypeErrorFocused::placeholder,
.textAreaItemLiteEditorTypeErrorFocusedRTL::placeholder,
.textAreaItemLiteEditorTypeErrorFocusedOver::placeholder,
.textAreaItemLiteEditorTypeErrorFocusedOverRTL::placeholder,
.textAreaItemLiteEditorTypeErrorDisabled::placeholder,
.textAreaItemLiteEditorTypeErrorDisabledRTL::placeholder {
  color: var(--isc-formItem_value_error_color);
  opacity: var(--isc-formItem_opacity);
  text-overflow: ellipsis;
}

.textItemLiteEditorTypeError,
.textItemLiteEditorTypeErrorRTL,
.nativeSelectItemLiteEditorTypeError,
.nativeSelectItemLiteEditorTypeErrorRTL,
.textAreaItemLiteEditorTypeError,
.textAreaItemLiteEditorTypeErrorRTL {
  border: var(--isc-formItem_error_border);
}

/*============================================================
	9) Slider & Rangebar
============================================================*/
/* Sliders */
.slider {
  padding: var(--isc-slider_padding);
}

/* slider and rangebar labels */
.sliderTitle,
.sliderTitleOver,
.sliderRange,
.sliderRangeOver,
.sliderRangeDisabled,
.sliderValue,
.sliderValueOver,
.sliderValueDisabled,
.rangebarTitle,
.rangebarRange,
.rangebarValue {
  color: var(--isc-slider_range_color);
  font-family: var(--isc-formItem_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-formItem_font_size);
  line-height: var(--isc-formItem_font_size);
}

.sliderRange {
  font-weight: var(--isc-slider_range_fontWeight);
}

.sliderTitle,
.rangebarTitle {
  color: var(--isc-slider_title_color);
}

.sliderRangeDisabled,
.sliderValueDisabled {
  color: var(--isc-slider_range_disabled_color);
}

/* SliderTrack */
.hSliderTrack,
.vSliderTrack,
.hSliderTrackOver,
.vSliderTrackOver,
.hSliderTrackDown,
.vSliderTrackDown,
.hSliderTrackDisabled,
.vSliderTrackDisabled {
  background-color: var(--isc-slider_track_bgColor);
  border-radius: var(--isc-slider_track_border_radius);
  outline: none;
}

.hSliderTrackDisabled,
.vSliderTrackDisabled {
  background-color: var(--isc-slider_track_disabled_bgColor);
}

/* Slider thumb */
.hSliderThumb,
.hSliderThumbOver,
.hSliderThumbtouch,
.hSliderThumbdown,
.hSliderThumbdowntouch,
.hSliderThumbDisabled,
.hSliderThumbDisabledtouch,
.vSliderThumb,
.vSliderThumbOver,
.vSliderThumbtouch,
.vSliderThumbdown,
.vSliderThumbdowntouch,
.vSliderThumbDisabled,
.vSliderThumbDisabledtouch {
  background-color: var(--isc-slider_thumb_bgColor);
  border-radius: var(--isc-slider_thumb_border_radius);
  border: var(--isc-slider_thumb_outline);
  outline: none;
}

/* disabled thumb */
.hSliderThumbDisabled,
.hSliderThumbDisabledtouch,
.vSliderThumbDisabled,
.vSliderThumbDisabledtouch {
  background-color: var(--isc-slider_thumb_disabled_bgColor);
  border: var(--isc-slider_thumb_disabled_outline);
}

.hSliderThumbtouch,
.hSliderThumbdowntouch,
.vSliderThumbtouch,
.vSliderThumbdowntouch,
.hSliderThumbDisabledtouch,
.vSliderThumbDisabledtouch {
  border-radius: var(--isc-slider_thumb_border_radius);
}

/* slider pointy arrows - start */
.sliderValue,
.sliderValueOver,
.sliderValueDisabled,
.sliderValueDisabledOver,
.vSliderValue,
.vSliderValueOver,
.vSliderValueDisabled,
.vSliderValueDisabledOver,
.hSliderValue,
.hSliderValueOver,
.hSliderValueDisabled,
.hSliderValueDisabledOver {
  color: var(--isc-slider_value_color);
  position: absolute;
  background-color: var(--isc-slider_value_bgColor);
  border: var(--isc-slider_value_border);
  border-radius: var(--isc-slider_value_border_radius);
  line-height: var(--isc-slider_value_line_height);
  text-align: center;
  display: inline-block;
  margin-top: 2px;
  box-shadow: var(--isc-slider_value_shadow);
  padding: var(--isc-slider_value_padding);
}

.vSliderValue:after, .vSliderValue:before,
.vSliderValueOver:after, .vSliderValueOver:before,
.vSliderValueDisabled:after, .vSliderValueDisabled:before,
.hSliderValue:after, .hSliderValue:before,
.hSliderValueOver:after, .hSliderValueOver:before,
.hSliderValueDisabled:after, .hSliderValueDisabled:before {
  border: var(--isc-standard_border_style) transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

/* custom property - to position the pointy-arrow accurately - it defaults to 50% and you can 
   change it directly on the handle of a given slider's valueLabel layout at runtime to move 
   the arrow around 
--isc-sliderValueArrowOffset: 50%;
*/
.vSliderValue:after, .vSliderValue:before,
.vSliderValueOver:after, .vSliderValueOver:before,
.vSliderValueDisabled:after, .vSliderValueDisabled:before,
.vSliderValueDisabledOver:after, .vSliderValueDisabledOver:before {
  left: 100%;
  top: var(--isc-sliderValueArrowOffset, 50%);
}

.hSliderValue:after, .hSliderValue:before,
.hSliderValueOver:after, .hSliderValueOver:before,
.hSliderValueDisabled:after, .hSliderValueDisabled:before,
.hSliderValueDisabledOver:after, .hSliderValueDisabledOver:before {
  top: 100%;
  left: var(--isc-sliderValueArrowOffset, 50%);
}

/* SliderValue */
.vSliderValue:after {
  border-left-color: var(--isc-slider_value_arrow_hidden_border_color);
  border-width: 4px;
  margin-top: -4px;
}

.vSliderValue:before {
  border-left-color: var(--isc-slider_value_border_color);
  border-width: 5px;
  margin-top: -5px;
}

.hSliderValue:after {
  border-top-color: var(--isc-slider_value_arrow_hidden_border_color);
  border-width: 4px;
  margin-left: -4px;
}

.hSliderValue:before {
  border-top-color: var(--isc-slider_value_border_color);
  border-width: 5px;
  margin-left: -5px;
}

/* SliderValueOver */
.vSliderValueOver:after {
  border-left-color: var(--isc-slider_value_arrow_hidden_border_color);
  border-width: 4px;
  margin-top: -4px;
}

.vSliderValueOver:before {
  border-left-color: var(--isc-slider_value_border_color);
  border-width: 5px;
  margin-top: -5px;
}

.hSliderValueOver:after {
  border-top-color: var(--isc-slider_value_arrow_hidden_border_color);
  border-width: 4px;
  margin-left: -4px;
}

.hSliderValueOver:before {
  border-top-color: var(--isc-slider_value_border_color);
  border-width: 5px;
  margin-left: -5px;
}

/* SliderValueDisabled */
.vSliderValueDisabled:after {
  border-left-color: var(--isc-slider_value_disabled_bgColor);
  border-width: 4px;
  margin-top: -4px;
}

.vSliderValueDisabled:before {
  border-left-color: var(--isc-slider_value_disabled_border_color);
  border-width: 5px;
  margin-top: -5px;
}

.hSliderValueDisabled:after {
  border-top-color: var(--isc-slider_value_disabled_bgColor);
  border-width: 4px;
  margin-left: -4px;
}

.hSliderValueDisabled:before {
  border-top-color: var(--isc-slider_value_disabled_border_color);
  border-width: 5px;
  margin-left: -5px;
}

/* SliderValueDisabledOver */
.vSliderValueDisabledOver:after {
  border-left-color: var(--isc-slider_value_disabled_bgColor);
  border-width: 4px;
  margin-top: -4px;
}

.vSliderValueDisabledOver:before {
  border-left-color: var(--isc-slider_value_disabled_border_color);
  border-width: 5px;
  margin-top: -5px;
}

.hSliderValueDisabledOver:after {
  border-top-color: var(--isc-slider_value_disabled_bgColor);
  border-width: 4px;
  margin-left: -4px;
}

.hSliderValueDisabledOver:before {
  border-top-color: var(--isc-slider_value_disabled_border_color);
  border-width: 5px;
  margin-left: -5px;
}

.sliderValueDisabled,
.vSliderValueDisabled,
.hSliderValueDisabled,
.sliderValueDisabledOver,
.vSliderValueDisabledOver,
.hSliderValueDisabledOver {
  border: var(--isc-slider_value_disabled_border);
  background-color: var(--isc-slider_value_disabled_bgColor);
  color: var(--isc-slider_value_disabled_color);
}

.vSliderValueDisabled:after {
  border-left-color: var(--isc-slider_value_disabled_bgColor);
}

.hSliderValueDisabled:after {
  border-top-color: var(--isc-slider_value_disabled_bgColor);
}

/* sliderValue text */
.sliderValueText,
.sliderValueTextOver,
.sliderValueTextDisabled,
.sliderValuePendingText,
.sliderValuePendingTextOver,
.sliderValuePendingTextDisabled {
  color: var(--isc-slider_value_color);
  font-family: var(--isc-formItem_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-formItem_font_size);
  padding: var(--isc-slider_value_padding);
  background-color: transparent;
  border-radius: var(--isc-slider_value_border_radius);
}

.sliderValuePendingText {
  color: var(--isc-pending_value_color);
}

.sliderValueTextDisabled,
.sliderValuePendingTextDisabled {
  background-color: var(--isc-slider_value_disabled_bgColor);
  color: var(--isc-slider_value_disabled_color);
}

/* slider pointy arrows - end */
/* slider activeTrack */
.sliderTrackActive,
.sliderTrackActiveDown,
.hSliderTrackActive,
.hSliderTrackActiveDown,
.vSliderTrackActive,
.vSliderTrackActiveDown {
  background-color: var(--isc-slider_activeTrack_bgColor);
  border-radius: var(--isc-slider_track_border_radius);
}

.sliderTrackActiveOver,
.hSliderTrackActiveOver,
.vSliderTrackActiveOver {
  background-color: var(--isc-slider_activeTrack_bgColor);
  border-radius: var(--isc-slider_track_border_radius);
}

.sliderTrackActiveDisabled,
.hSliderTrackActiveDisabled,
.vSliderTrackActiveDisabled {
  background-color: var(--isc-slider_activeTrack_disabled_bgColor);
  border-radius: var(--isc-slider_track_border_radius);
}

/* slider activeTrack - end */
/*============================================================
	10) DetailViewer
============================================================*/
.detailBlock {
  border-left: var(--isc-detailViewer_border);
  border-top: var(--isc-detailViewer_border);
}

.detail,
.detailLabel,
.detailHeader {
  background-color: var(--isc-detailViewer_bgColor);
  border-bottom: var(--isc-detailViewer_border);
  border-right: var(--isc-detailViewer_border);
  color: var(--isc-detailViewer_color);
  font-family: var(--isc-detailViewer_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-detailViewer_font_size);
  -webkit-text-size-adjust: 100%;
}

.detailLabel {
  background-color: var(--isc-detailViewer_label_bgColor);
  color: var(--isc-detailViewer_color);
  font-weight: var(--isc-detailViewer_label_fontWeight);
  text-align: var(--isc-detailViewer_label_textAlign);
}

.detailHeader {
  background-color: var(--isc-detailViewer_header_bgColor);
  color: var(--isc-detailViewer_header_color);
  font-size: var(--isc-standard_header_font_size);
  font-weight: var(--isc-standard_header_font_weight);
}

/*============================================================
	11) ListGrid
============================================================*/
/*============================================================
	ListGrid parts
		styleName - listGrid
		headerBarStyle - headerBar
		bodyStyleName - gridBody
============================================================*/
.listGrid {
  padding: var(--isc-listGrid_padding);
  background: var(--isc-listGrid_bgColor);
  border: var(--isc-listGrid_border);
  border-radius: var(--isc-listGrid_border_radius);
}

.headerBar {
  background-color: var(--isc-listGrid_headerBar_bgColor);
  background-image: var(--isc-listGrid_headerBar_gradient);
  border-top: var(--isc-listGrid_headerBar_top_border);
  border-bottom: var(--isc-listGrid_headerBar_bottom_border);
  border-radius: var(--isc-listGrid_headerBar_border_radius);
}

.headerBarDisabled {
  background-color: var(--isc-listGrid_headerButton_disabled_bgColor);
  border-top: var(--isc-listGrid_headerBar_top_border);
  border-bottom: var(--isc-listGrid_headerBar_bottom_border);
  border-radius: var(--isc-listGrid_headerBar_border_radius);
}

/* grid Action (filter) button */
.gridActionButton,
.gridActionButtonOver,
.gridActionButtonDown,
.gridActionButtonFocused,
.gridActionButtonSelected,
.gridActionButtonSelectedOver,
.gridActionButtonSelectedDown,
.gridActionButtonDisabled {
  background-color: var(--isc-listGrid_recordEditorCell_bgColor);
  color: var(--isc-icon_color);
  border: none;
}

.gridActionButtonOver,
.gridActionButtonDown,
.gridActionButtonFocused,
.gridActionButtonSelected,
.gridActionButtonSelectedOver,
.gridActionButtonSelectedDown {
  color: var(--isc-icon_over_color);
}

.gridActionButtonDisabled {
  color: var(--isc-formItem_disabled_color);
  background-color: var(--isc-formItem_disabled_bgColor);
}

/* end grid Action (filter) button */
.gridTableRow {
  padding: 0px;
}

.gridBody {
  background-color: var(--isc-listGrid_body_bgColor);
  background-image: var(--isc-listGrid_body_gradient);
  border-radius: var(--isc-listGrid_body_border_radius);
  padding: var(--isc-listGrid_body_padding);
}

.gridBodyDisabled {
  background-color: var(--isc-listGrid_cell_disabled_bgColor);
  border-radius: var(--isc-listGrid_body_border_radius);
}

.alternateGridBody {
  background-color: var(--isc-listGrid_body_bgColor);
  border-radius: var(--isc-listGrid_body_border_radius);
}

/* Hide scrollbars in WebKit browsers (Chrome, Safari, etc.) */
.hiddenScrollbars::-webkit-scrollbar {
  display: none;
}

.visibleScrollbars::-webkit-scrollbar {
  display: block;
}

/* Hide scrollbars in other browsers (IE10+ and Firefox) */
.hiddenScrollbars {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.visibleScrollbars {
  -ms-overflow-style: auto;
  scrollbar-width: auto;
}

.loadingDataMessage,
.offlineMessage,
.emptyMessage {
  color: var(--isc-standard_color);
  font-family: var(--isc-listGrid_cell_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-listGrid_cell_font_size);
  padding: var(--isc-listGrid_message_padding);
}

.gridDragTracker {
  background-color: var(--isc-listGrid_body_bgColor);
  border: var(--isc-listGrid_dragTracker_border);
  color: var(--isc-listGrid_cell_color);
  font-family: var(--isc-listGrid_dragTracker_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-listGrid_dragTracker_font_size);
  padding: var(--isc-listGrid_dragTracker_padding);
}

.dragLine {
  border-top: var(--isc-dragOutline_border);
  pointer-events: none;
}

.dragLineVertical {
  border-right: var(--isc-dragOutline_border);
  pointer-events: none;
}

/* applied to the body of ListGrids */
/* recordEditor */
.recordEditorCell,
.recordEditorCellAltCol,
.recordEditorCellDark,
.recordEditorCellAltColDark,
.recordEditorCellDisabled {
  line-height: 22px;
  background-color: var(--isc-listGrid_recordEditorCell_bgColor);
  color: var(--isc-listGrid_recordEditorCell_color);
  font-family: var(--isc-listGrid_recordEditorCell_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-standard_font_size);
  margin: var(--isc-listGrid_recordEditorCell_margin);
  padding: var(--isc-listGrid_recordEditorCell_padding);
}

.recordEditorCellDisabled {
  background-color: var(--isc-listGrid_recordEditorCell_disabled_bgColor);
  color: var(--isc-listGrid_recordEditorCell_disabled_color);
}

/* operatorIcon in ListGrid filterEditor */
.filterOperatorIcon,
.filterOperatorIconOver,
.filterOperatorIconFocused,
.filterOperatorIconFocusedOver,
.filterOperatorIconDown,
.filterOperatorIconSelected,
.filterOperatorIconSelectedOver,
.filterOperatorIconSelectedFocused,
.filterOperatorIconSelectedFocusedOver,
.filterOperatorIconSelectedDisabled,
.filterOperatorIconDisabled {
  color: var(--isc-button_color);
  background-color: var(--isc-button_bgColor);
  background-image: var(--isc-button_bgImage);
  border: var(--isc-button_border);
  border-radius: var(--isc-listGrid_filterOperatorIcon_border_radius);
  text-align: var(--isc-listGrid_filterOperatorIcon_textAlign);
  padding: var(--isc-listGrid_filterOperatorIcon_padding);
  margin: var(--isc-listGrid_filterOperatorIcon_margin);
  outline: 0px;
  font-family: var(--isc-listGrid_filterOperatorIcon_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-listGrid_filterOperatorIcon_fontSize);
  font-weight: var(--isc-listGrid_filterOperatorIcon_fontWeight);
  opacity: var(--isc-button_opacity);
}

/* over styles */
.filterOperatorIconOver,
.filterOperatorIconSelectedOver {
  color: var(--isc-button_over_color);
  background-color: var(--isc-button_over_bgColor);
  border: var(--isc-button_over_border);
  box-shadow: var(--isc-button_over_shadow);
  opacity: var(--isc-button_over_opacity);
}

/* focused styles */
.filterOperatorIconFocused,
.filterOperatorIconSelectedFocused {
  color: var(--isc-button_focused_color);
  background-color: var(--isc-button_focused_bgColor);
  border: var(--isc-button_focused_border);
  box-shadow: var(--isc-button_focused_shadow);
  opacity: var(--isc-button_selected_opacity);
}

/* focusedOver styles */
.filterOperatorIconFocusedOver,
.filterOperatorIconSelectedOver,
.filterOperatorIconSelectedFocusedOver {
  color: var(--isc-button_focused_over_color);
  background-color: var(--isc-button_focused_over_bgColor);
  border: var(--isc-button_focused_over_border);
  box-shadow: var(--isc-button_focused_over_shadow);
  opacity: var(--isc-button_focused_over_opacity);
}

/* disabled style */
.filterOperatorIconDisabled,
.filterOperatorIconSelectedDisabled {
  color: var(--isc-button_disabled_color);
  background-color: var(--isc-button_disabled_bgColor);
  border: var(--isc-button_disabled_border);
  opacity: var(--isc-button_disabled_opacity);
}

/*============================================================
	ListGrid headers
		listGrid.headerBaseStyle - headerButton / imgHeaderButton (in skin)
		listGrid.headerDefaults.titleStyle - headerTitle (in skin)
		listGrid.sorterDefaults.titleStyle - headerTitle (in skin)

============================================================*/
/* imgHeaderButton - ListGrid column header buttons for image based
   headerButton - ListGrid column header buttons for css3 based */
/* header/spannedHeaderButtonTable classes float a right-border-like separator :after LG 
   headerButtons and spans, rather than showing a regular border - means the separator can be 
   less than headerButton-height, unlike a border
*/
.headerButtonTable,
.headerButtonTableOver,
.spannedHeaderButtonTable,
.spannedHeaderButtonTableOver {
  position: relative;
}

.headerButtonTable:after,
.headerButtonTableOver:after,
.spannedHeaderButtonTable:after,
.spannedHeaderButtonTableOver:after {
  /* use the property if it's set, fall back to "" otherwise:  "" shows the separator, 
     setting it to none on the style-handle hides it */
  content: var(--isc-header-separator-content, "");
  /* positioning */
  position: absolute;
  right: 0px;
  top: var(--isc-listGrid_headerButton_separator_top);
  width: var(--isc-listGrid_headerButton_separator_width);
  height: var(--isc-listGrid_headerButton_separator_height);
  /* color */
  background-color: var(--isc-listGrid_headerButton_border_color);
}

/* END partial right-separator for header-buttons */
/* ListGrid headerButtons - remove top and bottom padding to defeat a Button hack that can cause 
some LG header-titles to be vertically offset from other headers */
.headerButton,
.headerButtonSelected,
.headerButtonSelectedOver,
.headerButtonSelectedDown,
.headerButtonSelectedDisabled,
.headerButtonOver,
.headerButtonDown,
.headerButtonDisabled {
  padding: var(--isc-listGrid_headerButton_padding);
  padding-top: 0px;
  padding-bottom: 0px;
  border-right: none;
  vertical-align: middle;
  color: var(--isc-listGrid_headerButton_color);
  background-color: var(--isc-listGrid_headerButton_bgColor);
  font-family: var(--isc-listGrid_headerButton_font), Arial, Helvetica, sans-serif;
  font-weight: var(--isc-listGrid_headerButton_font_weight);
  font-size: var(--isc-listGrid_headerButton_font_size);
  letter-spacing: var(--isc-listGrid_headerButton_letterSpacing);
  border-radius: var(--isc-listGrid_headerButton_border_radius);
  border-top: var(--isc-listGrid_headerButton_top_border);
  border-bottom: var(--isc-listGrid_headerButton_bottom_border);
}

.headerButtonOver,
.headerButtonDown {
  color: var(--isc-listGrid_headerButton_over_color);
  background-color: var(--isc-listGrid_headerButton_over_bgColor);
}

.headerButtonSelected {
  color: var(--isc-listGrid_headerButton_selected_color);
  background-color: var(--isc-listGrid_headerButton_selected_bgColor);
}

.headerButtonSelectedOver,
.headerButtonSelectedDown {
  color: var(--isc-listGrid_headerButton_selected_over_color);
  background-color: var(--isc-listGrid_headerButton_selected_over_bgColor);
}

.headerButtonDisabled,
.headerButtonSelectedDisabled {
  background-color: var(--isc-listGrid_headerButton_disabled_bgColor);
  color: var(--isc-listGrid_headerButton_disabled_color);
}

/* ListGrid header span headerButtons */
.headerSpanButton,
.headerSpanButtonSelected,
.headerSpanButtonSelectedOver,
.headerSpanButtonSelectedDown,
.headerSpanButtonSelectedDisabled,
.headerSpanButtonOver,
.headerSpanButtonDown,
.headerSpanButtonDisabled {
  color: var(--isc-listGrid_headerSpan_color);
  font-family: var(--isc-listGrid_headerSpan_font), Arial, Helvetica, sans-serif;
  font-weight: var(--isc-listGrid_headerButton_font_weight);
  font-size: var(--isc-listGrid_headerSpan_font_size);
  background-color: var(--isc-listGrid_headerButton_bgColor);
  letter-spacing: var(--isc-listGrid_headerButton_letterSpacing);
  padding: var(--isc-listGrid_headerButton_padding);
  border-right: none;
  border-top: var(--isc-listGrid_headerButton_top_border);
  border-bottom: var(--isc-listGrid_headerSpan_border);
}

.headerSpanButtonSelectedOver,
.headerSpanButtonOver {
  background-color: var(--isc-listGrid_headerSpan_over_bgColor);
}

.headerSpanButtonSelected {
  background-color: var(--isc-listGrid_headerButton_selected_bgColor);
}

.headerSpanButtonDisabled {
  background-color: var(--isc-listGrid_headerButton_disabled_bgColor);
  color: var(--isc-listGrid_headerButton_disabled_color);
}

/* ListGrid headerButtons when showing header spans - with separators */
.spannedHeaderButton,
.spannedHeaderButtonSelected,
.spannedHeaderButtonSelectedOver,
.spannedHeaderButtonSelectedDown,
.spannedHeaderButtonSelectedDisabled,
.spannedHeaderButtonOver,
.spannedHeaderButtonDown,
.spannedHeaderButtonDisabled {
  color: var(--isc-listGrid_spannedHeaderButton_color);
  background-color: var(--isc-listGrid_headerButton_bgColor);
  font-weight: var(--isc-listGrid_headerButton_font_weight);
  font-size: var(--isc-listGrid_spannedHeaderButton_font_size);
  font-family: var(--isc-listGrid_spannedHeaderButton_font), Arial, Helvetica, sans-serif;
  letter-spacing: var(--isc-listGrid_headerButton_letterSpacing);
  padding: var(--isc-listGrid_headerButton_padding);
  border-right: none;
  border-bottom: var(--isc-listGrid_headerButton_bottom_border);
  border-radius: var(--isc-listGrid_headerButton_border_radius);
}

.spannedHeaderButtonSelectedOver,
.spannedHeaderButtonOver {
  background-color: var(--isc-listGrid_headerSpan_over_bgColor);
}

.spannedHeaderButtonSelected {
  background-color: var(--isc-listGrid_headerButton_selected_bgColor);
}

.spannedHeaderButtonDisabled {
  background-color: var(--isc-listGrid_headerButton_disabled_bgColor);
  color: var(--isc-listGrid_headerButton_disabled_color);
}

.spannedHeaderButtonSelectedDisabled {
  background-color: var(--isc-listGrid_headerButton_disabled_bgColor);
  color: var(--isc-listGrid_headerButton_disabled_color);
}

.imgHeaderButton,
.imgHeaderButtonOver,
.imgHeaderButtonDown,
.imgHeaderButtonDisabled,
.imgHeaderButtonSelected,
.imgHeaderButtonSelectedOver,
.imgHeaderButtonSelectedDown,
.imgHeaderButtonSelectedDisabled {
  color: var(--isc-listGrid_headerButton_color);
  background-color: var(--isc-listGrid_headerButton_bgColor);
  font-family: var(--isc-listGrid_headerButton_font), Arial, Helvetica, sans-serif;
  font-weight: var(--isc-listGrid_headerButton_font_weight);
  font-size: var(--isc-listGrid_headerButton_font_size);
  letter-spacing: var(--isc-listGrid_headerButton_letterSpacing);
  padding: var(--isc-listGrid_headerButton_padding);
  border-top: var(--isc-listGrid_headerButton_top_border);
  border-bottom: var(--isc-listGrid_headerButton_bottom_border);
}

.imgHeaderButtonOver,
.imgHeaderButtonDown {
  color: var(--isc-listGrid_headerButton_over_color);
  background-color: var(--isc-listGrid_headerButton_over_bgColor);
}

.imgHeaderButtonSelected {
  color: var(--isc-listGrid_headerButton_selected_color);
  background-color: var(--isc-listGrid_headerButton_selected_bgColor);
}

.imgHeaderButtonSelectedOver,
.imgHeaderButtonSelectedDown {
  color: var(--isc-listGrid_headerButton_selected_over_color);
  background-color: var(--isc-listGrid_headerButton_selected_over_bgColor);
}

.imgHeaderButtonDisabled,
.imgHeaderButtonSelectedDisabled {
  background-color: var(--isc-listGrid_headerButton_disabled_bgColor);
  color: var(--isc-listGrid_headerButton_disabled_color);
}

/* ListGrid headerMenuButton - remove top and bottom padding to defeat a Button hack that can cause 
some LG header-titles to be vertically offset from other headers */
.headerMenuButton,
.headerMenuButtonOver,
.headerMenuButtonDown,
.headerMenuButtonSelected,
.headerMenuButtonSelectedOver,
.headerMenuButtonSelectedDown,
.headerMenuButtonSelectedDisabled,
.headerMenuButtonDisabled {
  color: var(--isc-listGrid_headerMenuButton_color);
  background-color: var(--isc-listGrid_headerMenuButton_bgColor);
  border-radius: var(--isc-listGrid_headerMenuButton_border_radius);
  vertical-align: middle;
}

.headerMenuButtonOver,
.headerMenuButtonSelectedOver {
  color: var(--isc-listGrid_headerMenuButton_over_color);
  background-color: var(--isc-listGrid_headerMenuButton_over_bgColor);
}

.headerMenuButtonDown,
.headerMenuButtonSelected,
.headerMenuButtonSelectedDown {
  color: var(--isc-listGrid_headerMenuButton_selected_color);
  background-color: var(--isc-listGrid_headerMenuButton_selected_bgColor);
}

.headerMenuButtonDisabled,
.headerMenuButtonSelectedDisabled {
  color: var(--isc-listGrid_headerMenuButton_disabled_color);
  background-color: var(--isc-listGrid_headerMenuButton_disabled_bgColor);
}

/* ListGrid sorterButton */
.sorterButton,
.sorterButtonOver,
.sorterButtonDown,
.sorterButtonSelected,
.sorterButtonSelectedOver,
.sorterButtonSelectedDown,
.sorterButtonSelectedDisabled,
.sorterButtonDisabled {
  color: var(--isc-icon_color);
  background-color: var(--isc-listGrid_headerBar_bgColor);
  padding: var(--isc-listGrid_sorterButton_padding);
  background-image: var(--isc-listGrid_headerBar_gradient);
  border-top: var(--isc-listGrid_sorterButton_top_border);
  border-bottom: var(--isc-listGrid_sorterButton_bottom_border);
  font-family: var(--isc-listGrid_headerButton_font), Arial, Helvetica, sans-serif;
  font-weight: var(--isc-listGrid_headerButton_font_weight);
  font-size: var(--isc-listGrid_headerButton_font_size);
  letter-spacing: var(--isc-listGrid_headerButton_letterSpacing);
}

.sorterButtonOver,
.sorterButtonDown {
  color: var(--isc-icon_over_color);
  background-color: var(--isc-listGrid_headerButton_over_bgColor);
}

.sorterButtonSelected {
  color: var(--isc-icon_over_color);
  background-color: var(--isc-listGrid_headerButton_selected_bgColor);
}

.sorterButtonSelectedOver,
.sorterButtonSelectedDown {
  color: var(--isc-icon_over_color);
  background-color: var(--isc-listGrid_headerButton_selected_over_bgColor);
}

.sorterButtonDisabled,
.sorterButtonSelectedDisabled {
  background-color: var(--isc-listGrid_headerButton_disabled_bgColor);
  color: var(--isc-icon_disabled_color);
}

/*=============================================================================================
    ...Rotated styles, parallel those of headerButton and similar above, but are intended for
    header buttons with rotated (vertical) titles, so must provide top and bottom padding.
==============================================================================================*/
.headerButtonRotated,
.headerButtonSelectedRotated,
.headerButtonSelectedOverRotated,
.headerButtonSelectedDownRotated,
.headerButtonSelectedDisabledRotated,
.headerButtonOverRotated,
.headerButtonDownRotated,
.headerButtonDisabledRotated {
  padding: var(--isc-listGrid_headerButton_rotated_padding);
  border-right: var(--isc-listGrid_headerButton_border);
  border-top: var(--isc-listGrid_headerButton_top_border);
  border-bottom: var(--isc-listGrid_headerButton_bottom_border);
}

.spannedHeaderButtonRotated,
.spannedHeaderButtonSelectedRotated,
.spannedHeaderButtonSelectedOverRotated,
.spannedHeaderButtonSelectedDownRotated,
.spannedHeaderButtonSelectedDisabledRotated,
.spannedHeaderButtonOverRotated,
.spannedHeaderButtonDownRotated,
.spannedHeaderButtonDisabledRotated {
  color: var(--isc-listGrid_headerButton_color);
  background-color: var(--isc-listGrid_headerButton_bgColor);
  font-weight: var(--isc-listGrid_headerButton_font_weight);
  font-size: var(--isc-listGrid_headerButton_font_size);
  font-family: var(--isc-listGrid_headerButton_font), Arial, Helvetica, sans-serif;
  letter-spacing: var(--isc-listGrid_headerButton_letterSpacing);
  padding: var(--isc-listGrid_headerButton_rotated_padding);
  border-right: var(--isc-listGrid_headerSpan_border);
  border-bottom: var(--isc-listGrid_headerButton_bottom_border);
}

.spannedHeaderButtonSelectedOverRotated,
.spannedHeaderButtonOverRotated {
  background-color: var(--isc-listGrid_headerSpan_over_bgColor);
}

.spannedHeaderButtonSelectedRotated {
  background-color: var(--isc-button_bgColor);
  font-size: var(--isc-listGrid_headerButton_font_size);
}

.spannedHeaderButtonDisabledRotated {
  background-color: var(--isc-listGrid_headerButton_disabled_bgColor);
  color: var(--isc-listGrid_headerButton_disabled_color);
}

.spannedHeaderButtonSelectedDisabledRotated {
  background-color: var(--isc-listGrid_headerButton_disabled_bgColor);
  color: var(--isc-listGrid_headerButton_disabled_color);
}

.imgHeaderButtonRotated,
.headerButtonRotated {
  color: var(--isc-listGrid_headerButton_color);
  background-color: var(--isc-listGrid_headerButton_bgColor);
  font-family: var(--isc-listGrid_headerButton_font), Arial, Helvetica, sans-serif;
  font-weight: var(--isc-listGrid_headerButton_font_weight);
  font-size: var(--isc-listGrid_headerButton_font_size);
  letter-spacing: var(--isc-listGrid_headerButton_letterSpacing);
  padding: var(--isc-listGrid_headerButton_rotated_padding);
  border-top: var(--isc-listGrid_headerButton_top_border);
  border-bottom: var(--isc-listGrid_headerButton_bottom_border);
}

.imgHeaderButtonSelectedRotated,
.headerButtonSelectedRotated {
  color: var(--isc-listGrid_headerButton_selected_color);
  background-color: var(--isc-listGrid_headerButton_selected_bgColor);
  font-weight: var(--isc-listGrid_headerButton_font_weight);
  font-size: var(--isc-listGrid_headerButton_font_size);
  font-family: var(--isc-listGrid_headerButton_font), Arial, Helvetica, sans-serif;
  letter-spacing: var(--isc-listGrid_headerButton_letterSpacing);
  padding: var(--isc-listGrid_headerButton_rotated_padding);
  border-top: var(--isc-listGrid_headerButton_top_border);
  border-bottom: var(--isc-listGrid_headerButton_bottom_border);
}

.imgHeaderButtonDisabledRotated,
.imgHeaderButtonSelectedDisabledRotated,
.headerButtonDisabledRotated,
.headerButtonSelectedDisabledRotated {
  background-color: var(--isc-listGrid_headerButton_disabled_bgColor);
  color: var(--isc-listGrid_headerButton_disabled_color);
  font-weight: var(--isc-listGrid_headerButton_font_weight);
  font-size: var(--isc-listGrid_headerButton_font_size);
  font-family: var(--isc-listGrid_headerButton_font), Arial, Helvetica, sans-serif;
  letter-spacing: var(--isc-listGrid_headerButton_letterSpacing);
  padding: var(--isc-listGrid_headerButton_rotated_padding);
  border-top: var(--isc-listGrid_headerButton_top_border);
  border-bottom: var(--isc-listGrid_headerButton_bottom_border);
}

.imgHeaderButtonOverRotated,
.imgHeaderButtonDownRotated,
.headerButtonOverRotated,
.headerButtonDownRotated {
  color: var(--isc-listGrid_headerButton_over_color);
  background-color: var(--isc-listGrid_headerButton_over_bgColor);
  font-family: var(--isc-listGrid_headerButton_font), Arial, Helvetica, sans-serif;
  font-weight: var(--isc-listGrid_headerButton_font_weight);
  font-size: var(--isc-listGrid_headerButton_font_size);
  letter-spacing: var(--isc-listGrid_headerButton_letterSpacing);
  padding: var(--isc-listGrid_headerButton_rotated_padding);
  border-top: var(--isc-listGrid_headerButton_top_border);
  border-bottom: var(--isc-listGrid_headerButton_bottom_border);
}

.imgHeaderButtonSelectedOverRotated,
.imgHeaderButtonSelectedDownRotated,
.headerButtonSelectedOverRotated,
.headerButtonSelectedDownRotated {
  color: var(--isc-listGrid_headerButton_selected_over_color);
  background-color: var(--isc-listGrid_headerButton_selected_over_bgColor);
  font-family: var(--isc-listGrid_headerButton_font), Arial, Helvetica, sans-serif;
  font-weight: var(--isc-listGrid_headerButton_font_weight);
  font-size: var(--isc-listGrid_headerButton_font_size);
  letter-spacing: var(--isc-listGrid_headerButton_letterSpacing);
  padding: var(--isc-listGrid_headerButton_rotated_padding);
  border-top: var(--isc-listGrid_headerButton_top_border);
  border-bottom: var(--isc-listGrid_headerButton_bottom_border);
}

/* ListGrid column header titles */
.headerTitle,
.headerTitleOver,
.headerTitleDown,
.headerTitleSelected,
.headerTitleSelectedOver,
.headerTitleSelectedDown,
.headerTitleDisabled,
.headerTitleSelectedDisabled {
  color: var(--isc-listGrid_headerButton_color);
  font-family: var(--isc-listGrid_headerButton_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-listGrid_headerButton_font_size);
  padding-left: 4px;
  padding-right: 4px;
}

.headerTitleDown,
.headerTitleSelected,
.headerTitleSelectedOver,
.headerTitleSelectedDown,
.headerTitleSelectedDisabled {
  color: var(--isc-listGrid_headerButton_selected_color);
}

.headerTitleDisabled,
.headerTitleSelectedDisabled {
  color: var(--isc-listGrid_headerButton_disabled_color);
}

/*============================================================
	ListGrid cells
		listGrid.baseStyle
============================================================*/
/*------------------------------------------------------------
		listGrid.baseStyle
------------------------------------------------------------*/
.cell,
.cellAsync,
.cellAsyncError,
.cellDark,
.cellDarkAsync,
.cellDarkAsyncError,
.cellOver,
.cellOverAsync,
.cellOverAsyncError,
.cellOverDark,
.cellOverDarkAsync,
.cellOverDarkAsyncError,
.cellSelected,
.cellSelectedAsync,
.cellSelectedAsyncError,
.cellSelectedDark,
.cellSelectedDarkAsync,
.cellSelectedDarkAsyncError,
.cellSelectedOver,
.cellSelectedOverAsync,
.cellSelectedOverAsyncError,
.cellSelectedOverDark,
.cellSelectedOverDarkAsync,
.cellSelectedOverDarkAsyncError,
.cellDeselected,
.cellDeselectedDark,
.cellDeselectedOver,
.cellDeselectedOverDark,
.cellPendingSelected,
.cellPendingSelectedOver,
.cellPendingSelectedOverDark,
.cellDisabled,
.cellDisabledAsync,
.cellDisabledAsyncError,
.cellDisabledDark,
.cellDisabledDarkAsync,
.cellDisabledDarkAsyncError,
.recordSummaryCell,
.recordSummaryCellAsync,
.recordSummaryCellAsyncError,
.recordSummaryCellDark,
.recordSummaryCellDarkAsync,
.recordSummaryCellDarkAsyncError,
.recordSummaryCellOver,
.recordSummaryCellOverAsync,
.recordSummaryCellOverAsyncError,
.recordSummaryCellOverDark,
.recordSummaryCellOverDarkAsync,
.recordSummaryCellOverDarkAsyncError,
.recordSummaryCellSelected,
.recordSummaryCellSelectedAsync,
.recordSummaryCellSelectedAsyncError,
.recordSummaryCellSelectedDark,
.recordSummaryCellSelectedDarkAsync,
.recordSummaryCellSelectedDarkAsyncError,
.recordSummaryCellSelectedOver,
.recordSummaryCellSelectedOverAsync,
.recordSummaryCellSelectedOverAsyncError,
.recordSummaryCellSelectedOverDark,
.recordSummaryCellSelectedOverDarkAsync,
.recordSummaryCellSelectedOverDarkAsyncError,
.recordSummaryCellDisabled,
.recordSummaryCellDisabledAsync,
.recordSummaryCellDisabledAsyncError,
.recordSummaryCellDisabledDark,
.recordSummaryCellDisabledDarkAsync,
.recordSummaryCellDisabledDarkAsyncError,
.expansionCellCell,
.expansionCellCellDark,
.expansionCellCellOver,
.expansionCellCellOverDark,
.expansionCellCellSelected,
.expansionCellCellSelectedDark,
.expansionCellCellSelectedOver,
.expansionCellCellSelectedOverDark,
.expansionCellCellDisabled,
.expansionCellCellDisabledDark {
  background-color: var(--isc-listGrid_cell_bgColor);
  font-size: var(--isc-listGrid_cell_font_size);
  font-family: var(--isc-listGrid_cell_font), Arial, Helvetica, sans-serif;
  color: var(--isc-listGrid_cell_color);
  padding: var(--isc-listGrid_cell_padding);
  border: none;
  border-bottom: var(--isc-listGrid_row_border);
  border-right: var(--isc-listGrid_cell_border);
  text-overflow: ellipsis;
  transition: initial;
}

.cellAsync,
.cellDarkAsync,
.cellOverAsync,
.cellOverDarkAsync,
.cellSelectedAsync,
.cellSelectedDarkAsync,
.cellSelectedOverAsync,
.cellSelectedOverDarkAsync,
.cellDisabledAsync,
.cellDisabledDarkAsync,
.recordSummaryCellAsync,
.recordSummaryCellDarkAsync,
.recordSummaryCellOverAsync,
.recordSummaryCellOverDarkAsync,
.recordSummaryCellSelectedAsync,
.recordSummaryCellSelectedDarkAsync,
.recordSummaryCellSelectedOverAsync,
.recordSummaryCellSelectedOverDarkAsync,
.recordSummaryCellDisabledAsync,
.recordSummaryCellDisabledDarkAsync {
  background: url("images/loadingSmall.gif") 3px center no-repeat var(--isc-listGrid_cell_bgColor);
  /* Prefer to use `background-origin: content-box` in browsers that support it, rather than
     a hard-coded 3px for the left padding amount. The second <visual-box> (meaning
     `background-clip: border-box`) is needed so that the background-color fills the whole cell. */
  background: url("images/loadingSmall.gif") left center no-repeat content-box border-box var(--isc-listGrid_cell_bgColor);
}

.cellDark,
.cellDarkAsync,
.cellDarkAsyncError,
.recordSummaryCellDark,
.recordSummaryCellDarkAsync,
.recordSummaryCellDarkAsyncError {
  background-color: var(--isc-listGrid_cell_dark_bgColor);
  border-bottom-color: var(--isc-listGrid_row_alt_border_color);
}

.cellOver,
.cellOverAsync,
.cellOverAsyncError,
.cellOverDark,
.cellOverDarkAsync,
.cellOverDarkAsyncError,
.cellDeselectedOver,
.cellDeselectedOverDark,
.recordSummaryCellOver,
.recordSummaryCellOverAsync,
.recordSummaryCellOverAsyncError,
.recordSummaryCellOverDark,
.recordSummaryCellOverDarkAsync,
.recordSummaryCellOverDarkAsyncError {
  background-color: var(--isc-listGrid_cell_over_bgColor);
  color: var(--isc-listGrid_cell_over_color);
  border-bottom-color: var(--isc-listGrid_row_over_border_color);
}

.cellSelected,
.cellSelectedAsync,
.cellSelectedAsyncError,
.cellSelectedDark,
.cellSelectedDarkAsync,
.cellSelectedDarkAsyncError,
.cellPendingSelected,
.cellPendingSelectedDark,
.recordSummaryCellSelected,
.recordSummaryCellSelectedAsync,
.recordSummaryCellSelectedAsyncError,
.recordSummaryCellSelectedDark,
.recordSummaryCellSelectedDarkAsync,
.recordSummaryCellSelectedDarkAsyncError {
  background-color: var(--isc-listGrid_cell_selected_bgColor);
  color: var(--isc-listGrid_cell_selected_color);
  border-bottom-color: var(--isc-listGrid_row_selected_border_color);
}

.cellSelectedOver,
.cellSelectedOverAsync,
.cellSelectedOverAsyncError,
.cellSelectedOverDark,
.cellSelectedOverDarkAsync,
.cellSelectedOverDarkAsyncError,
.cellPendingSelectedOver,
.cellPendingSelectedOverDark,
.recordSummaryCellSelectedOver,
.recordSummaryCellSelectedOverAsync,
.recordSummaryCellSelectedOverAsyncError,
.recordSummaryCellSelectedOverDark,
.recordSummaryCellSelectedOverDarkAsync,
.recordSummaryCellSelectedOverDarkAsyncError {
  background-color: var(--isc-listGrid_cell_selected_over_bgColor);
  color: var(--isc-listGrid_cell_selected_color);
  border-bottom-color: var(--isc-listGrid_row_over_border_color);
}

.cellDisabled,
.cellDisabledAsync,
.cellDisabledAsyncError,
.cellDisabledDark,
.cellDisabledDarkAsync,
.cellDisabledDarkAsyncError,
.recordSummaryCellDisabled,
.recordSummaryCellDisabledAsync,
.recordSummaryCellDisabledAsyncError,
.recordSummaryCellDisabledDark,
.recordSummaryCellDisabledDarkAsync,
.recordSummaryCellDisabledDarkAsyncError {
  background-color: var(--isc-listGrid_cell_disabled_bgColor);
  cursor: not-allowed;
  color: var(--isc-listGrid_cell_disabled_color);
  border-bottom-color: var(--isc-listGrid_row_disabled_border_color);
}

.cellDisabledAsync,
.cellDisabledDarkAsync,
.recordSummaryCellDisabledAsync,
.recordSummaryCellDisabledDarkAsync {
  background-image: url("images/loadingSmallFrozen.gif");
}

.cellAsyncError,
.cellDarkAsyncError,
.cellOverAsyncError,
.cellOverDarkAsyncError,
.cellSelectedAsyncError,
.cellSelectedDarkAsyncError,
.cellSelectedOverAsyncError,
.cellSelectedOverDarkAsyncError,
.cellDisabledAsyncError,
.cellDisabledDarkAsyncError,
.recordSummaryCellAsyncError,
.recordSummaryCellDarkAsyncError,
.recordSummaryCellOverAsyncError,
.recordSummaryCellOverDarkAsyncError,
.recordSummaryCellSelectedAsyncError,
.recordSummaryCellSelectedDarkAsyncError,
.recordSummaryCellSelectedOverAsyncError,
.recordSummaryCellSelectedOverDarkAsyncError,
.recordSummaryCellDisabledAsyncError,
.recordSummaryCellDisabledDarkAsyncError {
  font-weight: bold;
  color: red;
}

.cellDisabledAsyncError,
.cellDisabledDarkAsyncError,
.recordSummaryCellDisabledAsyncError,
.recordSummaryCellDisabledDarkAsyncError {
  color: #c99;
}

/* alternate column styling in ListGrid */
.cellAltCol,
.cellAltColAsync,
.cellAltColAsyncError,
.cellDarkAltCol,
.cellDarkAltColAsync,
.cellDarkAltColAsyncError,
.cellOverAltCol,
.cellOverAltColAsync,
.cellOverAltColAsyncError,
.cellOverDarkAltCol,
.cellOverDarkAltColAsync,
.cellOverDarkAltColAsyncError,
.cellSelectedAltCol,
.cellSelectedAltColAsync,
.cellSelectedAltColAsyncError,
.cellSelectedOverAltCol,
.cellSelectedOverAltColAsync,
.cellSelectedOverAltColAsyncError,
.cellSelectedDarkAltCol,
.cellSelectedDarkAltColAsync,
.cellSelectedDarkAltColAsyncError,
.cellSelectedOverDarkAltCol,
.cellSelectedOverDarkAltColAsync,
.cellSelectedOverDarkAltColAsyncError,
.cellDeselectedAltColAltCol,
.cellDeselectedDarkAltCol,
.cellDeselectedOverAltCol,
.cellDeselectedOverDarkAltCol,
.cellPendingSelectedAltCol,
.cellPendingSelectedDarkAltCol,
.cellPendingSelectedOverAltCol,
.cellPendingSelectedOverDarkAltCol,
.cellDisabledAltCol,
.cellDisabledAltColAsync,
.cellDisabledAltColAsyncError,
.cellDisabledDarkAltCol,
.cellDisabledDarkAltColAsync,
.cellDisabledDarkAltColAsyncError,
.recordSummaryCellAltCol,
.recordSummaryCellAltColAsync,
.recordSummaryCellAltColAsyncError,
.recordSummaryCellDarkAltCol,
.recordSummaryCellDarkAltColAsync,
.recordSummaryCellDarkAltColAsyncError,
.recordSummaryCellOverAltCol,
.recordSummaryCellOverAltColAsync,
.recordSummaryCellOverAltColAsyncError,
.recordSummaryCellOverDarkAltCol,
.recordSummaryCellOverDarkAltColAsync,
.recordSummaryCellOverDarkAltColAsyncError,
.recordSummaryCellSelectedAltCol,
.recordSummaryCellSelectedAltColAsync,
.recordSummaryCellSelectedAltColAsyncError,
.recordSummaryCellSelectedDarkAltCol,
.recordSummaryCellSelectedDarkAltColAsync,
.recordSummaryCellSelectedDarkAltColAsyncError,
.recordSummaryCellSelectedOverAltCol,
.recordSummaryCellSelectedOverAltColAsync,
.recordSummaryCellSelectedOverAltColAsyncError,
.recordSummaryCellSelectedOverDarkAltCol,
.recordSummaryCellSelectedOverDarkAltColAsync,
.recordSummaryCellSelectedOverDarkAltColAsyncError,
.recordSummaryCellDisabledAltCol,
.recordSummaryCellDisabledAltColAsync,
.recordSummaryCellDisabledAltColAsyncError,
.recordSummaryCellDisabledDarkAltCol,
.recordSummaryCellDisabledDarkAltColAsync,
.recordSummaryCellDisabledDarkAltColAsyncError {
  background-color: var(--isc-listGrid_cell_altCol_bgColor);
  font-size: var(--isc-listGrid_cell_font_size);
  font-family: var(--isc-listGrid_cell_font), Arial, Helvetica, sans-serif;
  color: var(--isc-listGrid_cell_color);
  padding: var(--isc-listGrid_cell_padding);
  text-overflow: ellipsis;
  border: none;
  border-bottom: var(--isc-listGrid_row_border);
  border-right: var(--isc-listGrid_cell_border);
}

.cellAltColAsync,
.cellDarkAltColAsync,
.cellOverAltColAsync,
.cellOverDarkAltColAsync,
.cellSelectedAltColAsync,
.cellSelectedOverAltColAsync,
.cellSelectedDarkAltColAsync,
.cellSelectedOverDarkAltColAsync,
.cellDisabledAltColAsync,
.cellDisabledDarkAltColAsync,
.recordSummaryCellAltColAsync,
.recordSummaryCellDarkAltColAsync,
.recordSummaryCellOverAltColAsync,
.recordSummaryCellOverDarkAltColAsync,
.recordSummaryCellSelectedAltColAsync,
.recordSummaryCellSelectedDarkAltColAsync,
.recordSummaryCellSelectedOverAltColAsync,
.recordSummaryCellSelectedOverDarkAltColAsync,
.recordSummaryCellDisabledAltColAsync,
.recordSummaryCellDisabledDarkAltColAsync {
  background: url("images/loadingSmall.gif") 3px center no-repeat var(--isc-listGrid_cell_altCol_bgColor);
  background: url("images/loadingSmall.gif") left center no-repeat content-box border-box var(--isc-listGrid_cell_altCol_bgColor);
}

.cellDarkAltCol,
.cellDarkAltColAsync,
.cellDarkAltColAsyncError,
.recordSummaryCellDarkAltCol,
.recordSummaryCellDarkAltColAsync,
.recordSummaryCellDarkAltColAsyncError {
  background-color: var(--isc-listGrid_cell_altCol_dark_bgColor);
  border-bottom-color: var(--isc-listGrid_row_alt_border_color);
}

.cellOverAltCol,
.cellOverAltColAsync,
.cellOverAltColAsyncError,
.cellOverDarkAltCol,
.cellOverDarkAltColAsync,
.cellOverDarkAltColAsyncError,
.cellDeselectedOver,
.cellDeselectedOverDark,
.recordSummaryCellOverAltCol,
.recordSummaryCellOverAltColAsync,
.recordSummaryCellOverAltColAsyncError,
.recordSummaryCellOverDarkAltCol,
.recordSummaryCellOverDarkAltColAsync,
.recordSummaryCellOverDarkAltColAsyncError {
  background-color: var(--isc-listGrid_cell_over_bgColor);
  color: var(--isc-listGrid_cell_over_color);
  border-bottom-color: var(--isc-listGrid_row_over_border_color);
}

.cellSelectedAltCol,
.cellSelectedAltColAsync,
.cellSelectedAltColAsyncError,
.cellSelectedDarkAltCol,
.cellSelectedDarkAltColAsync,
.cellSelectedDarkAltColAsyncError,
.cellPendingSelectedAltCol,
.cellPendingSelectedDarkAltCol,
.recordSummaryCellSelectedAltCol,
.recordSummaryCellSelectedAltColAsync,
.recordSummaryCellSelectedAltColAsyncError,
.recordSummaryCellSelectedDarkAltCol,
.recordSummaryCellSelectedDarkAltColAsync,
.recordSummaryCellSelectedDarkAltColAsyncError {
  background-color: var(--isc-listGrid_cell_selected_bgColor);
  color: var(--isc-listGrid_cell_selected_color);
  border-bottom-color: var(--isc-listGrid_row_selected_border_color);
}

.cellSelectedOverAltCol,
.cellSelectedOverAltColAsync,
.cellSelectedOverAltColAsyncError,
.cellSelectedOverDarkAltCol,
.cellSelectedOverDarkAltColAsync,
.cellSelectedOverDarkAltColAsyncError,
.cellPendingSelectedOverAltCol,
.cellPendingSelectedOverDarkAltCol,
.recordSummaryCellSelectedOverAltCol,
.recordSummaryCellSelectedOverAltColAsync,
.recordSummaryCellSelectedOverAltColAsyncError,
.recordSummaryCellSelectedOverDarkAltCol,
.recordSummaryCellSelectedOverDarkAltColAsync,
.recordSummaryCellSelectedOverDarkAltColAsyncError {
  background-color: var(--isc-listGrid_cell_selected_over_bgColor);
  color: var(--isc-listGrid_cell_selected_color);
  border-bottom-color: var(--isc-listGrid_row_over_border_color);
}

.cellDisabledAltCol,
.cellDisabledAltColAsync,
.cellDisabledAltColAsyncError,
.cellDisabledDarkAltCol,
.cellDisabledDarkAltColAsync,
.cellDisabledDarkAltColAsyncError,
.recordSummaryCellDisabledAltCol,
.recordSummaryCellDisabledAltColAsync,
.recordSummaryCellDisabledAltColAsyncError,
.recordSummaryCellDisabledDarkAltCol,
.recordSummaryCellDisabledDarkAltColAsync,
.recordSummaryCellDisabledDarkAltColAsyncError {
  background-color: var(--isc-listGrid_cell_disabled_bgColor);
  cursor: not-allowed;
  color: var(--isc-listGrid_cell_disabled_color);
  border-bottom-color: var(--isc-listGrid_row_disabled_border_color);
}

.cellDisabledAltColAsync,
.cellDisabledDarkAltColAsync,
.recordSummaryCellDisabledAltColAsync,
.recordSummaryCellDisabledDarkAltColAsync {
  background-image: url("images/loadingSmallFrozen.gif");
}

.cellAltColAsyncError,
.cellDarkAltColAsyncError,
.cellOverAltColAsyncError,
.cellOverDarkAltColAsyncError,
.cellSelectedAltColAsyncError,
.cellSelectedDarkAltColAsyncError,
.cellSelectedOverAltColAsyncError,
.cellSelectedOverDarkAltColAsyncError,
.cellDisabledAltColAsyncError,
.cellDisabledDarkAltColAsyncError,
.recordSummaryCellAltColAsyncError,
.recordSummaryCellDarkAltColAsyncError,
.recordSummaryCellOverAltColAsyncError,
.recordSummaryCellOverDarkAltColAsyncError,
.recordSummaryCellSelectedAltColAsyncError,
.recordSummaryCellSelectedDarkAltColAsyncError,
.recordSummaryCellSelectedOverAltColAsyncError,
.recordSummaryCellSelectedOverDarkAltColAsyncError,
.recordSummaryCellDisabledAltColAsyncError,
.recordSummaryCellDisabledDarkAltColAsyncError {
  font-weight: bold;
  color: red;
}

.cellDisabledAltColAsyncError,
.cellDisabledDarkAltColAsyncError,
.recordSummaryCellDisabledAltColAsyncError,
.recordSummaryCellDisabledDarkAltColAsyncError {
  color: #c99;
}

/* separate row-separator colors by state */
.cellDark,
.cellDarkAsync,
.cellDarkAsyncError,
.cellDarkAltCol,
.cellDarkAltColAsync,
.cellDarkAltColAsyncError {
  border-bottom-color: var(--isc-listGrid_row_alt_border_color);
}

.cellOverDark,
.cellOverDarkAsync,
.cellOverDarkAsyncError,
.cellOverDarkAltCol,
.cellOverDarkAltColAsync,
.cellOverDarkAltColAsyncError {
  border-bottom-color: var(--isc-listGrid_row_alt_over_border_color);
}

.cellSelectedDark,
.cellSelectedDarkAltCol,
.cellSelectedDarkAsync,
.cellSelectedDarkAsyncError {
  border-bottom-color: var(--isc-listGrid_row_alt_selected_border_color);
}

.cellSelectedOverDark,
.cellSelectedOverDarkAsync,
.cellSelectedOverDarkAsyncError,
.cellSelectedOverDarkAltCol,
.cellSelectedOverDarkAltColAsync,
.cellSelectedOverDarkAltColAsyncError {
  border-bottom-color: var(--isc-listGrid_row_alt_over_border_color);
}

.cellDeselectedDark,
.cellDeselectedOverDark,
.cellDeselectedDarkAltCol,
.cellDeselectedOverDarkAltCol {
  border-bottom-color: var(--isc-listGrid_row_alt_selected_border_color);
}

.cellPendingSelectedOverDark,
.cellPendingSelectedDarkAltCol,
.cellPendingSelectedOverDarkAltCol {
  border-bottom-color: var(--isc-listGrid_row_alt_over_border_color);
}

.cellDisabledDark,
.cellDisabledDarkAsync,
.cellDisabledDarkAsyncError,
.cellDisabledDarkAltCol,
.cellDisabledDarkAltColAsync,
.cellDisabledDarkAltColAsyncError {
  border-bottom-color: var(--isc-listGrid_row_alt_selected_border_color);
}

.recordSummaryCellDark,
.recordSummaryCellDarkAsync,
.recordSummaryCellDarkAsyncError,
.recordSummaryCellDarkAltCol,
.recordSummaryCellDarkAltColAsync,
.recordSummaryCellDarkAltColAsyncError {
  border-bottom-color: var(--isc-listGrid_row_alt_border_color);
}

.recordSummaryCellOverDark,
.recordSummaryCellOverDarkAsync,
.recordSummaryCellOverDarkAsyncError,
.recordSummaryCellOverDarkAltCol,
.recordSummaryCellOverDarkAltColAsync,
.recordSummaryCellOverDarkAltColAsyncError {
  border-bottom-color: var(--isc-listGrid_row_alt_over_border_color);
}

.recordSummaryCellSelectedDark,
.recordSummaryCellSelectedDarkAsync,
.recordSummaryCellSelectedDarkAsyncError,
.recordSummaryCellSelectedDarkAltCol,
.recordSummaryCellSelectedDarkAltColAsync,
.recordSummaryCellSelectedDarkAltColAsyncError {
  border-bottom-color: var(--isc-listGrid_row_alt_selected_border_color);
}

.recordSummaryCellSelectedOverDark,
.recordSummaryCellSelectedOverDarkAsync,
.recordSummaryCellSelectedOverDarkAsyncError,
.recordSummaryCellSelectedOverDarkAltCol,
.recordSummaryCellSelectedOverDarkAltColAsync,
.recordSummaryCellSelectedOverDarkAltColAsyncError {
  border-bottom-color: var(--isc-listGrid_row_alt_over_border_color);
}

.recordSummaryCellDisabledDark,
.recordSummaryCellDisabledDarkAsync,
.recordSummaryCellDisabledDarkAsyncError,
.recordSummaryCellDisabledDarkAltCol,
.recordSummaryCellDisabledDarkAltColAsync,
.recordSummaryCellDisabledDarkAltColAsyncError {
  border-bottom-color: var(--isc-listGrid_row_alt_disabled_border_color);
}

/* rounded grid-cells - these are additional to regular grid-cell styling */
.gridFirstCell {
  border-radius: var(--isc-listGrid_row_border_radius);
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.gridLastCell {
  border-radius: var(--isc-listGrid_row_border_radius);
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

/* ListGrid rollOverCanvas outer glow */
.gridSelectionOver {
  border: none;
  box-shadow: var(--isc-listGrid_cell_selected_over_glow);
}

/* TreeGrid rollOverCanvas outer glow */
.treeSelectionOver {
  border: none;
  box-shadow: var(--isc-treeGrid_cell_selected_over_glow);
}

/* CubeGrid rollOverCanvas outer glow */
.cubeSelectionOver {
  border: none;
  box-shadow: var(--isc-cubeGrid_cell_selected_over_glow);
}

/* Grid Summary cells */
.gridSummaryCell,
.gridSummaryCellDark,
.gridSummaryCellAltCol,
.gridSummaryCellDisabled,
.gridSummaryCellDisabledDark,
.gridSummaryCellDisabledAltCol {
  color: var(--isc-listGrid_summaryCell_color);
  background-color: var(--isc-listGrid_summaryCell_bgColor);
  font-size: var(--isc-listGrid_summaryCell_font_size);
  font-family: var(--isc-listGrid_cell_font), Arial, Helvetica, sans-serif;
  font-weight: var(--isc-listGrid_summaryCell_fontWeight);
  border: none;
  border-bottom: var(--isc-listGrid_summaryCell_border);
  border-top: var(--isc-listGrid_summaryCell_border);
  padding: var(--isc-listGrid_cell_padding);
  text-overflow: ellipsis;
}

/* Grid Summary Disabled */
.gridSummaryCellDisabled,
.gridSummaryCellDisabledDark,
.gridSummaryCellDisabledAltCol {
  color: var(--isc-listGrid_cell_disabled_color);
  background-color: var(--isc-listGrid_cell_disabled_bgColor);
  border-bottom: var(--isc-listGrid_summaryCell_disabled_border);
  border-top: var(--isc-listGrid_summaryCell_disabled_border);
  cursor: not-allowed;
}

/* Grid Summary Dark */
.gridSummaryCellDark,
.gridSummaryCellDisabledDark {
  color: var(--isc-listGrid_summaryCell_dark_color);
}

/* end Grid Summary */
/* for grouping */
.groupNode,
.groupNodeDark,
.groupNodeAltCol,
.groupNodeDarkAltCol,
.groupNodeOver,
.groupNodeOverDark,
.groupNodeOverAltCol,
.groupNodeOverDarkAltCol,
.groupNodeSelected,
.groupNodeSelectedDark,
.groupNodeSelectedAltCol,
.groupNodeSelectedDarkAltCol,
.groupNodeSelectedOver,
.groupNodeSelectedOverDark,
.groupNodeSelectedOverAltCol,
.groupNodeSelectedOverDarkAltCol,
.groupNodeDisabled,
.groupNodeDisabledDark,
.groupNodeDisabledAltCol,
.groupNodeDisabledDarkAltCol {
  background-color: var(--isc-listGrid_groupNode_bgColor);
  border: none;
  border-bottom: var(--isc-listGrid_groupNode_border);
  color: var(--isc-listGrid_groupNode_text_color);
  font-family: var(--isc-listGrid_groupNode_font), Arial, Helvetica, sans-serif;
  font-weight: var(--isc-listGrid_groupNode_fontWeight);
  font-size: var(--isc-listGrid_groupNode_font_size);
  padding: var(--isc-listGrid_groupNode_padding);
  text-overflow: ellipsis;
}

.groupNodeOver,
.groupNodeOverDark,
.groupNodeOverAltCol,
.groupNodeOverDarkAltCol {
  background-color: var(--isc-listGrid_groupNode_over_bgColor);
  color: var(--isc-listGrid_groupNode_over_color);
  border-bottom: var(--isc-listGrid_groupNode_border);
}

.groupNodeSelected,
.groupNodeSelectedDark,
.groupNodeSelectedAltCol,
.groupNodeSelectedDarkAltCol {
  background-color: var(--isc-listGrid_groupNode_selected_bgColor);
  color: var(--isc-listGrid_groupNode_selected_color);
  border-bottom: var(--isc-listGrid_groupNode_border);
}

.groupNodeSelectedOver,
.groupNodeSelectedOverDark,
.groupNodeSelectedOverAltCol,
.groupNodeSelectedOverDarkAltCol {
  background-color: var(--isc-listGrid_groupNode_selected_over_bgColor);
  color: var(--isc-listGrid_groupNode_selected_color);
  border-bottom: var(--isc-listGrid_groupNode_border);
}

.groupNodeDisabled,
.groupNodeDisabledDark,
.groupNodeDisabledAltCol,
.groupNodeDisabledDarkAltCol {
  background-color: var(--isc-listGrid_groupNode_disabled_bgColor);
  cursor: not-allowed;
  color: var(--isc-listGrid_groupNode_disabled_color);
}

/* specialCol styles - used for LG special columns, like row-numbers */
.specialCol,
.specialColOver,
.specialColSelected,
.specialColSelectedOver,
.specialColDisabled {
  background-color: var(--isc-listGrid_specialCol_bgColor);
  color: var(--isc-listGrid_specialCol_color);
  line-height: var(--isc-listGrid_specialCol_line_height);
  font-family: var(--isc-listGrid_specialCol_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-listGrid_specialCol_font_size);
  padding: var(--isc-listGrid_specialCol_padding);
  border: none;
  border-bottom: var(--isc-listGrid_specialCol_row_border);
  border-right: var(--isc-listGrid_specialCol_cell_border);
  text-overflow: ellipsis;
  transition: initial;
}

.specialColOver {
  background-color: var(--isc-listGrid_specialCol_over_bgColor);
  color: var(--isc-listGrid_specialCol_over_color);
  border-bottom: var(--isc-listGrid_specialCol_row_border);
}

.specialColSelected {
  background-color: var(--isc-listGrid_specialCol_selected_bgColor);
  color: var(--isc-listGrid_specialCol_selected_color);
}

.specialColSelectedOver {
  background-color: var(--isc-listGrid_specialCol_selected_over_bgColor);
  color: var(--isc-listGrid_specialCol_selected_over_color);
}

.specialColDisabled {
  background-color: var(--isc-listGrid_specialCol_disabled_bgColor);
  cursor: not-allowed;
  color: var(--isc-listGrid_specialCol_disabled_color);
}

/* end of specialCol styles */
/* special style for showing cell-content in the link-color - bit of overkill */
.linkCell,
.linkCellDark,
.linkCellOver,
.linkCellOverDark,
.linkCellSelected,
.linkCellSelectedDark,
.linkCellSelectedOver,
.linkCellSelectedOverDark,
.linkCellDeselected,
.linkCellDeselectedDark,
.linkCellDeselectedOver,
.linkCellDeselectedOverDark,
.linkCellPendingSelected,
.linkCellPendingSelectedOver,
.linkCellPendingSelectedOverDark,
.linkCellDisabled,
.linkCellDisabledDark {
  background-color: var(--isc-listGrid_cell_bgColor);
  font-size: var(--isc-listGrid_cell_font_size);
  font-family: var(--isc-listGrid_cell_font), Arial, Helvetica, sans-serif;
  color: var(--isc-listGrid_linkCell_color);
  padding: var(--isc-listGrid_cell_padding);
  border: none;
  border-bottom: var(--isc-listGrid_row_border);
  border-right: var(--isc-listGrid_cell_border);
  text-overflow: ellipsis;
}

.linkCellDark {
  background-color: var(--isc-listGrid_cell_dark_bgColor);
}

.linkCellOver,
.linkCellOverDark,
.linkCellDeselectedOver,
.linkCellDeselectedOverDark {
  background-color: var(--isc-listGrid_cell_over_bgColor);
  color: var(--isc-listGrid_cell_over_color);
  border-bottom: var(--isc-listGrid_row_border);
}

.linkCellSelected,
.linkCellSelectedDark,
.linkCellPendingSelected,
.linkCellPendingSelectedDark {
  background-color: var(--isc-listGrid_cell_selected_bgColor);
  color: var(--isc-listGrid_cell_selected_color);
}

.linkCellSelectedOver,
.linkCellSelectedOverDark,
.linkCellPendingSelectedOver,
.linkCellPendingSelectedOverDark {
  background-color: var(--isc-listGrid_cell_selected_over_bgColor);
  color: var(--isc-listGrid_cell_selected_color);
}

.linkCellDisabled,
.linkCellDisabledDark {
  background-color: var(--isc-listGrid_cell_disabled_bgColor);
  cursor: not-allowed;
  color: var(--isc-listGrid_cell_disabled_color);
}

/* alternate column-styling for linkCell cells in ListGrid */
.linkCellAltCol,
.linkCellDarkAltCol,
.linkCellOverAltCol,
.linkCellOverDarkAltCol,
.linkCellSelectedAltCol,
.linkCellSelectedOverAltCol,
.linkCellSelectedDarkAltCol,
.linkCellSelectedOverDarkAltCol,
.linkCellPendingSelectedAltCol,
.linkCellPendingSelectedDarkAltCol,
.linkCellPendingSelectedOverAltCol,
.linkCellPendingSelectedOverDarkAltCol,
.linkCellDeselectedAltCol,
.linkCellDeselectedDarkAltCol,
.linkCellDeselectedOverAltCol,
.linkCellDeselectedOverDarkAltCol,
.linkCellDisabledAltCol,
.linkCellDisabledDarkAltCol {
  font-size: var(--isc-listGrid_cell_font_size);
  font-family: var(--isc-listGrid_cell_font), Arial, Helvetica, sans-serif;
  color: var(--isc-listGrid_linkCell_color);
  padding: var(--isc-listGrid_cell_padding);
  text-overflow: ellipsis;
  border: none;
  border-bottom: var(--isc-listGrid_row_border);
  border-right: var(--isc-listGrid_cell_border);
}

.linkCellDisabledAltCol,
.linkCellDisabledDarkAltCol {
  background-color: var(--isc-listGrid_cell_disabled_bgColor);
  cursor: not-allowed;
  color: var(--isc-listGrid_cell_disabled_color);
}

.linkCellAltCol {
  background-color: var(--isc-listGrid_cell_altCol_bgColor);
}

.linkCellDarkAltCol {
  background-color: var(--isc-listGrid_cell_altCol_dark_bgColor);
}

.linkCellOverAltCol {
  font-size: var(--isc-listGrid_cell_font_size);
  font-family: var(--isc-listGrid_cell_font), Arial, Helvetica, sans-serif;
}

.linkCellOverAltCol,
.linkCellOverDarkAltCol {
  background-color: var(--isc-listGrid_cell_over_bgColor);
  color: var(--isc-listGrid_cell_over_color);
}

.linkCellSelectedAltCol,
.linkCellSelectedDarkAltCol,
.linkCellSelectedOverAltCol,
.linkCellSelectedOverDarkAltCol,
.linkCellPendingSelectedAltCol,
.linkCellPendingSelectedDarkAltCol,
.linkCellPendingSelectedOverAltCol,
.linkCellPendingSelectedOverDarkAltCol {
  background-color: var(--isc-listGrid_cell_selected_bgColor);
  color: var(--isc-listGrid_cell_selected_color);
}

.linkCellSelectedOverAltCol,
.linkCellSelectedOverDarkAltCol,
.linkCellPendingSelectedOverAltCol,
.linkCellPendingSelectedOverDarkAltCol {
  background-color: var(--isc-listGrid_cell_selected_over_bgColor);
}

/* end linkCell */
/*Tree styling*/
.treeGrid {
  border: var(--isc-treeGrid_border);
}

.treeBody {
  background-color: var(--isc-treeGrid_body_bgColor);
}

/* color for the +/- icons in tree-grid connectors - works with SVG symbols and font-icons */
.treeConnectorSvg,
.treeConnectorSvgOver,
.treeConnectorSvgDown,
.treeConnectorSvgSelected,
.treeConnectorSvgDisabled {
  color: var(--isc-treeGrid_connectorIcon_color);
  fill: var(--isc-treeGrid_connectorLine_color);
  padding: 0px;
  margin: 0px;
  border: 0;
}

.treeConnectorSvgDisabled {
  color: var(--isc-treeGrid_connectorIcon_disabled_color);
  fill: var(--isc-treeGrid_connectorLine_disabled_color);
}

/*------------------------------------------------------------
		treeGrid.baseStyle
------------------------------------------------------------*/
.treeCell,
.treeCellDark,
.treeCellOver,
.treeCellOverDark,
.treeCellSelected,
.treeCellSelectedDark,
.treeCellSelectedOver,
.treeCellSelectedOverDark,
.treeCellDisabled,
.treeCellDisabledDark {
  background-color: var(--isc-treeGrid_cell_bgColor);
  color: var(--isc-treeGrid_cell_color);
  font-family: var(--isc-treeGrid_cell_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-treeGrid_cell_font_size);
  text-overflow: ellipsis;
  padding: var(--isc-treeGrid_cell_padding);
  border: none;
  border-bottom: var(--isc-treeGrid_row_border);
  border-right: var(--isc-treeGrid_cell_border);
  transition: initial;
}

.treeCellDark {
  background-color: var(--isc-treeGrid_cell_dark_bgColor);
}

.treeCellOver,
.treeCellOverDark {
  background-color: var(--isc-treeGrid_cell_over_bgColor);
  color: var(--isc-treeGrid_cell_over_color);
}

.treeCellSelected,
.treeCellSelectedDark {
  color: var(--isc-treeGrid_cell_selected_color);
  background-color: var(--isc-treeGrid_cell_selected_bgColor);
}

.treeCellSelectedOver,
.treeCellSelectedOverDark {
  color: var(--isc-treeGrid_cell_selected_over_color);
  background-color: var(--isc-treeGrid_cell_selected_over_bgColor);
  box-shadow: 0 0 5px var(--isc-treeGrid_cell_selected_over_bgColor);
}

.treeCellDisabled,
.treeCellDisabledDark {
  background-color: var(--isc-treeGrid_cell_disabled_bgColor);
  color: var(--isc-treeGrid_cell_disabled_color);
}

/* alternate column styling in TreeGrid */
.treeCellAltCol,
.treeCellDarkAltCol,
.treeCellOverAltCol,
.treeCellOverDarkAltCol,
.treeCellSelectedAltCol,
.treeCellSelectedOverAltCol,
.treeCellSelectedDarkAltCol,
.treeCellSelectedOverDarkAltCol,
.treeCellPendingSelectedAltCol,
.treeCellPendingSelectedDarkAltCol,
.treeCellPendingSelectedOverAltCol,
.treeCellPendingSelectedOverDarkAltCol,
.treeCellDeselectedAltCol,
.treeCellDeselectedDarkAltCol,
.treeCellDeselectedOverAltCol,
.treeCellDeselectedOverDarkAltCol,
.treeCellDisabledAltCol,
.treeCellDisabledDarkAltCol {
  font-size: var(--isc-treeGrid_cell_font_size);
  font-family: var(--isc-treeGrid_cell_font), Arial, Helvetica, sans-serif;
  color: var(--isc-treeGrid_cell_color);
  text-overflow: ellipsis;
  border: none;
  border-bottom: var(--isc-treeGrid_row_border);
  padding: var(--isc-treeGrid_cell_padding);
}

.treeCellDisabledAltCol,
.treeCellDisabledDarkAltCol {
  background-color: var(--isc-treeGrid_cell_disabled_bgColor);
  cursor: not-allowed;
  color: var(--isc-treeGrid_cell_disabled_color);
}

.treeCellAltCol {
  background-color: var(--isc-listGrid_cell_altCol_bgColor);
}

.treeCellDarkAltCol {
  background-color: var(--isc-listGrid_cell_altCol_dark_bgColor);
}

.treeCellOverAltCol,
.treeCellOverDarkAltCol {
  background-color: var(--isc-treeGrid_cell_over_bgColor);
  color: var(--isc-treeGrid_cell_over_color);
}

.treeCellSelectedAltCol,
.treeCellSelectedDarkAltCol,
.treeCellSelectedOverAltCol,
.treeCellSelectedOverDarkAltCol,
.treeCellPendingSelectedAltCol,
.treeCellPendingSelectedDarkAltCol,
.treeCellPendingSelectedOverAltCol,
.treeCellPendingSelectedOverDarkAltCol {
  background-color: var(--isc-listGrid_cell_selected_bgColor);
  color: var(--isc-listGrid_cell_selected_color);
}

.treeCellSelectedOverAltCol,
.treeCellSelectedOverDarkAltCol,
.treeCellPendingSelectedOverAltCol,
.treeCellPendingSelectedOverDarkAltCol {
  background-color: var(--isc-listGrid_cell_selected_over_bgColor);
}

/* Field builders (Formula/Summary) */
.sampleOutput {
  border: var(--isc-formulaBuilder_sampleOutput_border);
  padding: var(--isc-formulaBuilder_sampleOutput_padding);
}

/* Multi-sort - sort-index appearing next to sort-arrows in field headers */
.sortNumeral {
  font-size: var(--isc-listGrid_sortNumeral_font_size);
  vertical-align: top;
}

/*============================================================
	12) ToolStrip
============================================================*/
/* ToolStrip */
.toolStrip {
  background-color: var(--isc-toolStrip_bgColor);
  border: var(--isc-toolStrip_border);
  padding: var(--isc-toolStrip_padding);
}

.vToolStrip {
  background-color: var(--isc-toolStrip_bgColor);
  border: var(--isc-toolStrip_border);
  padding: var(--isc-toolStrip_v_padding);
}

.toolStripVertical {
  background-color: var(--isc-toolStrip_bgColor);
  border: var(--isc-toolStrip_border);
}

/* tool strip button */
.toolStripButton,
.toolStripButtonOver,
.toolStripButtonFocused,
.toolStripButtonFocusedOver,
.toolStripButtonDown,
.toolStripButtonFocusedDown,
.toolStripButtonSelected,
.toolStripButtonSelectedFocused,
.toolStripButtonSelectedDown,
.toolStripButtonSelectedFocusedDown,
.toolStripButtonSelectedOver,
.toolStripButtonSelectedFocusedOver,
.toolStripButtonDisabled,
.toolStripButtonSelectedDisabled,
.toolStripButtonOpened,
.toolStripButtonOverOpened,
.toolStripButtonDownOpened,
.toolStripButtonFocusedOpened,
.toolStripButtonFocusedDownOpened,
.toolStripButtonFocusedOverOpened,
.toolStripButtonSelectedOpened,
.toolStripButtonSelectedDownOpened,
.toolStripButtonSelectedOverOpened {
  border: var(--isc-toolStripButton_border);
  border-radius: var(--isc-toolStripButton_border_radius);
  color: var(--isc-toolStripButton_color);
  background-color: var(--isc-toolStripButton_bgColor);
  opacity: var(--isc-toolStripButton_opacity);
  font-size: var(--isc-button_font_size);
  font-family: var(--isc-toolStripButton_font), Arial, Helvetica, sans-serif;
  padding: var(--isc-toolStripButton_padding);
  background-image: var(--isc-toolStripButton_bgImage);
  transition: initial;
  outline: none;
}

.toolStripButtonDown {
  outline: none;
  opacity: var(--isc-toolStripButton_selected_opacity);
}

.toolStripButtonDisabled {
  background-color: var(--isc-toolStripButton_disabled_bgColor);
  border: var(--isc-toolStripButton_border);
  opacity: var(--isc-toolStripButton_disabled_opacity);
}

.toolStripButtonDisabled,
.toolStripButtonSelectedDisabled {
  color: var(--isc-toolStripButton_disabled_color);
  font-weight: normal;
}

.toolStripButtonOpened,
.toolStripButtonOverOpened,
.toolStripButtonDownOpened,
.toolStripButtonFocusedOpened,
.toolStripButtonFocusedDownOpened,
.toolStripButtonFocusedOverOpened,
.toolStripButtonSelectedOpened,
.toolStripButtonSelectedDownOpened,
.toolStripButtonSelectedOverOpened,
.toolStripButtonFocused,
.toolStripButtonFocusedOver,
.toolStripButtonSelectedFocused,
.toolStripButtonSelectedFocusedOver,
.toolStripButtonSelectedFocusedDown {
  border: var(--isc-toolStripButton_selected_border);
}

.toolStripButtonOver,
.toolStripButtonFocusedOver,
.toolStripButtonSelectedFocused,
.toolStripButtonSelectedFocusedOver,
.toolStripButtonOpened,
.toolStripButtonOverOpened,
.toolStripButtonDownOpened,
.toolStripButtonFocusedOpened,
.toolStripButtonFocusedDownOpened,
.toolStripButtonFocusedOverOpened,
.toolStripButtonSelectedOpened,
.toolStripButtonSelectedDownOpened,
.toolStripButtonSelectedOverOpened {
  background-color: var(--isc-toolStripButton_over_bgColor);
  border: var(--isc-toolStripButton_over_border);
  color: var(--isc-toolStripButton_over_color);
  opacity: var(--isc-toolStripButton_over_opacity);
  transition: initial;
}

.toolStripButtonDown,
.toolStripButtonFocusedDown,
.toolStripButtonSelectedDown,
.toolStripButtonSelectedFocusedDown,
.toolStripButtonOpened,
.toolStripButtonOverOpened,
.toolStripButtonDownOpened,
.toolStripButtonFocusedOpened,
.toolStripButtonFocusedDownOpened,
.toolStripButtonFocusedOverOpened,
.toolStripButtonSelectedOpened,
.toolStripButtonSelectedDownOpened,
.toolStripButtonSelectedOverOpened {
  background-color: var(--isc-toolStripButton_selected_bgColor);
  color: var(--isc-toolStripButton_selected_color);
  opacity: var(--isc-toolStripButton_selected_opacity);
}

.toolStripButtonSelected,
.toolStripButtonSelectedFocused,
.toolStripButtonSelectedOver,
.toolStripButtonSelectedFocusedOver,
.toolStripButtonSelectedDisabled {
  background-color: var(--isc-toolStripButton_selected_bgColor);
  color: var(--isc-toolStripButton_selected_color);
  border: var(--isc-toolStripButton_selected_border);
  opacity: var(--isc-toolStripButton_selected_opacity);
}

/*===================================================================================
   12a) RibbonBar, and RibbonGroup / RibbonButton (nee ToolStripGroup and IconButton)
===================================================================================*/
.ribbonBar {
  background-color: var(--isc-ribbonBar_bgColor);
  border: var(--isc-ribbonBar_border);
  box-shadow: var(--isc-ribbonBar_shadow);
  padding: var(--isc-ribbonBar_padding);
}

/* RibbonGroup */
.ribbonGroup,
.ribbonGroupOver,
.ribbonGroupSelected,
.ribbonGroupSelectedDisabled,
.ribbonGroupSelectedOver,
.ribbonGroupDown,
.ribbonGroupSelectedDown,
.ribbonGroupDisabled {
  background-color: var(--isc-ribbonGroup_bgColor);
  border: var(--isc-ribbonGroup_border);
  padding: var(--isc-ribbonGroup_padding);
  box-shadow: var(--isc-ribbonGroup_shadow);
  border-radius: var(--isc-ribbonGroup_border_radius);
}

/* RibbonGroup title style */
.ribbonGroupTitle,
.ribbonGroupTitleOver,
.ribbonGroupTitleSelected,
.ribbonGroupTitleSelectedDisabled,
.ribbonGroupTitleSelectedOver,
.ribbonGroupTitleDown,
.ribbonGroupTitleSelectedDown,
.ribbonGroupTitleDisabled {
  background-color: var(--isc-ribbonGroup_title_bgColor);
  color: var(--isc-ribbonGroup_title_color);
  font-family: var(--isc-ribbonGroup_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-ribbonGroup_font_size);
  font-weight: var(--isc-ribbonGroup_fontWeight);
  padding: var(--isc-ribbonGroup_title_padding);
  border: none;
  border-bottom: var(--isc-ribbonGroup_border);
}

/* RibbonButton */
.ribbonButton,
.ribbonButtonOver,
.ribbonButtonDown,
.ribbonButtonFocused,
.ribbonButtonFocusedOver,
.ribbonButtonFocusedDown,
.ribbonButtonSelected,
.ribbonButtonSelectedFocused,
.ribbonButtonSelectedDown,
.ribbonButtonSelectedFocusedDown,
.ribbonButtonSelectedOver,
.ribbonButtonSelectedFocusedOver,
.ribbonButtonDisabled,
.ribbonButtonSelectedDisabled {
  background-color: var(--isc-ribbonButton_bgColor);
  border: var(--isc-ribbonButton_border);
  border-radius: var(--isc-ribbonButton_border_radius);
  padding: 0px 3px;
  font-family: var(--isc-ribbonButton_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-ribbonButton_font_size);
  vertical-align: middle;
  color: var(--isc-ribbonButton_color);
}

.ribbonButtonOver,
.ribbonButtonDown {
  background-color: var(--isc-ribbonButton_over_bgColor);
  border: var(--isc-ribbonButton_over_border);
}

.ribbonButtonSelected,
.ribbonButtonSelectedOver,
.ribbonButtonFocused,
.ribbonButtonFocusedOver,
.ribbonButtonSelectedFocused,
.ribbonButtonSelectedFocusedOver {
  background-color: var(--isc-ribbonButton_over_bgColor);
  border: var(--isc-ribbonButton_selected_border);
}

.ribbonButtonSelected,
.ribbonButtonSelectedFocused,
.ribbonButtonSelectedDown,
.ribbonButtonSelectedFocusedDown,
.ribbonButtonSelectedFocusedOver {
  background-color: var(--isc-ribbonButton_over_bgColor);
}

.ribbonButtonSelectedOver {
  border: var(--isc-ribbonButton_selected_border);
}

.ribbonButtonDisabled {
  color: var(--isc-ribbonButton_disabled_color);
}

/* RibbonButton icon and menuIcon styles - used for spacing top and bottom of the title in v-buttons */
.ribbonButtonHIcon {
  vertical-align: middle;
  /* apply a default color, in case the icons are SVG that can be styled */
  color: var(--isc-icon_color);
}

.ribbonButtonHMenuIcon {
  vertical-align: middle;
  border: var(--isc-standard_transparent_border);
  border-radius: var(--isc-ribbonButton_menu_icon_border_radius);
  /* apply a default color, in case the icons are SVG that can be styled */
  color: var(--isc-icon_color);
}

.ribbonButtonVIcon {
  vertical-align: middle;
  margin-bottom: 5px;
  /* apply a default color, in case the icons are SVG that can be styled */
  color: var(--isc-icon_color);
}

.ribbonButtonVMenuIcon {
  vertical-align: middle;
  border: var(--isc-standard_transparent_border);
  border-radius: var(--isc-ribbonButton_menu_icon_border_radius);
  margin-top: 3px;
  /* apply a default color, in case the icons are SVG that can be styled */
  color: var(--isc-icon_color);
}

/*============================================================
	13) Tools
============================================================*/
.resizeThumb {
  border: var(--isc-resize_thumb_border);
  background-color: var(--isc-resize_thumb_bgColor);
  background-image: var(--isc-resize_thumb_gradient);
}

.cornerResizeThumb {
  border-radius: var(--isc-corner_resize_thumb_border_radius);
}

/*============================================================
   14) TileGrid
==============================================================*/
.tileGrid {
  border: var(--isc-tileGrid_border);
}

.tileValue,
.tileValueDown,
.tileValueSelected,
.tileValueOver,
.tileValueSelectedOver,
.tileValueSelectedDown {
  font-size: var(--isc-tileGrid_simpleTile_font_size);
  text-overflow: ellipsis;
}

.tileValueOver {
  color: var(--isc-tileGrid_simpleTile_color);
}

.tileValueSelected {
  color: var(--isc-tileGrid_simpleTile_color);
}

.tileValueSelectedOver {
  color: var(--isc-tileGrid_simpleTile_color);
}

.simpleTile,
.simpleTileOver,
.simpleTileSelected,
.simpleTileSelectedOver {
  font-size: var(--isc-tileGrid_simpleTile_font_size);
  padding: var(--isc-tileGrid_simpleTile_padding);
}

.simpleTile {
  border: var(--isc-standard_transparent_border);
}

.simpleTileOver {
  background-color: var(--isc-tileGrid_simpleTile_over_bgColor);
  background-image: var(--isc-tileGrid_simpleTile_over_bgImage);
  border: var(--isc-tileGrid_simpleTile_over_border);
}

.simpleTileSelected,
.simpleTileSelectedOver {
  background-color: var(--isc-tileGrid_simpleTile_selected_bgColor);
  background-image: var(--isc-tileGrid_simpleTile_selected_bgImage);
  border: var(--isc-tileGrid_simpleTile_selected_border);
}

/*============================================================
	15) Scrollbars
============================================================*/
/* CSS3 Mode using images from a sprite - see below for horizontal/verticalScrollbar which use 
   pseudo-elements to show a separate element, that can be styled just with variables */
/* FireFox shows builtin auto-hiding scrollbars and all we can do is set the thumb-color to match
    the skin - there's no other control right now - you can only make the thumb width "thin", "auto"
    or "none" - you can't control the actual thumb-width, or radius or any other CSS details for 
    builtin scrollers in FF.  In other browsers, there is partial support for pseudo classes like 
    ::webkit-scrollbar-track/thumb[:hover], for example.
*/
* {
  /* skin's thumb-color, transparent track */
  scrollbar-color: var(--isc-scrollThumb_bgColor) transparent;
}

.scrollbar {
  background: var(--isc-scrollbar_bgColor);
}

.scrollCorner,
.scrollCornerDown,
.scrollCornerOver {
  background-color: var(--isc-scrollbar_corner_bgColor);
  background-image: var(--isc-scrollbar_corner_bgImage);
}

.vScrollStartDisabled,
.vScrollStart,
.vScrollStartOver,
.vScrollStartDown {
  background-image: var(--isc-scrollbar_vertical_sprite_image);
  background-position: -16px 0px;
  border-left: var(--isc-scrollbar_default_border);
  border-right: var(--isc-scrollbar_default_border);
  color: var(--isc-icon_color);
}

.vScrollStartDisabled {
  background-position: 0px 0px;
  color: var(--isc-icon_disabled_color);
}

.vScrollStartOver {
  background-position: var(--isc-scrollbar_vertical_start_over_xpos) 0px;
  color: var(--isc-icon_over_color);
}

.vScrollStartDown {
  background-position: var(--isc-scrollbar_vertical_start_down_xpos) 0px;
  color: var(--isc-icon_over_color);
}

.vScrollTrackStretchDisabled,
.vScrollTrackStretch,
.vScrollTrackStretchOver,
.vScrollTrackStretchDown {
  background-image: var(--isc-scrollbar_vertical_sprite_image);
  background-repeat: repeat-y;
  background-position: -80px 0px;
}

.vScrollTrackStretchDisabled {
  background-position: -64px 0px;
}

.vScrollTrackStretchOver {
  background-position: -96px 0px;
}

.vScrollTrackStretchDown {
  background-position: -112px 0px;
}

.vScrollEndDisabled,
.vScrollEnd,
.vScrollEndOver,
.vScrollEndDown {
  background-image: var(--isc-scrollbar_vertical_sprite_image);
  background-position: -16px -18px;
  border-left: var(--isc-scrollbar_default_border);
  border-right: var(--isc-scrollbar_default_border);
  color: var(--isc-icon_color);
}

.vScrollEndDisabled {
  background-position: 0px -18px;
  color: var(--isc-icon_disabled_color);
}

.vScrollEndOver {
  background-position: var(--isc-scrollbar_vertical_end_over_xpos) -18px;
  color: var(--isc-icon_over_color);
}

.vScrollEndDown {
  background-position: var(--isc-scrollbar_vertical_end_down_xpos) -18px;
  color: var(--isc-icon_over_color);
}

.vScrollCornerDisabled,
.vScrollCorner,
.vScrollCornerOver,
.vScrollCornerDown {
  background-image: var(--isc-scrollbar_vertical_sprite_image);
  background-position: 0px -40px;
}

.vScrollThumbStartDisabled,
.vScrollThumbStart,
.vScrollThumbStartOver,
.vScrollThumbStartDown {
  background-image: var(--isc-scrollbar_vertical_sprite_image);
  background-position: -16px -36px;
}

.vScrollThumbStartDisabled {
  background-position: 0px -36px;
}

.vScrollThumbStartOver {
  background-position: -32px -36px;
}

.vScrollThumbStartDown {
  background-position: -48px -36px;
}

.vScrollThumbStretchDisabled,
.vScrollThumbStretch,
.vScrollThumbStretchOver,
.vScrollThumbStretchDown {
  background-image: var(--isc-scrollbar_vertical_sprite_image);
  background-repeat: repeat-y;
  background-position: -144px 0px;
}

.vScrollThumbStretchDisabled {
  background-position: -128px 0px;
}

.vScrollThumbStretchOver {
  background-position: -160px 0px;
}

.vScrollThumbStretchDown {
  background-position: -176px 0px;
}

.vScrollThumbEndDisabled,
.vScrollThumbEnd,
.vScrollThumbEndOver,
.vScrollThumbEndDown {
  background-image: var(--isc-scrollbar_vertical_sprite_image);
  background-position: -16px -38px;
}

.vScrollThumbEndDisabled {
  background-position: 0px -38px;
}

.vScrollThumbEndOver {
  background-position: -32px -38px;
}

.vScrollThumbEndDown {
  background-position: -48px -38px;
}

.vScrollThumbGripDisabled,
.vScrollThumbGrip,
.vScrollThumbGripOver,
.vScrollThumbGripDown {
  background-image: var(--isc-scrollbar_vertical_sprite_image);
}

.hScrollStartDisabled,
.hScrollStart,
.hScrollStartOver,
.hScrollStartDown {
  background-image: var(--isc-scrollbar_horizontal_sprite_image);
  background-position: 0px -16px;
  border-top: var(--isc-scrollbar_default_border);
  border-bottom: var(--isc-scrollbar_default_border);
  border-left: var(--isc-scrollbar_default_border);
}

.hScrollStartDisabled {
  background-position: 0px 0px;
}

.hScrollStartOver {
  background-position: 0px var(--isc-scrollbar_horizontal_start_over_ypos);
}

.hScrollStartDown {
  background-position: 0px var(--isc-scrollbar_horizontal_start_down_ypos);
}

.hScrollTrackStretchDisabled,
.hScrollTrackStretch,
.hScrollTrackStretchOver,
.hScrollTrackStretchDown {
  background-image: var(--isc-scrollbar_horizontal_sprite_image);
  background-repeat: repeat-x;
  background-position: 0px -80px;
}

.hScrollTrackStretchDisabled {
  background-position: 0px -64px;
}

.hScrollTrackStretchOver {
  background-position: 0px -96px;
}

.hScrollTrackStretchDown {
  background-position: 0px -112px;
}

.hScrollEndDisabled,
.hScrollEnd,
.hScrollEndOver,
.hScrollEndDown {
  background-image: var(--isc-scrollbar_horizontal_sprite_image);
  background-position: -18px -16px;
  border-top: var(--isc-scrollbar_default_border);
  border-bottom: var(--isc-scrollbar_default_border);
  border-right: var(--isc-scrollbar_default_border);
}

.hScrollEndDisabled {
  background-position: -18px 0px;
}

.hScrollEndOver {
  background-position: -18px var(--isc-scrollbar_horizontal_end_over_ypos);
}

.hScrollEndDown {
  background-position: -18px var(--isc-scrollbar_horizontal_end_down_ypos);
}

.hScrollCornerDisabled,
.hScrollCorner,
.hScrollCornerOver,
.hScrollCornerDown {
  background-image: var(--isc-scrollbar_horizontal_sprite_image);
  background-position: -40px 0px;
}

.hScrollThumbStartDisabled,
.hScrollThumbStart,
.hScrollThumbStartOver,
.hScrollThumbStartDown {
  background-image: var(--isc-scrollbar_horizontal_sprite_image);
  background-position: -36px -16px;
}

.hScrollThumbStartDisabled {
  background-position: -36px 0px;
}

.hScrollThumbStartOver {
  background-position: -36px -32px;
}

.hScrollThumbStartDown {
  background-position: -36px -48px;
}

.hScrollThumbStretchDisabled,
.hScrollThumbStretch,
.hScrollThumbStretchOver,
.hScrollThumbStretchDown {
  background-image: var(--isc-scrollbar_horizontal_sprite_image);
  background-repeat: repeat-x;
  background-position: 0px -144px;
}

.hScrollThumbStretchDisabled {
  background-position: 0px -128px;
}

.hScrollThumbStretchOver {
  background-position: 0px -160px;
}

.hScrollThumbStretchDown {
  background-position: 0px -176px;
}

.hScrollThumbEndDisabled,
.hScrollThumbEnd,
.hScrollThumbEndOver,
.hScrollThumbEndDown {
  background-image: var(--isc-scrollbar_horizontal_sprite_image);
  background-position: -38px -16px;
}

.hScrollThumbEndDisabled {
  background-position: -38px 0px;
}

.hScrollThumbEndOver {
  background-position: -38px -32px;
}

.hScrollThumbEndDown {
  background-position: -38px -48px;
}

.hScrollThumbGripDisabled,
.hScrollThumbGrip,
.hScrollThumbGripOver,
.hScrollThumbGripDown {
  background-image: var(--isc-scrollbar_horizontal_sprite_image);
}

/* track and thumb */
.hScrollTrack {
  background-color: var(--isc-scrollTrack_bgColor);
  border-top: var(--isc-scrollbar_default_border);
  border-bottom: var(--isc-scrollbar_default_border);
}

.hScrollTrackDown {
  background-color: var(--isc-scrollTrack_down_bgColor);
  border-top: var(--isc-scrollbar_default_border);
  border-bottom: var(--isc-scrollbar_default_border);
}

.hScrollTrackOver {
  background-color: var(--isc-scrollTrack_over_bgColor);
}

.hScrollTrackDisabled {
  background: var(--isc-scrollTrack_disabled_background);
  border-top: var(--isc-scrollbar_default_border);
  border-bottom: var(--isc-scrollbar_default_border);
}

.vScrollTrack {
  background-color: var(--isc-scrollTrack_bgColor);
  border-left: var(--isc-scrollbar_default_border);
  border-right: var(--isc-scrollbar_default_border);
}

.vScrollTrackDown {
  background-color: var(--isc-scrollTrack_down_bgColor);
  border-left: var(--isc-scrollbar_default_border);
  border-right: var(--isc-scrollbar_default_border);
}

.vScrollTrackOver {
  background-color: var(--isc-scrollTrack_over_bgColor);
  border-left: var(--isc-scrollbar_default_border);
  border-right: var(--isc-scrollbar_default_border);
}

.vScrollTrackDisabled {
  background: var(--isc-scrollTrack_disabled_background);
  border-left: var(--isc-scrollbar_default_border);
  border-right: var(--isc-scrollbar_default_border);
}

.vScrollThumb,
.vScrollThumbOver {
  background-image: var(--isc-scrollbar_vertical_sprite_image);
}

.vScrollThumb {
  background-position: -136px 0px;
}

.vScrollThumbOver {
  background-position: -120px 0px;
}

.vScrollThumbGripDisabled {
  background-position: -16px -40px;
}

.vScrollThumbGrip {
  background-position: -26px -40px;
}

.vScrollThumbGripOver {
  background-position: -26px -40px;
}

.vScrollThumbGripDown {
  background-position: -26px -40px;
}

.hScrollThumb,
.hScrollThumbOver {
  background-image: var(--isc-scrollbar_horizontal_sprite_image);
}

.hScrollThumb {
  background-position: 0px -131px;
}

.hScrollThumbOver {
  background-position: 0px -118px;
}

.hScrollThumbGripDisabled {
  background-position: -40px -16px;
}

.hScrollThumbGrip {
  background-position: -40px -26px;
}

.hScrollThumbGripOver {
  background-position: -40px -26px;
}

.hScrollThumbGripDown {
  background-position: -40px -26px;
}

/* MinimalScrollbar track and thumb */
.minimalScrollTrackLight {
  background-color: var(--isc-minimalScrollTrackLight_bgColor);
}

.minimalScrollTrackDark {
  background-color: var(--isc-minimalScrollTrackDark_bgColor);
}

.minimalScrollTrackLightInteractive {
  background-color: var(--isc-minimalScrollTrackLight_interactive_bgColor);
}

.minimalScrollTrackDarkInteractive {
  background-color: var(--isc-minimalScrollTrackDark_interactive_bgColor);
}

.minimalScrollThumbLight,
.minimalScrollThumbLightInteractive {
  border-radius: var(--isc-minimalScrollThumb_border_radius);
  background-color: var(--isc-minimalScrollThumbLight_bgColor);
}

.minimalScrollThumbDark,
.minimalScrollThumbDarkInteractive {
  border-radius: var(--isc-minimalScrollThumb_border_radius);
  background-color: var(--isc-minimalScrollThumbDark_bgColor);
}

/*----- CSS Thumbs using pseudo-classes -----*/
/* *** pseudo-element ScrollBars - you can style breadth, radius and stateful colors with variables
   -- note that these don't work in FireFox, which shows builtin auto-hiding scrollers - see code 
   above, which sets only the thumb/scroll-icon color in the default state - that's all you can do 
   right now 
*/
.verticalScrollThumb {
  border-radius: 2px;
  position: relative;
}

.verticalScrollThumb:before,
.verticalScrollThumbOver:before,
.verticalScrollThumbDown:before,
.verticalScrollThumbDisabled:before {
  content: "";
  height: 100%;
  position: absolute;
  display: block;
  width: var(--isc-scrollThumb_breadth);
  background-color: var(--isc-scrollThumb_bgColor);
  transition: background-color 0.2s;
  border-radius: var(--isc-scrollThumb_radius);
  left: 50%;
  /* Move the pseudo-element to the center of the container */
  transform: translateX(-50%);
  /* Offset it to truly center it */
}

.verticalScrollThumbOver:before {
  background-color: var(--isc-scrollThumb_over_bgColor);
}

.verticalScrollThumbDown:before {
  background-color: var(--isc-scrollThumb_down_bgColor);
}

.verticalScrollThumbDisabled:before {
  background-color: var(--isc-scrollThumb_disabled_bgColor);
}

.horizontalScrollThumb:before,
.horizontalScrollThumbOver:before,
.horizontalScrollThumbDown:before,
.horizontalScrollThumbDisabled:before {
  content: "";
  height: var(--isc-scrollThumb_breadth);
  position: absolute;
  display: block;
  width: 100%;
  background-color: var(--isc-scrollThumb_bgColor);
  transition: background-color 0.2s;
  border-radius: var(--isc-scrollThumb_radius);
  top: 50%;
  /* Move the pseudo-element to the center of the container */
  transform: translateY(-50%);
  /* Offset it to truly center it */
}

.horizontalScrollThumbOver:before {
  background-color: var(--isc-scrollThumb_over_bgColor);
}

.horizontalScrollThumbDown:before {
  background-color: var(--isc-scrollThumb_down_bgColor);
}

.horizontalScrollThumbDisabled:before {
  background-color: var(--isc-scrollThumb_disabled_bgColor);
}

.verticalScrollTrack,
.horizontalScrollTrack {
  background-color: transparent;
}

/* end pseudo-element Scrollbars */
/*============================================================
    16) ToggleSwitch
============================================================*/
.toggleSwitch,
.toggleSwitchOff,
.toggleSwitchOn {
  /* General styles for the toggle switch */
  border: var(--isc-toggleSwitch_off_border);
  border-radius: var(--isc-toggleSwitch_border_radius);
  background-color: var(--isc-toggleSwitch_off_bgColor);
  transition: background-color 0.1s ease-in-out;
}

.toggleSwitchOff {
  /* Styles for the off state of the toggle switch */
  border: var(--isc-toggleSwitch_off_border);
  background-color: var(--isc-toggleSwitch_off_bgColor);
}

.toggleSwitchOn {
  /* Styles for the on state of the toggle switch */
  border: var(--isc-toggleSwitch_on_border);
  background-color: var(--isc-toggleSwitch_on_bgColor);
}

.toggleSwitchOffDisabled,
.toggleSwitchOnDisabled {
  border-radius: var(--isc-toggleSwitch_border_radius);
  border: var(--isc-toggleSwitch_off_border);
  background-color: var(--isc-toggleSwitch_off_bgColor);
  transition: background-color 0.1s ease-in-out;
}

.toggleSwitchThumb,
.toggleSwitchThumbOff,
.toggleSwitchThumbOn {
  /* Styles for the states of the toggle switch thumb */
  background-color: var(--isc-toggleSwitch_thumb_bgColor);
  border-radius: var(--isc-toggleSwitch_thumb_border_radius);
  border: var(--isc-toggleSwitch_thumb_border);
  transition: background-color 0.1s ease-in-out;
  box-sizing: border-box;
}

.toggleSwitchThumbOff {
  /* Styles for the off state of the toggle switch */
  background-color: var(--isc-toggleSwitch_thumb_bgColor);
  border-radius: var(--isc-toggleSwitch_thumb_border_radius);
  border: var(--isc-toggleSwitch_thumb_border);
}

.toggleSwitchThumbOn {
  /* Styles for the on state of the toggle switch thumb */
  background-color: var(--isc-toggleSwitch_thumb_bgColor);
  border-radius: var(--isc-toggleSwitch_thumb_border_radius);
  border: var(--isc-toggleSwitch_thumb_border);
}

.toggleSwitchThumbDisabled,
.toggleSwitchThumbOffDisabled,
.toggleSwitchThumbOnDisabled {
  /* Styles for the off state of the toggle switch */
  border-radius: var(--isc-toggleSwitch_thumb_border_radius);
  border: var(--isc-toggleSwitch_thumb_border);
  background-color: var(--isc-toggleSwitch_thumb_bgColor);
}

/* GradientEditor */
.gradientEditor {
  background-color: var(--isc-gradientEditor_bgColor);
  color: var(--isc-gradientEditor_color);
  border: var(--isc-standard_border_width) var(--isc-standard_border_style) var(--isc-gradientEditor_border_color);
}

.gradientTemplateLayout {
  background-color: var(--isc-gradientTemplateLayout_bgColor);
  color: var(--isc-gradientTemplateLayout_color);
  border: var(--isc-standard_border_width) var(--isc-standard_border_style) var(--isc-gradientTemplateLayout_border_color);
}

.svgCheckbox {
  color: var(--isc-svgCheckbox_color);
  transition: color, background-color 0.1s ease-in-out;
}

.svgRadio {
  color: var(--isc-svgRadio_color);
  transition: color, background-color 0.1s ease-in-out;
}

.radioAnchor,
.radioAnchorOver,
.radioAnchorFocused,
.radioAnchorFocusedOver,
.radioAnchorDisabled,
.radioAnchorError,
.radioAnchorErrorOver,
.radioAnchorErrorFocused,
.radioAnchorErrorFocusedOver,
.radioAnchorPending,
.radioAnchorPendingOver,
.radioAnchorPendingFocused,
.radioAnchorPendingFocusedOver,
.radioAnchorPendingDisabled,
.radioAnchorPendingError,
.radioAnchorPendingErrorOver,
.radioAnchorPendingErrorFocused,
.radioAnchorPendingErrorFocusedOver {
  color: var(--isc-formItem_color);
  font-family: var(--isc-formItem_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-formItem_font_size);
  vertical-align: middle;
  text-decoration: none;
  outline-width: 0px;
  padding: 0px 1px 0px 2px;
}

/* pending */
.radioAnchorPending,
.radioAnchorPendingOver,
.radioAnchorPendingFocused,
.radioAnchorPendingFocusedOver,
.radioAnchorPendingDisabled {
  color: var(--isc-pending_value_color);
}

/* error */
.radioAnchorError,
.radioAnchorErrorOver,
.radioAnchorErrorFocused,
.radioAnchorErrorFocusedOver,
.radioAnchorPendingError,
.radioAnchorPendingErrorOver,
.radioAnchorPendingErrorFocused,
.radioAnchorPendingErrorFocusedOver {
  color: var(--isc-formItem_error_color);
}

/*IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII
IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII
IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII

	Styles below this comment are used by optional modules only

IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII
IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII
IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII*/
/*============================================================
	CubeGrid - Analytics Module only
		cubeGrid.baseStyle - cubeCell
		headerGrid.baseStyle - rowHeader
		reportHeaderBar.button.baseStyle - rowHeader
		reportHeaderBar.button.baseStyle - innerHeader/colHeader
		reportHeaderBar.button.baseStyle - rowHeaderLabel
		reportHeaderBar.button.baseStyle - colHeaderLabel
============================================================*/
.cubeCell,
.cubeCellOver,
.cubeCellSelected,
.cubeCellSelectedOver,
.cubeCellDark,
.cubeCellDisabled {
  background-color: var(--isc-cubeGrid_cell_bgColor);
  border: none;
  border-right: var(--isc-cubeGrid_cell_border);
  border-bottom: var(--isc-cubeGrid_cell_border);
  font-family: var(--isc-cubeGrid_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-cubeGrid_font_size);
  color: var(--isc-cubeGrid_cell_color);
  text-overflow: ellipsis;
  transition: initial;
}

.cubeCellDark {
  background-color: var(--isc-cubeGrid_cell_dark_bgColor);
  color: var(--isc-cubeGrid_cell_color);
}

.cubeCellDisabled {
  color: var(--isc-cubeGrid_cell_disabled_color);
}

/* partial styles */
.cubeCellOver {
  color: var(--isc-cubeGrid_cell_over_color);
  background-color: var(--isc-cubeGrid_cell_over_bgColor);
}

.cubeCellSelected {
  color: var(--isc-cubeGrid_cell_selected_color);
  background-color: var(--isc-cubeGrid_cell_selected_bgColor);
}

.cubeCellSelectedOver {
  color: var(--isc-cubeGrid_cell_selected_over_color);
  background-color: var(--isc-cubeGrid_cell_selected_over_bgColor);
}

/* row headers */
.rowHeader,
.rowHeaderOver,
.rowHeaderDown,
.rowHeaderDisabled,
.rowHeaderSelected,
.rowHeaderSelectedDown,
.rowHeaderSelectedOver,
.rowHeaderSelectedDisabled {
  font-family: var(--isc-cubeGrid_rowHeader_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-cubeGrid_rowHeader_font_size);
  color: var(--isc-cubeGrid_rowHeader_color);
  background-color: var(--isc-cubeGrid_rowHeader_bgColor);
  border: var(--isc-cubeGrid_rowHeader_border);
  border-left: none;
  border-top: none;
}

.rowHeaderOver {
  color: var(--isc-cubeGrid_rowHeader_over_color);
  background-color: var(--isc-cubeGrid_rowHeader_over_bgColor);
}

.rowHeaderSelected,
.rowHeaderSelectedDown,
.rowHeaderDown {
  color: var(--isc-cubeGrid_rowHeader_selected_color);
  background-color: var(--isc-cubeGrid_rowHeader_selected_bgColor);
}

.rowHeaderSelectedOver {
  color: var(--isc-cubeGrid_rowHeader_selected_over_color);
  background-color: var(--isc-cubeGrid_rowHeader_selected_over_bgColor);
}

.rowHeaderDisabled,
.rowHeaderSelectedDisabled {
  color: var(--isc-cubeGrid_rowHeader_disabled_color);
  background-color: var(--isc-cubeGrid_rowHeader_disabled_bgColor);
  border: var(--isc-cubeGrid_rowHeader_disabled_border);
  border-left: none;
  border-top: none;
}

/* row header label (above the rowHeaders, on the left) */
.rowHeaderLabel,
.rowHeaderLabelOver,
.rowHeaderLabelDown,
.rowHeaderLabelDisabled,
.rowHeaderLabelSelected,
.rowHeaderLabelSelectedDown,
.rowHeaderLabelSelectedOver,
.rowHeaderLabelSelectedDisabled {
  font-family: var(--isc-cubeGrid_rowHeaderLabel_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-cubeGrid_rowHeaderLabel_font_size);
  color: var(--isc-cubeGrid_rowHeaderLabel_color);
  background-color: var(--isc-cubeGrid_rowHeaderLabel_bgColor);
  border: var(--isc-cubeGrid_rowHeaderLabel_border);
  border-left: none;
  border-top: none;
}

.rowHeaderLabelOver {
  color: var(--isc-cubeGrid_rowHeaderLabel_over_color);
  background-color: var(--isc-cubeGrid_rowHeaderLabel_over_bgColor);
}

.rowHeaderLabelSelected,
.rowHeaderLabelSelectedDown,
.rowHeaderLabelDown {
  color: var(--isc-cubeGrid_rowHeaderLabel_selected_color);
  background-color: var(--isc-cubeGrid_rowHeaderLabel_selected_bgColor);
}

.rowHeaderLabelSelectedOver {
  color: var(--isc-cubeGrid_rowHeaderLabel_selected_over_color);
  background-color: var(--isc-cubeGrid_rowHeaderLabel_selected_over_bgColor);
}

.rowHeaderLabelDisabled,
.rowHeaderLabelSelectedDisabled {
  color: var(--isc-cubeGrid_header_disabled_color);
  background-color: var(--isc-cubeGrid_header_disabled_bgColor);
  border: var(--isc-cubeGrid_header_disabled_border);
  border-left: none;
  border-top: none;
}

/* column headers */
.colHeader,
.colHeaderOver,
.colHeaderDown,
.colHeaderDisabled,
.colHeaderSelected,
.colHeaderSelectedDown,
.colHeaderSelectedOver,
.colHeaderSelectedDisabled {
  font-family: var(--isc-cubeGrid_colHeader_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-cubeGrid_colHeader_font_size);
  color: var(--isc-cubeGrid_colHeader_color);
  background-color: var(--isc-cubeGrid_colHeader_bgColor);
  border: var(--isc-cubeGrid_colHeader_border);
  border-left: none;
  border-top: none;
}

.colHeaderOver {
  color: var(--isc-cubeGrid_colHeader_over_color);
  background-color: var(--isc-cubeGrid_colHeader_over_bgColor);
}

.colHeaderSelected,
.colHeaderSelectedDown,
.colHeaderDown {
  color: var(--isc-cubeGrid_colHeader_selected_color);
  background-color: var(--isc-cubeGrid_colHeader_selected_bgColor);
}

.colHeaderSelectedOver {
  color: var(--isc-cubeGrid_colHeader_selected_over_color);
  background-color: var(--isc-cubeGrid_colHeader_selected_over_bgColor);
}

.colHeaderDisabled,
.colHeaderSelectedDisabled {
  color: var(--isc-cubeGrid_colHeader_disabled_color);
  background-color: var(--isc-cubeGrid_colHeader_disabled_bgColor);
  border: var(--isc-cubeGrid_colHeader_disabled_border);
  border-left: none;
  border-top: none;
}

/* col header label (to the left of the upper-most col-headers, above the grid) */
.colHeaderLabel,
.colHeaderLabelOver,
.colHeaderLabelDown,
.colHeaderLabelDisabled,
.colHeaderLabelSelected,
.colHeaderLabelSelectedDown,
.colHeaderLabelSelectedOver,
.colHeaderLabelSelectedDisabled {
  font-family: var(--isc-cubeGrid_colHeaderLabel_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-cubeGrid_colHeaderLabel_font_size);
  color: var(--isc-cubeGrid_colHeaderLabel_color);
  background-color: var(--isc-cubeGrid_colHeaderLabel_bgColor);
  border: var(--isc-cubeGrid_colHeaderLabel_border);
  border-left: none;
  border-top: none;
}

.colHeaderLabelOver {
  color: var(--isc-cubeGrid_colHeaderLabel_over_color);
  background-color: var(--isc-cubeGrid_colHeaderLabel_over_bgColor);
}

.colHeaderLabelSelected,
.colHeaderLabelSelectedDown,
.colHeaderLabelDown {
  color: var(--isc-cubeGrid_colHeaderLabel_selected_color);
  background-color: var(--isc-cubeGrid_colHeaderLabel_selected_bgColor);
}

.colHeaderLabelSelectedOver {
  color: var(--isc-cubeGrid_colHeaderLabel_selected_over_color);
  background-color: var(--isc-cubeGrid_colHeaderLabel_selected_over_bgColor);
}

.colHeaderLabelDisabled,
.colHeaderLabelSelectedDisabled {
  color: var(--isc-cubeGrid_header_disabled_color);
  background-color: var(--isc-cubeGrid_header_disabled_bgColor);
  border: var(--isc-cubeGrid_header_disabled_border);
  border-left: none;
  border-top: none;
}

/* inner header */
.innerHeader,
.innerHeaderOver,
.innerHeaderDown,
.innerHeaderDisabled,
.innerHeaderSelected,
.innerHeaderSelectedDown,
.innerHeaderSelectedOver,
.innerHeaderSelectedDisabled {
  font-family: var(--isc-cubeGrid_innerHeader_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-cubeGrid_innerHeader_font_size);
  color: var(--isc-cubeGrid_innerHeader_color);
  background-color: var(--isc-cubeGrid_innerHeader_bgColor);
  border: var(--isc-cubeGrid_innerHeader_border);
  border-left: none;
}

.innerHeaderOver {
  color: var(--isc-cubeGrid_innerHeader_over_color);
  background-color: var(--isc-cubeGrid_innerHeader_over_bgColor);
}

.innerHeaderSelected,
.innerHeaderSelectedDown,
.innerHeaderDown {
  color: var(--isc-cubeGrid_innerHeader_selected_color);
  background-color: var(--isc-cubeGrid_innerHeader_selected_bgColor);
}

.innerHeaderSelectedOver {
  color: var(--isc-cubeGrid_innerHeader_selected_over_color);
  background-color: var(--isc-cubeGrid_innerHeader_selected_over_bgColor);
}

.innerHeaderDisabled,
.innerHeaderSelectedDisabled {
  color: var(--isc-cubeGrid_innerHeader_disabled_color);
  background-color: var(--isc-cubeGrid_innerHeader_disabled_bgColor);
}

/*============================================================
	BarChart
	internal, charting/visualization module only
		styleName - chart
		barStyle - chartBar
		others are currently fixed
============================================================*/
.scChart {
  border: var(--isc-scChart_border);
}

.chart {
  background-color: var(--isc-default_border_dark_color);
}

.chartTitle {
  color: var(--isc-standard_color);
  font-family: var(--isc-primary_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-standard_header_font_size);
  font-weight: var(--isc-chart_fontWeight);
  text-align: center;
}

.chartAxisTitle {
  color: var(--isc-chart_axis_title_color);
  font-family: var(--isc-primary_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-chart_font_size);
  font-weight: var(--isc-chart_fontWeight);
}

.chartValueTitle {
  color: var(--isc-standard_color);
  font-family: var(--isc-primary_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-chart_value_font_size);
}

.chartTotal {
  background-color: linen;
  color: var(--isc-standard_color);
  font-family: var(--isc-primary_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-chart_font_size);
}

.chartBody {
  background-color: var(--isc-standard_border_color);
  border-left: var(--isc-standard_border);
  border-right: var(--isc-standard_border);
  border-top: var(--isc-standard_border_width) dashed var(--isc-standard_blue);
}

.chartBar1 {
  background-color: var(--isc-chartBar1_bgColor);
  background-image: var(--isc-chartBar1_gradient);
}

.chartBar2 {
  background-color: var(--isc-chartBar2_bgColor);
  background-image: var(--isc-chartBar2_gradient);
}

.chartBar3 {
  background-color: var(--isc-chartBar3_bgColor);
  background-image: var(--isc-chartBar3_gradient);
}

/*============================================================
	Printing
        printHeader - general print style for header elements including:
        - ListGrid header cells
        - SectionStack headers
============================================================*/
.printHeader {
  border: var(--isc-listGrid_headerButton_print_border);
  font-family: var(--isc-listGrid_headerButton_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-listGrid_headerButton_font_size);
  font-weight: var(--isc-listGrid_headerButton_font_weight);
}

/*============================================================
	Calendar
============================================================*/
/* Calendar headerBar */
.calendarHeaderBar {
  background-color: var(--isc-listGrid_headerBar_bgColor);
  border-right: none;
  border-top: var(--isc-listGrid_headerBar_top_border);
  border-bottom: var(--isc-listGrid_headerBar_bottom_border);
}

.calendarHeaderBarDisabled {
  background-color: var(--isc-listGrid_headerButton_disabled_bgColor);
}

/* Calendar date cells */
.calendar,
.calendarOver,
.calendarSelected,
.calendarSelectedOver,
.calendarDisabled,
.calendarDisabledOver,
.calendarDisabledSelected {
  background-color: var(--isc-calendar_bgColor);
  border: var(--isc-standard_transparent_border);
  border-bottom: var(--isc-calendar_border);
  border-right: var(--isc-calendar_border);
  color: var(--isc-calendar_text_color);
  font-family: var(--isc-calendar_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-calendar_font_size);
}

/* normal cell Over state */
.calendarOver,
.calendarDisabledOver {
  background-color: var(--isc-listGrid_cell_over_bgColor);
  color: var(--isc-listGrid_cell_over_color);
}

.calendarSelected {
  background-color: var(--isc-calendar_selected_bgColor);
  color: var(--isc-calendar_selected_color);
}

.calendarSelectedOver {
  background-color: var(--isc-calendar_selected_bgColor);
  color: var(--isc-calendar_selected_color);
}

.calendarDisabled {
  background-color: var(--isc-calendar_disabled_bgColor);
}

.calendarDisabledSelected {
  background-color: var(--isc-calendar_disabled_selected_bgColor);
}

/* calendar dark - for alternate row/col styles */
.calendarDark,
.calendarOverDark,
.calendarSelectedDark,
.calendarSelectedOverDark,
.calendarDisabledDark,
.calendarDisabledOverDark,
.calendarDisabledSelectedDark {
  background-color: var(--isc-calendar_dark_bgColor);
  border: var(--isc-standard_transparent_border);
  border-bottom: var(--isc-calendar_border);
  border-right: var(--isc-calendar_border);
  color: var(--isc-calendar_text_color);
  font-family: var(--isc-calendar_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-calendar_font_size);
}

.calendarSelectedDark {
  background-color: var(--isc-calendar_selected_bgColor);
  color: var(--isc-calendar_selected_color);
}

.calendarSelectedOverDark {
  background-color: var(--isc-calendar_selected_bgColor);
  color: var(--isc-calendar_selected_color);
}

.calendarDisabledDark {
  background-color: var(--isc-calendar_disabled_bgColor);
}

.calendarDisabledSelectedDark {
  background-color: var(--isc-calendar_disabled_selected_bgColor);
}

/* drag-select canvas */
.calendarCellSelected {
  background-color: var(--isc-default_border_dark_color);
  border: var(--isc-standard_transparent_border);
  border-bottom: var(--isc-calendar_border);
  border-right: var(--isc-calendar_border);
  color: var(--isc-calendar_text_color);
  font-family: var(--isc-calendar_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-calendar_font_size);
}

/* Calendar cells that fall in the defined work-day */
.calendarWorkday,
.calendarWorkdayOver,
.calendarWorkdaySelected,
.calendarWorkdaySelectedOver,
.calendarWorkdayDisabled,
.calendarWorkdayDisabledOver {
  background-color: var(--isc-calendar_workDay_bgColor);
  border: var(--isc-standard_transparent_border);
  border-bottom: var(--isc-calendar_border);
  border-right: var(--isc-calendar_border);
  color: var(--isc-calendar_text_color);
  font-family: var(--isc-calendar_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-calendar_font_size);
}

.calendarWorkdaySelected {
  background-color: var(--isc-default_border_dark_color);
}

.calendarWorkdayDisabled {
  background-color: var(--isc-calendar_disabled_bgColor);
}

/* Calendar labelColumn - used for day/weekView time-column and Timeline-laneField */
.labelColumn,
.labelColumnDark,
.labelColumnOver,
.labelColumnOverDark,
.labelColumnSelected,
.labelColumnSelectedOver,
.labelColumnSelectedDark,
.labelColumnSelectedOverDark,
.labelColumnDisabled,
.labelColumnDisabledDark,
.labelColumnDisabledSelected,
.labelColumnDisabledSelectedDark {
  background-color: var(--isc-calendar_label_column_bgColor);
  color: var(--isc-calendar_label_column_color);
  border: var(--isc-standard_transparent_border);
  border-bottom: var(--isc-calendar_border);
  border-right: var(--isc-calendar_border);
  font-family: var(--isc-calendar_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-calendar_font_size);
}

.labelColumnOver,
.labelColumnOverDark,
.labelColumnSelected,
.labelColumnSelectedDark,
.labelColumnSelectedOver,
.labelColumnSelectedOverDark {
  background-color: var(--isc-calendar_label_column_selected_bgColor);
  color: var(--isc-calendar_label_column_selected_color);
}

.labelColumnDisabled,
.labelColumnDisabledDark {
  background-color: var(--isc-calendar_label_column_disabled_bgColor);
  color: var(--isc-calendar_label_column_disabled_color);
}

.labelColumnDisabledSelected,
.labelColumnDisabledSelectedDark {
  background-color: var(--isc-calendar_label_column_disabled_selected_bgColor);
  color: var(--isc-calendar_label_column_disabled_selected_color);
}

/* ---- monthView ---- */
/* calMonthDayHeader */
.calMonthDayHeader,
.calMonthDayHeaderDark,
.calMonthDayHeaderOver,
.calMonthDayHeaderOverDark,
.calMonthDayHeaderSelected,
.calMonthDayHeaderSelectedDark,
.calMonthDayHeaderSelectedOver,
.calMonthDayHeaderSelectedOverDark,
.calMonthDayHeaderSelectedDisabled,
.calMonthDayHeaderDisabled {
  background-color: var(--isc-calendar_dark_bgColor);
  border-bottom: var(--isc-calendar_border);
  border-right: var(--isc-calendar_border);
  color: var(--isc-calendar_text_color);
  font-family: var(--isc-calendar_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-calendar_font_size);
}

.calMonthDayHeaderOver,
.calMonthDayHeaderOverDark {
  background-color: var(--isc-calendar_month_otherDay_header_selected_bgColor);
  color: var(--isc-calendar_day_header_font_color);
}

.calMonthDayHeaderSelected,
.calMonthDayHeaderSelectedDark,
.calMonthDayHeaderSelectedOver,
.calMonthDayHeaderSelectedOverDark,
.calMonthDayHeaderSelectedDisabled {
  background-color: var(--isc-calendar_month_otherDay_header_selected_bgColor);
  color: var(--isc-calendar_day_header_font_color);
}

/* end calMonthDayHeader */
/* calMonthDayBody */
.calMonthDayBody,
.calMonthDayBodyDark,
.calMonthDayBodyOver,
.calMonthDayBodyOverDark,
.calMonthDayBodySelected,
.calMonthDayBodySelectedDark,
.calMonthDayBodySelectedOver,
.calMonthDayBodySelectedOverDark,
.calMonthDayBodySelectedDisabled,
.calMonthDayBodyDisabled {
  background-color: var(--isc-calendar_bgColor);
  border-bottom: var(--isc-calendar_border);
  border-right: var(--isc-calendar_border);
  color: var(--isc-calendar_text_color);
  font-family: var(--isc-calendar_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-calendar_font_size);
}

.calMonthDayBodySelected,
.calMonthDayBodySelectedDark,
.calMonthDayBodySelectedOver,
.calMonthDayBodySelectedOverDark,
.calMonthDayBodySelectedDisabled {
  background-color: var(--isc-calendar_month_otherDay_header_selected_bgColor);
}

.calMonthDayBodyDisabled {
  background-color: var(--isc-calendar_disabled_bgColor);
}

/* end calMonthDayBody */
/* calMonthOtherDayHeader and Body */
.calMonthOtherDayHeader,
.calMonthOtherDayHeaderOver,
.calMonthOtherDayHeaderSelected,
.calMonthOtherDayHeaderSelectedOver,
.calMonthOtherDayHeaderSelectedDisabled,
.calMonthOtherDayHeaderDisabled {
  background-color: var(--isc-calendar_border_color);
  border-bottom: var(--isc-calendar_border);
  border-right: var(--isc-calendar_border);
  color: var(--isc-calendar_day_header_font_color);
  font-family: var(--isc-calendar_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-calendar_font_size);
}

.calMonthOtherDayHeaderOver,
.calMonthOtherDayHeaderSelected,
.calMonthOtherDayHeaderSelectedOver {
  background-color: var(--isc-calendar_month_otherDay_header_selected_bgColor);
}

.calMonthOtherDayBody,
.calMonthOtherDayBodyDark,
.calMonthOtherDayBodyDisabled {
  background-color: var(--isc-calendar_dark_bgColor);
  border-bottom: var(--isc-calendar_border);
  border-right: var(--isc-calendar_border);
  color: var(--isc-calendar_text_color);
  font-family: var(--isc-calendar_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-calendar_font_size);
}

.calMonthOtherDayBodyOver,
.calMonthOtherDayBodyOverDark {
  background-color: var(--isc-calendar_month_otherDay_header_selected_bgColor);
  border-bottom: var(--isc-calendar_border);
  border-right: var(--isc-calendar_border);
  color: var(--isc-calendar_text_color);
  font-family: var(--isc-calendar_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-calendar_font_size);
}

/* end calMonthOtherDayHeader and Body */
/* calMonthOtherDayBlank */
.calMonthOtherDayBlank,
.calMonthOtherDayBlankDark,
.calMonthOtherDayBlankOver,
.calMonthOtherDayBlankOverDark,
.calMonthOtherDayBlankSelected,
.calMonthOtherDayBlankSelectedDark,
.calMonthOtherDayBlankSelectedOver,
.calMonthOtherDayBlankSelectedOverDark,
.calMonthOtherDayBlankSelectedDisabled,
.calMonthOtherDayBlankDisabled {
  background-color: var(--isc-standard_bgColor);
  border-bottom: var(--isc-calendar_border);
  border-right: var(--isc-calendar_border);
  color: var(--isc-calendar_other_day_color);
  font-family: var(--isc-calendar_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-calendar_font_size);
}

/* calMonthEventLink */
a.calMonthEventLink:link {
  color: var(--isc-link_color);
  text-decoration: none;
}

a.calMonthEventLink:visited {
  color: var(--isc-link_color);
  text-decoration: none;
}

a.calMonthEventLink:hover {
  color: var(--isc-link_color);
  text-decoration: underline;
}

a.calMonthEventLink:active {
  color: var(--isc-link_color);
  text-decoration: none;
}

/* Calendar Column Layouts - VLayouts used to stack eventCanvases in a day column */
.calendarColumnLayout,
.calendarColumnLayoutOver,
.calendarColumnLayoutDown,
.calendarColumnLayoutSelected {
  background-color: var(--isc-calendar_columnLayout_bgColor);
  border-right: var(--isc-calendar_columnLayout_right_border);
  opacity: var(--isc-calendar_columnLayout_opacity);
}

/* ----event window---- */
.eventWindow,
.eventWindowSelected {
  background-color: var(--isc-calendar_eventWindow_bgColor);
  border: var(--isc-calendar_eventWindow_border);
  font-family: var(--isc-calendar_eventWindow_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-calendar_eventWindow_font_size);
  padding: var(--isc-calendar_eventWindow_padding);
  outline: none;
  border-radius: var(--isc-calendar_eventWindow_border_radius);
}

.eventWindowSelected {
  border: var(--isc-calendar_eventWindow_selected_border);
}

.eventWindowHeader,
.eventWindowHeaderSelected {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  height: auto;
  background-color: var(--isc-calendar_eventWindow_header_bgColor);
  color: var(--isc-calendar_eventWindow_header_color);
  border: var(--isc-calendar_eventWindow_header_border);
  font-family: var(--isc-calendar_eventWindow_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-calendar_eventWindow_font_size);
  padding: var(--isc-calendar_eventWindow_header_padding);
  border-radius: var(--isc-calendar_eventWindow_header_border_radius);
}

.eventWindowBody,
.eventWindowBodySelected {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  vertical-align: top;
  background-color: var(--isc-calendar_eventWindow_bgColor);
  color: var(--isc-calendar_eventWindow_color);
  border: var(--isc-calendar_eventWindow_body_border);
  font-family: var(--isc-calendar_eventWindow_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-calendar_eventWindow_font_size);
  padding: var(--isc-calendar_eventWindow_body_padding);
  border-radius: var(--isc-calendar_eventWindow_body_border_radius);
}

.eventWindowGripper,
.eventWindowLabel {
  background-color: var(--isc-calendar_eventWindow_header_bgColor);
  color: var(--isc-calendar_eventWindow_header_color);
  border: var(--isc-calendar_eventWindow_header_border);
  font-family: var(--isc-calendar_eventWindow_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-calendar_eventWindow_font_size);
  padding: var(--isc-calendar_eventWindow_header_padding);
  border-radius: var(--isc-calendar_eventWindow_header_border_radius);
}

.eventWindowResizer {
  border-bottom: var(--isc-calendar_eventWindow_resizer_border);
  border-top: var(--isc-calendar_eventWindow_resizer_border);
}

/* Leading/Trailing date-lines, shown either side of events in Timelines */
.eventLine {
  background-color: var(--isc-calendar_eventLine_bgColor);
}

/* == styles for long-events == */
.longEventsLayout {
  background-color: var(--isc-calendar_longEventLayout_bgColor);
  border-bottom: var(--isc-calendar_border);
}

/* ---- eventCanvas styles---- */
.longEvent,
.longEventSelected {
  background-color: var(--isc-calendar_eventWindow_bgColor);
  border: none;
  padding: 0px;
  outline: none;
  border-radius: var(--isc-calendar_eventWindow_border_radius);
}

.longEventHeader,
.longEventHeaderSelected {
  background-color: var(--isc-calendar_eventWindow_header_bgColor);
  color: var(--isc-calendar_eventWindow_header_color);
  border: none;
  font-family: var(--isc-calendar_eventWindow_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-calendar_eventWindow_font_size);
  padding: 0px 10px;
  vertical-align: middle;
  display: flex !important;
  align-items: center !important;
  border-radius: var(--isc-calendar_eventWindow_header_border_radius);
}

.longEventBody,
.longEventBodySelected {
  background-color: var(--isc-calendar_eventWindow_bgColor);
  color: var(--isc-calendar_eventWindow_color);
  border: none;
  font-family: var(--isc-calendar_eventWindow_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-calendar_eventWindow_font_size);
  padding: var(--isc-calendar_eventWindow_body_padding);
  border-radius: var(--isc-calendar_eventWindow_border_radius);
}

/* pointy-ends for Calendar long-events that extend beyond the range*/
/* arrow on the right */
.longEventRightEnd {
  position: relative;
  clip-path: polygon(0 0, calc(100% - 0.5em) 0, 100% 50%, calc(100% - 0.5em) 100%, 0 100%);
}

/* arrow on the left */
.longEventLeftEnd {
  position: relative;
  clip-path: polygon(0.5em 0, 100% 0, 100% 100%, 0.5em 100%, 0 50%);
}

.longEventBothEnds {
  position: relative;
  clip-path: polygon(0.5em 0, calc(100% - 0.5em) 0, 100% 50%, calc(100% - 0.5em) 100%, 0.5em 100%, 0 50%);
}

/* --- ZoneCanvas --- */
.zoneCanvas {
  background-color: var(--isc-calendar_zoneCanvas_bgColor);
  opacity: var(--isc-calendar_zoneCanvas_opacity);
  color: var(--isc-calendar_zoneCanvas_color);
}

.zoneCanvasHeader,
.zoneCanvasGripper,
.zoneCanvasLabel {
  display: inline-block;
  color: var(--isc-calendar_zoneCanvas_color);
  background-color: var(--isc-calendar_zoneCanvas_bgColor);
  left: 0px;
  bottom: 0px;
}

.zoneCanvasBody {
  display: inline-block;
  color: var(--isc-calendar_zoneCanvas_color);
  background-color: var(--isc-calendar_zoneCanvas_bgColor);
}

/* --- IndicatorCanvas --- */
.indicatorCanvas {
  background-color: var(--isc-calendar_indicatorCanvas_bgColor);
}

.indicatorCanvasHeader,
.indicatorCanvasGripper,
.indicatorCanvasLabel {
  display: inline-block;
  color: var(--isc-calendar_indicatorCanvas_color);
  background-color: var(--isc-calendar_indicatorCanvas_bgColor);
  font-family: var(--isc-calendar_eventWindow_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-calendar_eventWindow_font_size);
}

/* make all grippers rounded */
.eventWindowGripper,
.indicatorCanvasGripper,
.zoneCanvasGripper {
  border-radius: var(--isc-calendar_gripper_border_radius);
  padding: 0px;
  margin: 0px;
}

/* show a border around floating labels */
.eventWindowLabel,
.zoneCanvasLabel,
.indicatorCanvasLabel {
  border: var(--isc-calendar_label_border);
}

.eventDragCanvas {
  border: var(--isc-calendar_dragCanvas_border);
}

/*============================================================
	PropertySheet
	internal, used by Visual SmartClient tools
        propertySheet.autoChildDefaults.cellStyle - propSheetValue
        propertySheet.autoChildDefaults.titleStyle - propSheetTitle
        propertySheet.TextItemDefaults.textBoxStyle - propSheetField
        propertySheet.SelectItemDefaults.controlStyle - propSheetSelectControl
        propertySheet.ColorItemDefaults.textBoxStyle - propSheetField
        propertySheet.HeaderItemDefaults.textBoxStyle - propSheetHeading
        propertySheet.SectionHeaderItemDefaults.cellStyle - propSheetSectionItemCell
============================================================*/
/* cellStyle for values in PropertySheets */
.propSheetValue,
.propSheetValueFocused,
.propSheetValueDisabled,
.propSheetValueError,
.propSheetValueErrorFocused {
  border-bottom: var(--isc-propsheet_border);
  border-right: var(--isc-propsheet_border);
  font-family: var(--isc-propsheet_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-propsheet_font_size);
  margin: 0px -4px 0px 0px;
  padding: 0px;
}

.propSheetValueError,
.propSheetValueErrorFocused {
  background-color: var(--isc-propsheet_error_bgColor);
  color: var(--isc-propsheet_error_color);
}

/* title-cell for PropertySheet fields - has colors and borders but not */
.propSheetTitleCell,
.propSheetTitleCellFocused,
.propSheetTitleCellDisabled,
.propSheetTitleCellError,
.propSheetTitleCellErrorFocused {
  background-color: var(--isc-propsheet_title_bgColor);
  border-bottom: var(--isc-propsheet_border);
  border-right: var(--isc-propsheet_border);
  font-family: var(--isc-propsheet_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-propsheet_font_size);
  color: var(--isc-form_title_color);
}

.propSheetTitleCellError,
.propSheetTitleCellErrorFocused {
  background-color: var(--isc-propsheet_error_bgColor);
  color: var(--isc-propsheet_error_color);
}

/* title-text for PropertySheet fields - font/size and padding - borders are on the cell */
.propSheetTitle,
.propSheetTitleFocused,
.propSheetTitleDisabled,
.propSheetTitleError {
  border: none;
  padding-left: var(--isc-propsheet_header_padding);
  padding-right: var(--isc-propsheet_header_padding);
  color: var(--isc-form_title_color);
}

.propSheetTitleError {
  color: var(--isc-propsheet_error_color);
}

.propSheetField,
.propSheetFieldDisabled {
  background-color: var(--isc-propsheet_bgColor);
  border: 0px;
  font-family: var(--isc-propsheet_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-propsheet_font_size);
  margin-top: var(--isc-propsheet_field_marginTop);
  padding: var(--isc-propsheet_field_padding);
}

.propSheetHeading,
.propSheetHeadingDisabled {
  background-color: var(--isc-propsheet_header_bgColor);
  border-bottom: var(--isc-propsheet_border);
  color: var(--isc-propsheet_header_color);
  font-family: var(--isc-propsheet_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-propsheet_font_size);
  font-weight: var(--isc-standard_header_font_weight);
  padding: var(--isc-propsheet_header_padding);
}

.propSheetSelectControl,
.propSheetSelectControlFocused,
.propSheetSelectControlDisabled {
  padding-left: var(--isc-propsheet_select_h_padding);
  padding-right: var(--isc-propsheet_select_h_padding);
  border: 0px;
}

.propSheetSectionItemCell,
.propSheetSectionItemDisabled {
  padding: 4px;
}

/*============================================================
	PaletteTreeCell
	internal, used by Visual SmartClient tools
============================================================*/
.paletteTreeCell,
.paletteTreeCellDark,
.paletteTreeCellOver,
.paletteTreeCellOverDark,
.paletteTreeCellSelected,
.paletteTreeCellSelectedDark,
.paletteTreeCellSelectedOver,
.paletteTreeCellSelectedOverDark,
.paletteTreeCellDisabled,
.paletteTreeCellDisabledDark,
.paletteTreeTallCell,
.paletteTreeTallCellDark,
.paletteTreeTallCellOver,
.paletteTreeTallCellOverDark,
.paletteTreeTallCellSelected,
.paletteTreeTallCellSelectedDark,
.paletteTreeTallCellSelectedOver,
.paletteTreeTallCellSelectedOverDark,
.paletteTreeTallCellDisabled,
.paletteTreeTallCellDisabledDark {
  color: var(--isc-paletteCell_color);
  background-color: var(--isc-paletteCell_bgColor);
  font-family: var(--isc-paletteCell_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-paletteCell_font_size);
  vertical-align: middle;
  text-overflow: ellipsis;
  padding: var(--isc-sectionHeader_padding);
  border: none;
  border-bottom: var(--isc-treeGrid_row_border);
  border-right: var(--isc-treeGrid_cell_border);
}

/*============================================================
    Workflow Editor
============================================================*/
.processElement,
.processElementFocused,
.processElementDisabled,
.processElementInvalid,
.processElementNew,
.processElementNewFocused,
.processElementNewDisabled {
  color: var(--isc-processElement_color);
  font-family: var(--isc-processElement_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-processElement_font_size);
}

.processElement,
.processElementFocused,
.processElementDisabled {
  border: var(--isc-processElement_border);
  border-radius: var(--isc-processElement_border_radius);
}

.processElementInvalid {
  border: var(--isc-processElementInvalid_border);
  border-radius: var(--isc-processElement_border_radius);
}

.processElementNew,
.processElementNewFocused,
.processElementNewDisabled {
  border: var(--isc-processElementNew_border);
  border-radius: var(--isc-processElementNew_border_radius);
}

.processElementDisabled,
.processElementNewDisabled {
  -webkit-text-fill-color: var(--isc-default_disabled_text_color);
  color: var(--isc-default_disabled_text_color);
}

.processElementHeader {
  background-color: var(--isc-processElementHeader_bgColor);
  border: none;
  border-bottom: var(--isc-processElementHeader_border);
}

.processElementHeaderLabel {
  background-color: var(--isc-processElementHeaderLabel_bgColor);
  color: var(--isc-processElementHeaderLabel_color);
  top: 50%;
  transform: translateY(10%);
  font-family: var(--isc-processElementHeaderLabel_font), Arial, Helvetica, sans-serif;
  font-weight: var(--isc-processElementHeaderLabel_fontWeight);
  font-size: var(--isc-processElementHeaderLabel_font_size);
}

/*============================================================
    Notifications
============================================================*/
.notifyWarn,
.notifyError,
.notifyMessage,
.notifyWarnRTL,
.notifyErrorRTL,
.notifyMessageRTL {
  color: var(--isc-notify_color);
  font-family: var(--isc-notify_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-notify_font_size);
  border-radius: var(--isc-notify_border_radius);
}

.notifyWarn,
.notifyError,
.notifyMessage {
  padding: var(--isc-notify_padding);
}

.notifyWarnRTL,
.notifyErrorRTL,
.notifyMessageRTL {
  padding: var(--isc-notify_rtl_padding);
}

.notifyWarn,
.notifyWarnRTL {
  background-color: var(--isc-notify_warn_bgColor);
  box-shadow: var(--isc-notify_warn_shadow);
}

.notifyError,
.notifyErrorRTL {
  background-color: var(--isc-notify_error_bgColor);
  box-shadow: var(--isc-notify_error_shadow);
}

.notifyMessage,
.notifyMessageRTL {
  background-color: var(--isc-notify_message_bgColor);
  box-shadow: var(--isc-notify_message_shadow);
}

.notifyWarnActionLink,
.notifyErrorActionLink,
.notifyMessageActionLink {
  padding: 0;
  border: none;
  font: inherit;
  cursor: pointer;
  background: none;
}

.notifyWarnActionLink,
.notifyWarnActionLink:link,
.notifyWarnActionLink:hover,
.notifyWarnActionLink:visited {
  color: var(--isc-notify_warn_link_color);
}

.notifyErrorActionLink,
.notifyErrorActionLink:link,
.notifyErrorActionLink:hover,
.notifyErrorActionLink:visited {
  color: var(--isc-notify_error_link_color);
}

.notifyMessageActionLink,
.notifyMessageActionLink:link,
.notifyMessageActionLink:hover,
.notifyMessageActionLink:visited {
  color: var(--isc-notify_action_color);
}

/*============================================================
    Tour
============================================================*/
/* Note that Tour styles do no default from standard values
   so that the output is independent of the current skin */
/* Window */
.tourWindowBackground {
  background-color: var(--isc-tourWindow_bgColor);
  border: 1px solid var(--isc-tourWindow_bgColor);
  border-radius: var(--isc-tourWindow_border_radius);
  box-shadow: var(--isc-tourWindow_shadow);
}

.tourWindowBody {
  background-color: var(--isc-tourWindow_bgColor);
  padding: 2px 2px 2px 2px;
}

.tourWindowTitle {
  color: var(--isc-tourWindow_title_color);
  font-size: var(--isc-tourWindow_title_font_size);
  font-weight: var(--isc-tourWindow_title_font_weight);
  font-family: var(--isc-tourWindow_title_font), Arial, Helvetica, sans-serif;
  padding-bottom: var(--isc-tourWindow_title_bottom_padding);
}

.tourWindowContents {
  color: var(--isc-tourWindow_contents_color);
  font-size: var(--isc-tourWindow_contents_font_size);
  font-weight: var(--isc-tourWindow_contents_font_weight);
  font-family: var(--isc-tourWindow_contents_font), Arial, Helvetica, sans-serif;
  margin: 0;
}

.tourPointerUp {
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 14px solid transparent;
  border-bottom: 29px solid var(--isc-tourWindow_pointer_bgColor);
}

.tourPointerDown {
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 14px solid transparent;
  border-top: 29px solid var(--isc-tourWindow_pointer_bgColor);
}

.tourPointerRight {
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-bottom: 14px solid transparent;
  border-left: 29px solid var(--isc-tourWindow_pointer_bgColor);
}

.tourPointerLeft {
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-bottom: 14px solid transparent;
  border-right: 29px solid var(--isc-tourWindow_pointer_bgColor);
}

.tourButton,
.tourButtonOver,
.tourButtonFocused,
.tourButtonFocusedOver,
.tourButtonDown,
.tourButtonFocusedDown,
.tourButtonSelected,
.tourButtonSelectedFocused,
.tourButtonSelectedDown,
.tourButtonSelectedFocusedDown,
.tourButtonSelectedOver,
.tourButtonSelectedFocusedOver,
.tourButtonDisabled,
.tourButtonSelectedDisabled,
.tourButtonPending,
.tourButtonPendingOver,
.tourButtonPendingFocused,
.tourButtonPendingFocusedOver,
.tourButtonPendingDown,
.tourButtonPendingFocusedDown,
.tourButtonPendingSelected,
.tourButtonPendingSelectedFocused,
.tourButtonPendingSelectedDown,
.tourButtonPendingSelectedFocusedDown,
.tourButtonPendingSelectedOver,
.tourButtonPendingSelectedFocusedOver,
.tourButtonPendingDisabled,
.tourButtonPendingSelectedDisabled,
.tourButtonDeselectedDisabled {
  background-color: var(--isc-tourButton_bgColor);
  background-image: var(--isc-tourButton_bgImage);
  border: var(--isc-tourButton_border);
  border-radius: var(--isc-tourButton_border_radius);
  padding-left: var(--isc-tourButton_padding);
  padding-right: var(--isc-tourButton_padding);
  line-height: var(--isc-tourButton_line_height);
  outline: 0px;
  color: var(--isc-tourButton_color);
  font-size: var(--isc-tourButton_font_size);
  font-family: var(--isc-tourButton_font), Arial, Helvetica, sans-serif;
  font-weight: var(--isc-tourButton_font_weight);
  opacity: var(--isc-button_opacity);
}

/* Over styles */
.tourButton:hover,
.tourButtonOver,
.tourButtonPendingOver {
  color: var(--isc-tourButton_over_color);
  background-color: var(--isc-tourButton_over_bgColor);
  border: var(--isc-tourButton_over_border);
  box-shadow: var(--isc-tourButton_over_shadow);
  opacity: var(--isc-button_over_opacity);
}

/* focused styles */
.tourButtonFocused,
.tourButtonSelectedFocused {
  color: var(--isc-tourButton_focused_color);
  background-color: var(--isc-tourButton_focused_bgColor);
  border: var(--isc-tourButton_focused_border);
  box-shadow: var(--isc-tourButton_focused_shadow);
  opacity: var(--isc-button_focused_opacity);
}

/* focusedOver styles */
.tourButtonFocusedOver,
.tourButtonSelectedFocusedOver {
  color: var(--isc-tourButton_focused_over_color);
  background-color: var(--isc-tourButton_focused_over_bgColor);
  border: var(--isc-tourButton_focused_over_border);
  box-shadow: var(--isc-tourButton_focused_over_shadow);
  opacity: var(--isc-button_focused_over_opacity);
}

/* Down styles */
.tourButtonDown,
.tourButtonFocusedDown,
.tourButtonSelectedDown,
.tourButtonSelectedFocusedDown {
  color: var(--isc-tourButton_down_color);
  background-color: var(--isc-tourButton_down_bgColor);
  border: var(--isc-tourButton_down_border);
  box-shadow: var(--isc-tourButton_down_glow);
  opacity: var(--isc-button_down_opacity);
}

/* disabled styles */
.tourButtonDisabled,
.tourButtonSelectedDisabled,
.tourButtonPendingDisabled,
.tourButtonPendingSelectedDisabled {
  color: var(--isc-tourButton_disabled_color);
  background-color: var(--isc-tourButton_disabled_bgColor);
  border: var(--isc-tourButton_disabled_border);
  opacity: var(--isc-button_disabled_opacity);
}

.tourButtonDeselectedDisabled {
  color: var(--isc-tourButton_deselected_disabled_color);
  text-decoration: line-through;
  opacity: var(--isc-button_disabled_opacity);
}

/* pending styles */
.tourButtonPending,
.tourButtonPendingOver,
.tourButtonPendingFocused,
.tourButtonPendingFocusedOver,
.tourButtonPendingDown,
.tourButtonPendingFocusedDown,
.tourButtonPendingSelected,
.tourButtonPendingSelectedFocused,
.tourButtonPendingSelectedDown,
.tourButtonPendingSelectedFocusedDown,
.tourButtonPendingSelectedOver,
.tourButtonPendingSelectedFocusedOver,
.tourButtonPendingSelectedDisabled {
  color: var(--isc-pending_value_dark_color);
}

.tourLinkButton,
.tourLinkButtonOver,
.tourLinkButtonFocused,
.tourLinkButtonFocusedOver,
.tourLinkButtonDown,
.tourLinkButtonFocusedDown,
.tourLinkButtonSelected,
.tourLinkButtonSelectedFocused,
.tourLinkButtonSelectedDown,
.tourLinkButtonSelectedFocusedDown,
.tourLinkButtonSelectedOver,
.tourLinkButtonSelectedFocusedOver,
.tourLinkButtonDisabled,
.tourLinkButtonSelectedDisabled,
.tourLinkButtonPending,
.tourLinkButtonPendingOver,
.tourLinkButtonPendingFocused,
.tourLinkButtonPendingFocusedOver,
.tourLinkButtonPendingDown,
.tourLinkButtonPendingFocusedDown,
.tourLinkButtonPendingSelected,
.tourLinkButtonPendingSelectedFocused,
.tourLinkButtonPendingSelectedDown,
.tourLinkButtonPendingSelectedFocusedDown,
.tourLinkButtonPendingSelectedOver,
.tourLinkButtonPendingSelectedFocusedOver,
.tourLinkButtonPendingDisabled,
.tourLinkButtonPendingSelectedDisabled,
.tourLinkButtonDeselectedDisabled {
  background-color: var(--isc-tourLinkButton_bgColor);
  padding-left: var(--isc-tourLinkButton_padding);
  padding-right: var(--isc-tourLinkButton_padding);
  line-height: var(--isc-tourLinkButton_line_height);
  outline: 0px;
  color: var(--isc-tourLinkButton_color);
  font-size: var(--isc-tourLinkButton_font_size);
  font-family: var(--isc-tourLinkButton_font), Arial, Helvetica, sans-serif;
  font-weight: var(--isc-tourLinkButton_font_weight);
}

.tourProgress {
  background-color: var(--isc-tourProgress_bgColor);
}

.tourPercent {
  color: var(--isc-tourPercent_color);
  font-size: var(--isc-tourPercent_font_size);
  font-family: var(--isc-tourPercent_font), Arial, Helvetica, sans-serif;
  font-weight: var(--isc-tourPercent_font_weight);
}

/*============================================================
    Application
============================================================*/
.pageTitle,
.pageTitleFocused,
.pageTitleDisabled,
.pageTitleOver {
  background-color: var(--isc-pageTitle_bgColor);
  color: var(--isc-pageTitle_color);
  border: var(--isc-pageTitle_border);
  font-family: var(--isc-pageTitle_font), Arial, Helvetica, sans-serif;
  font-size: var(--isc-pageTitle_font_size);
}

.pageTitleDisabled {
  -webkit-text-fill-color: var(--isc-pageTitle_disabled_color);
  color: var(--isc-pageTitle_disabled_color);
}

/* general icons */
/* .icon series applies colors appropriate for use on the skin's background-color - this is 
   used automatically by font-icons and by SVG symbols that set "fill" or "stroke" to the 
   special value "currentColor", which inherits the current CSS color
*/
.icon,
.iconOver,
.iconDown,
.iconFocused,
.iconFocusedOver,
.iconFocusedDown,
.iconSelected,
.iconSelectedOver,
.iconSelectedDown,
.iconSelectedFocused,
.iconSelectedFocusedOver,
.iconSelectedFocusedDown,
.iconSelectedDisabled,
.iconDisabled,
.icondrop {
  color: var(--isc-icon_color);
  vertical-align: middle;
  transition: color 0.2s;
  background-color: var(--isc-icon_bgColor);
}

.iconOver,
.iconFocusedOver,
.iconSelectedOver,
.iconSelectedFocusedOver {
  color: var(--isc-icon_over_color);
  background-color: var(--isc-icon_over_bgColor);
}

.iconDown,
.iconFocusedDown,
.iconSelectedDown,
.iconSelectedFocusedDown {
  color: var(--isc-icon_down_color);
  background-color: var(--isc-icon_down_bgColor);
}

.iconFocused,
.iconSelectedFocused {
  color: var(--isc-icon_focused_color);
  background-color: var(--isc-icon_focused_bgColor);
}

.iconSelected {
  color: var(--isc-icon_selected_color);
  background-color: var(--isc-icon_selected_bgColor);
}

.icondrop {
  color: var(--isc-icon_drop_color);
  background-color: var(--isc-icon_drop_bgColor);
}

.iconDisabled,
.iconSelectedDisabled {
  color: var(--isc-icon_disabled_color);
  background-color: var(--isc-icon_disabled_bgColor);
}

/* iconError variants */
.iconError,
.iconErrorOver,
.iconErrorDown,
.iconErrorFocused,
.iconErrorFocusedOver,
.iconErrorFocusedDown,
.iconErrorSelected,
.iconErrorSelectedOver,
.iconErrorSelectedDown,
.iconErrorSelectedFocused,
.iconErrorSelectedFocusedOver,
.iconErrorSelectedFocusedDown,
.iconErrorSelectedDisabled,
.iconErrorDisabled,
.iconErrordrop {
  color: var(--isc-icon_error_color);
  vertical-align: middle;
  transition: color 0.2s;
}

.iconErrorOver,
.iconErrorFocusedOver,
.iconErrorSelectedOver,
.iconErrorSelectedFocusedOver {
  color: var(--isc-icon_error_over_color);
}

.iconErrorDown,
.iconErrorFocusedDown,
.iconErrorSelectedDown,
.iconErrorSelectedFocusedDown {
  color: var(--isc-icon_down_color);
}

.iconErrorFocused,
.iconErrorSelectedFocused {
  color: var(--isc-icon_error_focused_color);
}

.iconErrorSelected {
  color: var(--isc-icon_error_selected_color);
}

.iconErrordrop {
  color: var(--isc-icon_error_drop_color);
}

.iconErrorDisabled,
.iconErrorSelectedDisabled {
  color: var(--isc-icon_error_disabled_color);
}

/* .headerIcon series applies colors appropriate for use on the background-color of 
   Window-headers, for example, in this skin
*/
.headerIcon,
.headerIconOver,
.headerIconDown,
.headerIconFocused,
.headerIconFocusedOver,
.headerIconFocusedDown,
.headerIconSelected,
.headerIconSelectedOver,
.headerIconSelectedDown,
.headerIconSelectedFocused,
.headerIconSelectedFocusedOver,
.headerIconSelectedFocusedDown,
.headerIconDisabled {
  color: var(--isc-headerIcon_color);
  vertical-align: middle;
  transition: color 0.2s;
}

.headerIconOver,
.headerIconFocusedOver,
.headerIconSelectedOver,
.headerIconSelectedFocusedOver {
  color: var(--isc-headerIcon_over_color);
}

.headerIconDown,
.headerIconFocusedDown,
.headerIconSelectedDown,
.headerIconSelectedFocusedDown {
  color: var(--isc-headerIcon_down_color);
}

.headerIconFocused,
.headerIconSelectedFocused {
  color: var(--isc-headerIcon_focused_color);
}

.headerIconSelected {
  color: var(--isc-headerIcon_selected_color);
}

.headerIconDisabled,
.headerIconSelectedDisabled {
  color: var(--isc-headerIcon_disabled_color);
}

/* .dynamicIcon series applies colors appropriate for stressing that a given icon performs some
   kind of action
*/
.dynamicIcon,
.dynamicIconOver,
.dynamicIconDown,
.dynamicIconFocused,
.dynamicIconFocusedOver,
.dynamicIconFocusedDown,
.dynamicIconSelected,
.dynamicIconSelectedOver,
.dynamicIconSelectedDown,
.dynamicIconSelectedFocused,
.dynamicIconSelectedFocusedOver,
.dynamicIconSelectedFocusedDown,
.dynamicIconDisabled {
  color: var(--isc-dynamicIcon_color);
  vertical-align: middle;
  transition: color 0.2s;
}

.dynamicIconOver,
.dynamicIconFocusedOver,
.dynamicIconSelectedOver,
.dynamicIconSelectedFocusedOver {
  color: var(--isc-dynamicIcon_over_color);
}

.dynamicIconDown,
.dynamicIconFocusedDown,
.dynamicIconSelectedDown,
.dynamicIconSelectedFocusedDown {
  color: var(--isc-dynamicIcon_down_color);
}

.dynamicIconFocused,
.dynamicIconSelectedFocused {
  color: var(--isc-dynamicIcon_focused_color);
}

.dynamicIconSelected {
  color: var(--isc-dynamicIcon_selected_color);
}

.dynamicIconDisabled,
.dynamicIconSelectedDisabled {
  color: var(--isc-dynamicIcon_disabled_color);
}

.voiceAssistIcon,
.voiceAssistIconOver,
.voiceAssistIconDisabled {
  background-color: var(--isc-voiceAssistIcon_bgColor);
  color: var(--isc-voiceAssistIcon_color);
}

.spinElement {
  animation: spin 1.5s linear infinite;
}

@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}
/* styles for the AI log-window, which shows the steps the AI is taking */
.aiLogWindowBody {
  background-color: var(--isc-aiLog_bgColor);
  /* include color so that SVGs in content would get the same color as surrounding text */
  color: var(--isc-aiLog_color);
}

.aiLogMessage {
  background-color: var(--isc-aiLog_bgColor);
  color: var(--isc-aiLog_color);
  font: var(--isc-aiLog_font);
}

/* blinking cursor to indicate waiting for the AI to respond */
.aiLogEndIndicator {
  background-color: var(--isc-aiLog_bgColor);
  color: var(--isc-aiLog_color);
  font: var(--isc-aiLog_font);
  animation: blink 1s step-start infinite;
}

/* blink animation - toggle opacity between 1 and 0 */
@keyframes blink {
  50% {
    opacity: 0;
  }
}
/* simple blink class */
.blinkElement {
  animation: blink 1s step-start infinite;
}

/* .svgIcon series sets fill and stroke-related settings - this class is not likely to be 
    terribly useful, unless all icons using it are designed in the same way (all styled or 
    unstyled and all using the same fills and/or stroke-details (if strokes are 
    used, stroke-width in particular is very unlikely to be uniform across all icons in a set).
    Happily, all the commercial SVG sets we've tested use a single compound <path> designed 
    for a "fill", and have no fill-color set inline in the SVG.  In this case, each 
    <symbol> can be given fill="currentColor", and then you can style them with CSS color, via 
    the ".icon" / ".headerIcon" series.
*/
.svgIcon,
.svgIconOver,
.svgIconDown,
.svgIconDisabled {
  width: var(--isc-icon_size);
  height: var(--isc-icon_size);
  fill: var(--isc-icon_fill_color);
  stroke: var(--isc-icon_stroke_color);
  stroke-linecap: round;
  stroke-linejoin: round;
  vertical-align: middle;
}

.svgIconOver {
  fill: var(--isc-icon_fill_over_color);
  stroke: var(--isc-icon_stroke_over_color);
}

.svgIconDown {
  fill: var(--isc-icon_fill_down_color);
  stroke: var(--isc-icon_stroke_down_color);
}

.svgIconDisabled {
  fill: var(--isc-icon_fill_disabled_color);
  stroke: var(--isc-icon_stroke_disabled_color);
}

.svgHilight,
.svgHilightOver,
.svgHilightDown,
.svgHilightDisabled {
  fill: var(--isc-icon_fill_color);
  stroke: var(--isc-icon_stroke_color);
  stroke-linecap: round;
  stroke-linejoin: round;
  vertical-align: middle;
}

.svgHilightOver {
  fill: var(--isc-icon_fill_over_color);
  stroke: var(--isc-icon_stroke_over_color);
}

.svgHilightDown {
  fill: var(--isc-icon_fill_down_color);
  stroke: var(--isc-icon_stroke_down_color);
}

.svgHilightDisabled {
  fill: var(--isc-icon_fill_disabled_color);
  stroke: var(--isc-icon_stroke_disabled_color);
}

/* login / relogin window*/
.loginForm {
  padding: var(--isc-loginForm_padding);
}

.loginItemTitle,
.loginItemTitleFocused {
  color: var(--isc-form_title_color);
  font-size: var(--isc-standard_header_font_size);
  font-family: var(--isc-loginForm_title_font), Arial, Helvetica, sans-serif;
  padding-bottom: var(--isc-loginForm_title_bottom_padding);
}

.loginErrorLabel,
.loginErrorLabelOver {
  color: var(--isc-loginForm_error_color);
  font-size: var(--isc-standard_header_font_size);
  font-family: var(--isc-loginForm_title_font), Arial, Helvetica, sans-serif;
  padding-bottom: var(--isc-loginForm_title_bottom_padding);
}

.loginTextItemLite,
.loginTextItemLiteSelected,
.loginTextItemLiteOver,
.loginTextItemLiteSelectedFocused,
.loginTextItemLiteFocused,
.loginTextItemLiteFocusedOver {
  padding: var(--isc-formItem_padding);
  color: var(--isc-formItem_color);
  background-color: var(--isc-formItem_bgColor);
  font-size: var(--isc-formItem_font_size);
  border-radius: var(--isc-loginForm_item_border_radius);
  border: var(--isc-loginForm_item_border);
  outline: none;
  text-decoration: none;
}

.loginButton,
.loginButtonOver,
.loginButtonFocused,
.loginButtonFocusedOver,
.loginButtonDown,
.loginButtonFocusedDown {
  border: var(--isc-loginForm_button_border);
  background-color: var(--isc-loginForm_button_bgColor);
  color: var(--isc-loginForm_button_color);
  border-radius: var(--isc-loginForm_button_border_radius);
  font-size: var(--isc-button_font_size);
  font-family: var(--isc-loginForm_button_font), Arial, Helvetica, sans-serif;
  background-image: var(--isc-button_bgImage);
  transform: initial;
}

.loginButtonOver,
.loginButtonFocused,
.loginButtonFocusedOver,
.loginButtonDown,
.loginButtonFocusedDown {
  background-color: var(--isc-loginForm_button_over_bgColor);
}

/* doc viewer */
.docHover {
  border: var(--isc-hoverCanvas_border);
  background-color: var(--isc-hoverCanvas_bgColor);
  color: var(--isc-hoverCanvas_color);
  padding: var(--isc-hoverCanvas_padding);
  border-radius: var(--isc-hoverCanvas_border_radius);
  font-family: Verdana,Bitstream Vera Sans,sans-serif;
  font-size: 11px;
}

.docLink:link {
  color: var(--isc-link_color);
}

.docLink:visited {
  color: var(--isc-link_visited_color);
}

.docLink:active {
  color: var(--isc-link_active_color);
}

.docLink:hover {
  color: var(--isc-link_over_color);
}

.docMethod {
  color: var(--isc-docMethod_color);
}

.docAttribute {
  color: var(--isc-docAttribute_color);
}

.docParameter {
  color: var(--isc-docParameter_color);
}

.docOptionalParameter {
  color: var(--isc-docOptionalParameter_color);
}
