.themeValues {
  --flatIcons: false;
  --sameColorIcons: false;
  --isDark: true;
  --useGradients: true;
  --fontFamily: Arial, sans-serif;
  --fontSizeLarge: 16px;
  --fontSize: 14px;
  --fontSizeSmall: 13px;
  --fontSizeTiny: 11px;
  --fontSizeTiniest: 10px;
  --fgColor: #f0f0f0;
  --bgColor: #0f2033;
  --focusColor: #cbca33;
  --borderColor: rgba(128,128,128,0.749);
  --selectedColor: #46b4ef;
  --trackingColor: #0383c5;
  --highlightColor: #86b8cb;
  --disabledColor: #868686;
  --tooltipFgColor: #000;
  --tooltipBgColor: rgba(151,191,238,0.851);
  --highColor: #e22525;
  --lowColor: #d8be12;
  --normalColor: #18eb18;
  --clear: "#00000000";
  --shadowColor: #808080;
  --borderRadius: 12px;
  --borderRadiusSmall: 8px;
  --border: 2px solid rgba(128,128,128,0.749);
  --borderFocused: 2px solid #cbca33;
  --fgColorFaded: rgba(240,240,240,0.25);
  --bgColorFaded: rgba(15,32,51,0.25);
  --bgLight: #1e4066;
  --bgDark: #0f2033;
  --bgTrackingLight: #1aaffc;
  --bgTrackingDark: #0383c5;
  --bgSelectedLight: #74c7f3;
  --bgSelectedDark: #46b4ef;
  --bgSunken: linear-gradient(to bottom, #0f2033, #1e4066);
  --bgRaised: linear-gradient(to bottom, #1e4066, #0f2033);
  --bgRaisedSmall: linear-gradient(to bottom, #285689, #0f2033);
  --bgTracking: linear-gradient(to bottom, #1aaffc, #0383c5);
  --bgSelected: linear-gradient(to bottom, #74c7f3, #46b4ef);
  --bgHighlight: linear-gradient(to bottom, #a4cad8, #86b8cb);
  --iconSize: 20px;
  --iconColor: #649ab6;
  --bgColorAlternate: #1e4066;
}
@font-face {
  font-family: "FontAwesome";
  src: url("../fonts/fontawesome-BT1.woff") format("woff");
}
@font-face {
  font-family: 'LCD';
  src: URL('../fonts/lcd.ttf') format('truetype');
}
@font-face {
  font-family: 'LED';
  src: URL('../fonts/led.ttf') format('truetype');
}
.fa-load {
  font-family: "FontAwesome";
  visibility: hidden;
}
* {
  scrollbar-width: auto;
  scrollbar-color: #f0f0f0 #0f2033;
}
*::-webkit-scrollbar {
  width: 14px;
}
*::-webkit-scrollbar-track {
  background: linear-gradient(to bottom, #0f2033, #1e4066);
  border-radius: 5px;
}
*::-webkit-scrollbar-thumb {
  background: linear-gradient(to bottom, #1e4066, #0f2033);
  border-radius: 10px;
  border: 1px solid rgba(128,128,128,0.749);
}
*::-webkit-scrollbar-track:vertical {
  background: linear-gradient(to right, #0f2033, #1e4066);
}
*::-webkit-scrollbar-thumb:vertical {
  background: linear-gradient(to right, #1e4066, #0f2033);
}
*::-webkit-scrollbar-corner {
  background: linear-gradient(to bottom, #1e4066, #0f2033);
}
:focus-visible {
  outline: 2px solid #cbca33;
}
ol,
ul {
  -webkit-text-size-adjust: 100%;
}
.pageBackground {
  font-family: Arial, sans-serif;
  font-size: 14px;
  color: #ccc;
}
/* default text */
.normal,
.normalFocused {
  font-family: Arial, sans-serif;
  font-size: 14px;
  color: #f0f0f0;
  background-color: "#00000000";
}
.defaultBorder {
  border: 2px solid rgba(128,128,128,0.749);
}
/* drag outline */
.dragOutline {
  border: 2px dashed #0383c5;
}
/* drop indicator */
.dropBorder {
  background-color: #808080;
}
/* hover canvas  */
.canvasHover,
.gridHover,
.formHover {
  font-family: Arial, sans-serif;
  font-size: 14px;
  color: #000;
  background: rgba(151,191,238,0.851);
  border: 1px solid #000;
  padding: 4px;
}
/* group label */
.groupLabel {
  font-family: Arial, sans-serif;
  font-size: 14px;
  color: #333;
  padding-left: 5px;
  padding-right: 5px;
}
.richTextEditor p {
  margin-top: 0;
  margin-bottom: 0;
}
/*============================================================
    2) Button
		button.baseStyle
		buttonStrip.baseStyle
		buttonTable.baseButtonStyle
		listBar.labelStyle
		listGrid.headerBaseStyle (not in this skin)
============================================================*/
.button,
.buttonOver,
.buttonFocused,
.buttonFocusedOver,
.buttonDown,
.buttonFocusedDown,
.buttonSelected,
.buttonSelectedFocused,
.buttonSelectedDown,
.buttonSelectedFocusedDown,
.buttonSelectedOver,
.buttonSelectedFocusedOver,
.buttonSelectedDisabled {
  padding: 4px;
  padding-left: 6px;
  padding-right: 6px;
  font-weight: bold;
  font-family: Arial, sans-serif;
  font-size: 14px;
  background: linear-gradient(to bottom, #285689, #0f2033);
  border: 2px solid rgba(128,128,128,0.749);
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -o-border-radius: 12px;
  -ms-border-radius: 12px;
  border-radius: 12px;
}
.buttonSelectedDisabled,
.buttonDisabled {
  padding: 4px;
  padding-left: 6px;
  padding-right: 6px;
  font-weight: bold;
  background-color: #868686;
  border: 2px solid rgba(128,128,128,0.749);
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -o-border-radius: 12px;
  -ms-border-radius: 12px;
  border-radius: 12px;
}
.buttonFocused,
.buttonFocusedOver,
.buttonFocusedDown,
.buttonSelectedFocused,
.buttonSelectedFocusedOver {
  border: 2px solid #cbca33;
}
.buttonOver,
.buttonFocusedOver,
.buttonSelectedOver,
.buttonSelectedFocusedOver {
  background: linear-gradient(to bottom, #1aaffc, #0383c5);
}
.buttonDown,
.buttonFocusedDown,
.buttonSelectedDown,
.buttonSelectedFocusedDown {
  background: linear-gradient(to bottom, #0f2033, #1e4066);
}
.buttonSelected,
.buttonSelectedFocused {
  background: linear-gradient(to bottom, #74c7f3, #46b4ef);
}
/* ImgButton */
.imgButton,
.imgButtonOver,
.imgButtonSelected,
.imgButtonSelectedDisabled,
.imgButtonSelectedOver,
.imgButtonDown,
.imgButtonSelectedDown,
.imgButtonDisabled {
  font-family: Arial, sans-serif;
  font-size: 14px;
}
.imgButtonDisabled {
  color: #868686;
}
/* StretchImgButton */
.stretchImgButton,
.stretchImgButtonSelected,
.stretchImgButtonSelectedOver,
.stretchImgButtonOver,
.stretchImgButtonDown,
.stretchImgButtonSelectedDown,
.stretchImgButtonSelectedDisabled,
.stretchImgButtonDisabled {
  font-family: Arial, sans-serif;
  font-size: 14px;
}
.stretchImgButtonOver {
  font-weight: bold;
}
.stretchImgButtonSelectedDisabled,
.stretchImgButtonDisabled {
  color: #868686;
}
/* Button Title */
.buttonTitle,
.buttonTitleOver,
.buttonTitleDown,
.buttonTitleSelected,
.buttonTitleFocused,
.buttonTitleSelectedFocused,
.buttonTitleSelectedOver,
.buttonTitleFocusedOver,
.buttonTitleSelectedFocusedOver,
.buttonTitleSelectedDown,
.buttonTitleFocusedDown,
.buttonTitleSelectedFocusedDown,
.buttonTitleDisabled,
.buttonTitleSelectedDisabled {
  font-family: Arial, sans-serif;
  font-size: 14px;
  color: #f0f0f0;
  font-weight: bold;
}
.buttonTitleDown,
.buttonTitleSelectedDown,
.buttonTitleFocusedDown,
.buttonTitleSelectedFocusedDown {
  color: #f0f0f0;
}
.buttonTitleOver,
.buttonTitleFocusedOver,
.buttonTitleSelected,
.buttonTitleSelectedOver,
.buttonTitleSelectedFocusedOver {
  color: #f0f0f0;
}
.buttonTitleDisabled,
.buttonTitleSelectedDisabled {
  color: #f0f0f0;
}
/*============================================================
    3) Menus
============================================================
  */
.menuBorder {
  border: 2px solid rgba(128,128,128,0.749);
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -o-border-radius: 12px;
  -ms-border-radius: 12px;
  border-radius: 12px;
}
.menuMain {
  color: #f0f0f0;
  background: linear-gradient(to bottom, #0f2033, #1e4066);
  border: none;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -o-border-radius: 12px;
  -ms-border-radius: 12px;
  border-radius: 12px;
}
.menuTable tr:first-of-type td:first-of-type {
  border-top-left-radius: 11px;
}
.menuTable tr:first-of-type td:last-of-type {
  border-top-right-radius: 11px;
}
.menuTable tr:last-of-type td:first-of-type {
  border-bottom-left-radius: 11px;
}
.menuTable tr:last-of-type td:last-of-type {
  border-bottom-right-radius: 11px;
}
.menu,
.menuSelected,
.menuOver,
.menuSelectedOver,
.menuDisabled,
.treeMenuSelected,
.treeMenuSelectedOver {
  font-family: Arial, sans-serif;
  font-size: 14px;
  color: #f0f0f0;
  background: "#00000000";
  padding-top: 2px;
  padding-bottom: 2px;
}
.menuDisabled {
  color: #868686;
  padding-top: 2px;
  padding-bottom: 2px;
}
.menuOver,
.menuSelectedOver {
  background: #0383c5;
}
.menuIconField,
.menuIconFieldDark,
.menuIconFieldOver,
.menuIconFieldOverDark,
.menuIconFieldSelected,
.menuIconFieldSelectedDark,
.menuIconFieldSelectedOver,
.menuIconFieldSelectedOverDark,
.menuIconFieldDisabled,
.menuIconFieldDisabledDark {
  color: #d9d9d9;
  background-color: #0c92e1;
}
.treeMenuSelected,
.treeMenuSelectedOver,
.menuDisabled {
  color: #777;
}
/* menu header buttons */
.menuButton,
.menuButtonOver,
.menuButtonDown,
.menuButtonDisabled,
.menuButtonSelected,
.menuButtonSelectedDown,
.menuButtonSelectedOver,
.menuButtonSelectedDisabled {
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  color: #f0f0f0;
  background: linear-gradient(to bottom, #285689, #0f2033);
  border: 2px solid rgba(128,128,128,0.749);
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -o-border-radius: 12px;
  -ms-border-radius: 12px;
  border-radius: 12px;
  padding-left: 4px;
  padding-right: 4px;
}
.menuButtonOver {
  background: linear-gradient(to bottom, #1aaffc, #0383c5);
}
.menuButtonDown,
.menuButtonSelected,
.menuButtonSelectedDown,
.menuButtonSelectedOver {
  background: linear-gradient(to bottom, #0f2033, #1e4066);
}
.menuButtonDisabled,
.menuButtonSelectedDisabled {
  color: #868686;
}
/*============================================================
    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
============================================================*/
.windowBackgroundFill,
.navToolbar {
  background: linear-gradient(to bottom, #0f2033, #1e4066);
}
.navButton,
.navBackButton,
.navForwardButton {
  color: #f0f0f0;
}
.windowBackground,
.dialogBackground {
  background: #ff0;
  border: 2px solid rgba(128,128,128,0.749);
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -o-border-radius: 12px;
  -ms-border-radius: 12px;
  border-radius: 12px;
}
.windowBody,
.dialogBody {
  background: "#00000000";
}
.windowHeader,
.dialogHeader,
.windowHeaderHilite,
.dialogHeaderHilite {
  border-bottom: 2px solid rgba(128,128,128,0.749);
  -webkit-border-top-left-radius: 12px;
  -moz-border-top-left-radius: 12px;
  -o-border-top-left-radius: 12px;
  -ms-border-top-left-radius: 12px;
  border-top-left-radius: 12px;
  -webkit-border-top-right-radius: 12px;
  -moz-border-top-right-radius: 12px;
  -o-border-top-right-radius: 12px;
  -ms-border-top-right-radius: 12px;
  border-top-right-radius: 12px;
}
.promptBody,
.windowHeader,
.dialogHeader,
.windowHeaderHilite,
.dialogHeaderHilite,
.windowHeaderText,
.dialogHeaderText {
  font-family: Arial, sans-serif;
  font-size: 14px;
  background: linear-gradient(to bottom, #1e4066, #0f2033);
  color: #f0f0f0;
  font-weight: bold;
  padding-left: 2px;
  padding-right: 2px;
  padding-top: 2px;
}
.windowStatusBar {
  font-family: Arial, sans-serif;
  font-size: 14px;
  color: #f0f0f0;
  background: #0ff;
}
.modalMask {
  background-color: #000;
}
/*============================================================
    5) Layout
============================================================*/
.layoutDropLine {
  background-color: #36f;
}
.layoutPlaceHolder {
  border: 5px solid #db0000;
}
.splitbar {
  background: "#00000000";
  border: 0;
}
.splitbarDown {
  background: rgba(240,240,240,0.25);
}
.splitbarOver {
  background: rgba(15,32,51,0.25);
}
.tabSetContainer {
  font-family: Arial, sans-serif;
  font-size: 14px;
  color: #f0f0f0;
  border: 2px solid rgba(128,128,128,0.749);
  background: linear-gradient(to bottom, #1e4066, #0f2033);
  background: linear-gradient(to bottom, #1e4066, #0f2033);
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -o-border-radius: 12px;
  -ms-border-radius: 12px;
  border-radius: 12px;
}
.tabBar,
.tabBaseline {
  border: none;
  background: none;
  overflow: hidden;
}
.tab,
.tabOver,
.tabSelected,
.tabSelectedOver,
.tabDown,
.tabSelectedDown,
.tabSelectedDisabled,
.tabDisabled {
  font-family: Arial, sans-serif;
  font-size: 14px;
  border: none;
  background: none;
}
.tabDown,
.tabSelected,
.tabSelectedOver,
.tabSelectedDown,
.tabSelectedDisabled {
  border-bottom-width: none;
}
.tabTitle,
.tabTitleDown,
.tabTitleOver,
.tabTitleDisabled,
.tabTitleSelected,
.tabTitleSelectedDown,
.tabTitleSelectedOver,
.tabTitleSelectedDisabled,
.vtabTitle,
.vtabTitleSelected,
.vtabTitleOver,
.vtabTitleDown,
.vtabTitleSelectedOver,
.vtabTitleSelectedDown,
.vtabTitleDisabled,
.vtabTitleSelectedDisabled {
  font-family: Arial, sans-serif;
  font-size: 14px;
  color: #f0f0f0;
  background: linear-gradient(to bottom, #1e4066, #0f2033);
  border: 2px solid rgba(128,128,128,0.749);
  -webkit-border-top-left-radius: 12px;
  -moz-border-top-left-radius: 12px;
  -o-border-top-left-radius: 12px;
  -ms-border-top-left-radius: 12px;
  border-top-left-radius: 12px;
  -webkit-border-top-right-radius: 12px;
  -moz-border-top-right-radius: 12px;
  -o-border-top-right-radius: 12px;
  -ms-border-top-right-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-width: 0;
}
.tabTitleSelected,
.tabTitleSelectedOver,
.tabTitleSelectedDown,
.vtabTitleSelected,
.vtabTitleSelectedOver,
.vtabTitleSelectedDown {
  color: #333;
  font-weight: bold;
}
.tabTitleOver,
.tabTitleDown,
.tabTitleSelectedOver,
.tabTitleSelectedDown,
.vtabTitleOver,
.vtabTitleDown,
.vtabTitleSelectedOver,
.vtabTitleSelectedDown {
  color: #333;
}
.tabTitleDisabled,
.tabTitleSelectedDisabled,
.vtabTitleDisabled,
.vtabTitleSelectedDisabled {
  color: #666;
}
/*============================================================
    7) SectionStack
============================================================*/
.sectionStack {
  background: #fc0000;
  background-position: bottom left;
}
/* SectionStack headers - image based */
.imgSectionHeaderclosed,
.imgSectionHeaderopened,
.imgSectionHeaderDisabledclosed,
.imgSectionHeaderDisabledopened,
.imgSectionHeaderTitleclosed,
.imgSectionHeaderTitleopened,
.imgSectionHeaderTitleOverclosed,
.imgSectionHeaderTitleOveropened {
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #414141;
  border-left: 5px;
}
.imgSectionHeaderTitleDisabledopened,
.imgSectionHeaderTitleDisabledclosed {
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #808080;
  border-left: 5px;
}
/*

*/
.sectionHeaderTitleopened,
.sectionHeaderTitleclosed {
  font-family: Arial, sans-serif;
  font-size: 14px;
  color: #fff;
}
.sectionHeaderTitleDisabledopened,
.sectionHeaderTitleDisabledclosed {
  font-family: Arial, sans-serif;
  font-size: 14px;
  color: #808080;
}
/* SectionStack headers - css based */
.sectionHeaderopened,
.sectionHeaderclosed {
  font-family: Arial, sans-serif;
  font-size: 14px;
  color: #414141;
  padding: 3px;
}
.sectionHeaderopened {
  background: #404040;
}
.sectionHeaderclosed {
  background: #404040;
}
.cellopened {
  background-color: #f00;
}
.cellclosed {
  background-color: #ffc0cb;
}
/*============================================================
    8) Forms
============================================================*/
/* general form styles */
.formRow,
.formCell,
.formCellFocused,
.formCellDisabled {
  font-family: Arial, sans-serif;
  font-size: 14px;
}
.sequenceEditorFormCell {
  font-family: Arial, sans-serif;
  font-size: 14px;
  margin: 0;
  padding: 0;
}
.formTitle,
.formTitleFocused,
.formTitleDisabled,
.formCellError,
.formTitleError,
.formHint,
.formHintDisabled,
.headerItem,
.headerItemDisabled,
.headerItemError,
.nativeSelectItem,
.nativeSelectItemDisabled,
.nativeSelectItemError,
.staticTextItem,
.staticTextItemDisabled,
.staticTextItemError,
.textItem,
.textItemFocused,
.textItemDisabled,
.textItemDisabledHint,
.textItemError,
.textItemHint,
.uploadItem,
.uploadItemFocused,
.uploadItemDisabled,
.uploadItemDisabledHint,
.uploadItemError,
.uploadItemHint,
.selectItemControl,
.selectItemControlError,
.selectItemControlFocused,
.selectItemText,
.selectItemTextError,
.selectItemTextDisabled,
.selectItemTextFocused,
.selectItemTextHint,
.selectItemTextDisabledHint,
.comboBoxItemPendingText,
.pickListCell,
.pickListCellSelected,
.pickListCellDisabled,
.labelAnchor,
.labelAnchorDisabled,
.labelAnchorError,
.labelAnchorFocused {
  font-family: Arial, sans-serif;
  font-size: 14px;
}
.pickListCell,
.pickListCellDisabled,
.pickListCellSelected {
  background: "#00000000";
}
.pickListCellSelected {
  background-color: #f00;
}
.formCellError,
.formTitleError {
  font-weight: bold;
  color: #e22525;
  background-color: #0f2033;
}
.formHint,
.formHintDisabled {
  color: #000;
  padding: 3px;
}
/* headerItem */
.headerItem,
.headerItemDisabled,
.headerItemError {
  font-size: 14px;
  font-weight: bold;
  color: #f0f0f0;
}
/* text-based items common props */
.textItem,
.textItemFocused,
.textItemDisabled,
.textItemDisabledHint,
.textItemError,
.textItemHint,
.comboBoxItemPendingText {
  padding: 6px;
  border: 2px solid rgba(128,128,128,0.749);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  background: linear-gradient(to bottom, #0f2033, #1e4066);
  color: #f0f0f0;
}
.textItemDisabled {
  background: "#888888";
}
.selectItemText,
.selectItemTextError,
.selectItemTextFocused,
.selectItemTextDisabled,
.selectItemTextHint,
.selectItemTextDisabledHint {
  padding: 6px;
  border: 2px solid rgba(128,128,128,0.749);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  background: linear-gradient(to bottom, #1e4066, #0f2033);
  color: #f0f0f0;
  margin: 0;
}
.uiGadget,
.uiGadgetError,
.uiGadgetFocused,
.uiGadgetDisabled,
.uiGadgetHint,
.uiGadgetDisabledHint {
  padding: 6px;
  border: 2px solid rgba(128,128,128,0.749);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  margin: 0;
  font-weight: normal;
  font-family: Arial, sans-serif;
  cursor: pointer;
}
.uiGadgetText {
  color: #f00;
  margin: 0;
  font-weight: normal;
  font-family: Arial, sans-serif;
  font-size: 14px;
}
.uploadItem,
.uploadItemFocused,
.uploadItemDisabled,
.uploadItemDisabledHint,
.uploadItemError,
.uploadItemHint {
  margin: 0;
  border: 0;
  padding: 0;
  background: #ff0;
}
.textItemDisabled,
.textItemDisabledHint,
.selectItemTextDisabled,
.selectItemTextDisabledHint {
  color: #868686;
  background-color: #0f2033;
  border: 2px solid rgba(128,128,128,0.749);
}
.uploadItemDisabled,
.uploadItemDisabledHint,
.nativeSelectItemDisabled,
.staticTextItemDisabled {
  color: #868686;
}
.textItemHint,
.uploadItemHint,
.selectItemTextHint {
  color: #000;
}
.comboBoxItemPendingText {
  color: #86b8cb;
}
/* selectItem */
.textItemFocused,
.selectItemTextFocused {
  background-color: #aac3d2;
  color: #fff gColor;
  -moz-outline-offset: -1;
}
.selectItemPickerIcon,
.selectItemPickerIconFocused,
.selectItemPickerIconDisabled,
.selectItemPickerIconError {
  padding: 0;
}
.pickListMenu {
  background: "#00000000";
  border: none;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -o-border-radius: 12px;
  -ms-border-radius: 12px;
  border-radius: 12px;
}
.listSelectGridBody {
  background: linear-gradient(to bottom, #0f2033, #1e4066);
}
.listSelectGridBodyClear {
  background: "#00000000";
}
.alternateGridBody,
.pickListMenuBody {
  color: #f0f0f0;
  background: linear-gradient(to bottom, #1e4066, #0f2033);
  border: 2px solid rgba(128,128,128,0.749);
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -o-border-radius: 12px;
  -ms-border-radius: 12px;
  border-radius: 12px;
}
.pickListCellDark,
.pickListCell {
  color: #f0f0f0;
}
.pickListCellSelected,
.pickListCellSelectedDark {
  background-color: #0383c5;
  color: #f0f0f0;
}
.pickListCellDisabled {
  color: #f0f0f0;
  background-color: #868686;
}
.pickListCellOver,
.pickListCellSelectedOver,
.pickListCellOverDark,
.pickListCellSelectedOverDark,
.tallPickListCellOver,
.tallPickListCellSelectedOver,
.tallPickListCellOverDark,
.tallPickListCellSelectedOverDark {
  color: #f0f0f0;
}
/* checkbox and radioButton */
.labelAnchor,
.labelAnchorDisabled,
.labelAnchorError,
.labelAnchorFocused {
  color: #f0f0f0;
  text-decoration: none;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -o-border-radius: 12px;
  -ms-border-radius: 12px;
  border-radius: 12px;
}
.labelAnchorDisabled {
  color: #868686;
}
/* ColorChooser */
.colorChooserCell,
.colorChooserCellOver {
  background-color: #efefef;
  border-left: 1px solid #efefef;
  border-top: 1px solid #efefef;
  border-right: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
}
.colorChooserCellOver {
  border-left: 1px solid #000;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
}
/* FilterBuilder */
.bracketBorders {
  border-left: 1px solid #3287b9;
  border-top: 1px solid #3287b9;
  border-bottom: 1px solid #3287b9;
}
.btFormBottomPad {
  padding-bottom: 6px;
}
.btFormBottomPadNone {
  padding-bottom: 0px;
  padding-top: 0px;
}
.btFormTopPad2,
.btFormTopPad2Disabled {
  padding-top: 2px;
}
.btFormTopPad4,
.btFormTopPad4Disabled {
  padding-top: 4px;
}
.btFormTopPad8,
.btFormTopPad8Disabled {
  padding-top: 8px;
}
.btFormTopBottomPad4 {
  padding-top: 4px;
  padding-bottom: 4px;
}
.btPaneInfoLabelPad8 {
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 8px;
  padding-bottom: 8px;
}
/*============================================================
     DateChooser
============================================================*/
/* Defaults for all days and controls */
.dateChooserButton,
.dateChooserButtonOver,
.dateChooserButtonDown,
.dateChooserButtonDisabled,
.dateChooserButtonSelected,
.dateChooserButtonSelectedDown,
.dateChooserButtonSelectedOver,
.dateChooserButtonSelectedDisabled,
.dateChooserWeekendButton,
.dateChooserWeekendButtonOver,
.dateChooserWeekendButtonDown,
.dateChooserWeekendButtonDisabled,
.dateChooserWeekendButtonSelected,
.dateChooserWeekendButtonSelectedDown,
.dateChooserWeekendButtonSelectedOver,
.dateChooserWeekendButtonSelectedDisabled,
.dateChooserBottomButton,
.dateChooserBottomButtonOver,
.dateChooserBottomButtonDown,
.dateChooserBottomButtonSelected,
.dateChooserBottomButtonSelectedOver,
.dateChooserBottomButtonSelectedDown,
.dateChooserNavButton,
.dateChooserNavButtonOver,
.dateChooserNavButtonDown,
.dateChooserNavButtonSelected,
.dateChooserNavButtonSelectedOver,
.dateChooserNavButtonSelectedDown,
.dateChooserWeekday,
.dateChooserWeekdayOver,
.dateChooserWeekdayDown,
.dateChooserWeekdaySelected,
.dateChooserWeekdaySelectedOver,
.dateChooserWeekdaySelectedDown,
.dateChooserWeekdayDisabled,
.dateChooserWeekend,
.dateChooserWeekendOver,
.dateChooserWeekendDown,
.dateChooserWeekendSelected,
.dateChooserWeekendSelectedOver,
.dateChooserWeekendSelectedDown,
.dateChooserWeekendDisabled,
.dateChooserFiscalYearCell,
.dateChooserFiscalYearCellOver,
.dateChooserFiscalYearCellDown,
.dateChooserFiscalYearCellDisabled,
.dateChooserFiscalYearCellSelected,
.dateChooserFiscalYearCellSelectedDown,
.dateChooserFiscalYearCellSelectedOver,
.dateChooserFiscalYearCellSelectedDisabled,
.dateChooserWeekCell,
.dateChooserWeekCellOver,
.dateChooserWeekCellDown,
.dateChooserWeekCellDisabled,
.dateChooserWeekCellSelected,
.dateChooserWeekCellSelectedDown,
.dateChooserWeekCellSelectedOver,
.dateChooserWeekCellSelectedDisabled,
.dateChooserDisabledWeekday,
.dateChooserDisabledWeekdayOver,
.dateChooserDisabledWeekdayDown,
.dateChooserDisabledWeekdaySelected,
.dateChooserDisabledWeekdaySelectedDown,
.dateChooserDisabledWeekdaySelectedOver,
.dateChooserDisabledWeekend,
.dateChooserDisabledWeekendOver,
.dateChooserDisabledWeekendDown,
.dateChooserDisabledWeekendSelected,
.dateChooserDisabledWeekendSelectedDown,
.dateChooserDisabledWeekendSelectedOver,
.dateChooserSelectedWeek,
.dateChooserSelectedWeekOver,
.dateChooserSelectedWeekDown,
.dateChooserSelectedWeekDisabled,
.dateChooserSelectedWeekSelected,
.dateChooserSelectedWeekSelectedDown,
.dateChooserSelectedWeekSelectedOver,
.dateChooserSelectedWeekSelectedDisabled {
  font-family: Arial, sans-serif;
  font-size: 14px;
  border: none;
  color: #f0f0f0;
}
/* year/month buttons */
.dateChooserNavButton,
.dateChooserNavButtonOver,
.dateChooserNavButtonDown,
.dateChooserNavButtonSelected,
.dateChooserNavButtonSelectedOver,
.dateChooserNavButtonSelectedDown {
  padding: 0;
  border-top: 0 none;
  border-bottom: 0 none;
}
/* for all buttons, plus weekday headers (dateChooserButton) */
.dateChooserButton,
.dateChooserButtonOver,
.dateChooserButtonDown,
.dateChooserButtonDisabled,
.dateChooserButtonSelected,
.dateChooserButtonSelectedOver,
.dateChooserButtonSelectedDown,
.dateChooserWeekendButton,
.dateChooserWeekendButtonOver,
.dateChooserWeekendButtonDown,
.dateChooserWeekendButtonSelected,
.dateChooserWeekendButtonSelectedOver,
.dateChooserWeekendButtonSelectedDown,
.dateChooserNavButton,
.dateChooserNavButtonOver,
.dateChooserNavButtonDown,
.dateChooserNavButtonSelected,
.dateChooserNavButtonSelectedOver,
.dateChooserNavButtonSelectedDown,
.dateChooserDisabledWeekday,
.dateChooserDisabledWeekdayOver,
.dateChooserDisabledWeekdayDown,
.dateChooserDisabledWeekdaySelected,
.dateChooserDisabledWeekdaySelectedDown,
.dateChooserDisabledWeekdaySelectedOver,
.dateChooserDisabledWeekend,
.dateChooserDisabledWeekendOver,
.dateChooserDisabledWeekendDown,
.dateChooserDisabledWeekendSelected,
.dateChooserDisabledWeekendSelectedDown,
.dateChooserDisabledWeekendSelectedOver,
.dateChooserSelectedWeek,
.dateChooserSelectedWeekOver,
.dateChooserSelectedWeekDown,
.dateChooserSelectedWeekDisabled,
.dateChooserSelectedWeekSelected,
.dateChooserSelectedWeekSelectedDown,
.dateChooserSelectedWeekSelectedOver,
.dateChooserSelectedWeekSelectedDisabled,
.dateChooserFiscalYearCell,
.dateChooserFiscalYearCellOver,
.dateChooserFiscalYearCellDown,
.dateChooserFiscalYearCellDisabled,
.dateChooserFiscalYearCellSelected,
.dateChooserFiscalYearCellSelectedDown,
.dateChooserFiscalYearCellSelectedOver,
.dateChooserFiscalYearCellSelectedDisabled,
.dateChooserWeekCell,
.dateChooserWeekCellOver,
.dateChooserWeekCellDown,
.dateChooserWeekCellDisabled,
.dateChooserWeekCellSelected,
.dateChooserWeekCellSelectedDown,
.dateChooserWeekCellSelectedOver,
.dateChooserWeekCellSelectedDisabled {
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
}
.dateChooserButtonOver,
.dateChooserButtonDown {
  cursor: pointer;
  color: #f0f0f0;
}
.dateChooserWeekendButton,
.dateChooserWeekendButtonOver,
.dateChooserWeekendButtonDown,
.dateChooserWeekendButtonDisabled,
.dateChooserWeekendButtonSelected,
.dateChooserWeekendButtonSelectedOver,
.dateChooserWeekendButtonSelectedDown,
.dateChooserDisabledWeekend,
.dateChooserDisabledWeekendOver,
.dateChooserDisabledWeekendDown,
.dateChooserDisabledWeekendSelected,
.dateChooserDisabledWeekendSelectedDown,
.dateChooserDisabledWeekendSelectedOver {
  background-color: #0383c5;
}
/* border:1px solid #B7D1DE; */
.dateChooserNavButtonOver,
.dateChooserNavButtonDown {
  cursor: pointer;
  color: #f0f0f0;
}
/* Today, Cancel buttons */
.dateChooserBottomButton,
.dateChooserBottomButtonOver,
.dateChooserBottomButtonDown {
  cursor: pointer;
  font-weight: normal;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
  border-top: 0;
  padding-left: 0;
  padding-right: 0;
}
.dateChooserBottomButtonOver {
  color: #f0f0f0;
}
.dateChooserDisabledWeekday,
.dateChooserDisabledWeekdayOver,
.dateChooserDisabledWeekdayDown,
.dateChooserDisabledWeekdaySelected,
.dateChooserDisabledWeekdaySelectedDown,
.dateChooserDisabledWeekdaySelectedOver {
  color: #f0f0f0;
  background-color: #0383c5;
}
.dateChooserDisabledWeekend,
.dateChooserDisabledWeekendOver,
.dateChooserDisabledWeekendDown,
.dateChooserDisabledWeekendSelected,
.dateChooserDisabledWeekendSelectedDown,
.dateChooserDisabledWeekendSelectedOver {
  color: #f0f0f0;
}
/* border: 2px solid #d6e8ff; */
/* weekday and weekend cells */
.dateChooserWeekday,
.dateChooserWeekdayOver,
.dateChooserWeekdayDown,
.dateChooserWeekdaySelected,
.dateChooserWeekdaySelectedOver,
.dateChooserWeekdaySelectedDown,
.dateChooserWeekdayDisabled,
.dateChooserWeekend,
.dateChooserWeekendOver,
.dateChooserWeekendDown,
.dateChooserWeekendSelected,
.dateChooserWeekendSelectedOver,
.dateChooserWeekendSelectedDown,
.dateChooserWeekendDisabled {
  color: #f0f0f0;
  border: none;
  background-color: "#00000000";
}
.dateChooserWeekend,
.dateChooserWeekendSelected,
.dateChooserWeekendDisabled {
  cursor: pointer;
  border: none;
  background-color: "#00000000";
}
.dateChooserWeekdayOver,
.dateChooserWeekendOver,
.dateChooserWeekdaySelectedOver,
.dateChooserWeekendSelectedOver {
  cursor: pointer;
  border: none;
  background-color: #0383c5;
  color: #f0f0f0;
}
.dateChooserWeekendOver,
.dateChooserWeekendSelectedOver {
  border: none;
  background-color: #0383c5;
}
/* selected/over date-cell styling */
.dateChooserWeekdaySelected,
.dateChooserWeekdaySelectedOver,
.dateChooserWeekdayDown,
.dateChooserWeekdaySelectedDown,
.dateChooserWeekendSelected,
.dateChooserWeekendSelectedOver,
.dateChooserWeekendDown,
.dateChooserWeekendSelectedDown,
.dateChooserDisabledWeekdayDown,
.dateChooserDisabledWeekdaySelected,
.dateChooserDisabledWeekdaySelectedDown,
.dateChooserDisabledWeekdaySelectedOver,
.dateChooserDisabledWeekendDown,
.dateChooserDisabledWeekendSelected,
.dateChooserDisabledWeekendSelectedOver,
.dateChooserDisabledWeekendSelectedDown {
  cursor: pointer;
  border: none;
  color: #f0f0f0;
}
/* year and month pop-up menus */
.dateChooserYearMenu,
.dateChooserMonthMenu,
.dateChooserWeekMenu {
  border: none;
  background-color: #ffc0cb;
}
.dateChooserDisabledWeekday {
  color: #f0f0f0;
  border: none;
  background-color: #868686;
}
.dateChooserDisabledWeekend {
  border: none;
  background-color: #868686;
}
.dateChooserButton,
.dateChooserButtonDisabled {
  border: none;
  padding: 1px;
  background: linear-gradient(to bottom, #1e4066, #0f2033);
}
.dateChooserWeekendButton,
.dateChooserWeekendButtonDisabled {
  border: none;
  background-color: purpl;
}
/*============================================================
	9) Slider & Rangebar
============================================================*/
/* slider and rangebar labels */
.sliderTitle,
.sliderRange,
.sliderRangeDisabled,
.sliderValue,
.sliderValueDisabled,
.rangebarTitle,
.rangebarRange,
.rangebarValue {
  color: #333;
  font-family: Arial, sans-serif;
  font-size: 13px;
}
.sliderTitle,
.rangebarTitle {
  color: #333;
  font-weight: bold;
}
.sliderRange,
.rangebarRange {
  color: #333;
}
.sliderRangeDisabled,
.sliderValueDisabled {
  color: #666;
}
.btSliderBackground {
  border-radius: 8px;
  border: 2px solid rgba(128,128,128,0.749);
}
/*============================================================
	10) DetailViewer
============================================================*/
.detailBlock {
  border-left: 1px solid #6aa0bb;
  border-top: 1px solid #6aa0bb;
}
.detail,
.detailLabel,
.detailHeader {
  font-family: Arial, sans-serif;
  font-size: 14px;
  background-color: #fff;
  color: #333;
  border-right: 1px solid #6aa0bb;
  border-bottom: 1px solid #6aa0bb;
}
.detailLabel {
  font-weight: bold;
  background-color: #d7e6ec;
  text-align: right;
}
.detailHeader {
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  background-color: #bbdafa;
}
/*============================================================
	11) ListGrid
============================================================*/
/*============================================================
	ListGrid parts
		styleName - listGrid
		headerBarStyle - headerBar
		bodyStyleName - gridBody
============================================================*/
.listGrid {
  border: none;
}
.headerBar {
  background: linear-gradient(to bottom, #a4cad8, #86b8cb);
  color: #0f2033;
  border-bottom: 1px solid #f0f0f0;
  font-weight: bold;
}
.gridBody {
  background: linear-gradient(to bottom, #1e4066, #0f2033);
}
.loadingDataMessage,
.offlineMessage,
.emptyMessage {
  font-family: Arial, sans-serif;
  font-size: 14px;
  padding: 10px;
  color: #868686;
}
.gridDragTracker {
  font-family: Arial, sans-serif;
  font-size: 14px;
  color: #f50000;
  background-color: #41a0d2;
  padding: 1px;
  border: 1px dotted #fff;
}
.dragLine,
.dragLineVertical {
  background-color: #f00;
  pointer-events: none;
}
.recordEditorCell {
  font-family: Arial, sans-serif;
  font-size: 14px;
  color: #000;
  background-color: #d0d0d0;
}
/*============================================================
	ListGrid headers
		listGrid.headerBaseStyle - headerButton (in skin)
		listGrid.headerDefaults.titleStyle - headerTitle (in skin)
		listGrid.sorterDefaults.titleStyle - headerTitle (in skin)

============================================================*/
/* ListGrid column header buttons */
.headerButton,
.headerButtonSelected,
.headerButtonDisabled,
.headerButtonSelectedDisabled,
.headerButtonOver,
.headerButtonDown,
.headerButtonSelectedOver,
.headerButtonSelectedDown,
.headerButtonFocused,
.headerButtonFocusedOver,
.headerButtonFocusedDown,
.headerButtonSelectedFocused,
.headerButtonSelectedFocusedDown,
.headerButtonSelectedFocusedOver {
  border-left: 1px solid rgba(128,128,128,0.749);
  padding-left: 4px;
  padding-right: 4px;
}
.headerButtonOver,
.headerButtonDown,
.headerButtonSelectedOver,
.headerButtonSelectedDown {
  border-left: 1px solid rgba(128,128,128,0.749);
  padding: 4px;
}
.sorterButton,
.sorterButtonSelected,
.sorterButtonDisabled,
.sorterButtonSelectedDisabled,
.sorterButtonOver,
.sorterButtonDown,
.sorterButtonSelectedOver,
.sorterButtonSelectedDown {
  background-color: #008000;
}
.sorterButtonOver,
.sorterButtonDown,
.sorterButtonSelectedOver,
.sorterButtonSelectedDown {
  border-right: 1px solid rgba(128,128,128,0.749);
}
/* ListGrid column header titles */
.headerTitle,
.headerTitleOver,
.headerTitleDown,
.headerTitleSelected,
.headerTitleSelectedOver,
.headerTitleSelectedDown,
.headerTitleDisabled,
.headerTitleSelectedDisabled {
  font-family: Arial, sans-serif;
  font-size: 14px;
  padding-left: 4px;
  color: #f0f0f0;
  background: "#00000000";
  border-left: 1px solid rgba(128,128,128,0.749);
}
.headerTitleDown,
.headerTitleSelected,
.headerTitleSelectedOver,
.headerTitleSelectedDown,
.headerTitleSelectedDisabled {
  color: #f0f0f0;
}
.headerTitleDisabled,
.headerTitleSelectedDisabled {
  color: #f0f0f0;
}
/*============================================================
	ListGrid cells
		listGrid.baseStyle
============================================================*/
/*------------------------------------------------------------
		listGrid.baseStyle
------------------------------------------------------------*/
.cell,
.cellDark,
.cellOver,
.cellOverDark,
.cellSelected,
.cellSelectedDark,
.cellSelectedOver,
.cellSelectedOverDark,
.cellDisabled,
.cellDisabledDark,
.groupSummaryCell,
.groupSummaryCellDisabled,
.gridSummaryCell,
.gridSummaryCellDisabled,
.recordSummaryCell,
.recordSummaryCellDark,
.recordSummaryCellOver,
.recordSummaryCellOverDark,
.recordSummaryCellSelected,
.recordSummaryCellSelectedDark,
.recordSummaryCellSelectedOver,
.recordSummaryCellSelectedOverDark,
.recordSummaryCellDisabled,
.recordSummaryCellDisabledDark,
.specialCol,
.specialColOver,
.specialColSelected,
.specialColSelectedOver,
.specialColDisabled,
.groupNode {
  border-top: 1px solid transparent;
  font-family: Arial, sans-serif;
  font-size: 14px;
  text-overflow: ellipsis;
  padding-left: 4px;
  padding-right: 4px;
  border-bottom: 1px solid rgba(240,240,240,0.5);
  border-left: 1px solid rgba(240,240,240,0.5);
}
.specialCol {
  color: #f0f0f0;
  background-color: #d00000;
}
.cellDark,
.recordSummaryCellDark {
  background-color: #1e4066;
}
.groupSummaryCell,
.gridSummaryCell {
  color: #333;
  background-color: #d7e6ec;
  border-top: 1px solid #c0c0c0;
}
.gridSummaryCell {
  border-top: 1px solid #d7e6ec;
}
.summaryRowBody {
  background-color: #d7e6ec;
}
.cellOver,
.specialColOver,
.recordSummaryCellOver {
/*background-color:rgb(190,215,225);*/
  background-color: #0383c5;
}
.cellOverDark,
.recordSummaryCellOverDark {
/*background-color:rgb(170,195,210);*/
  background-color: #0383c5;
}
.cellSelected,
.cellSelectedDark,
.cellSelectedOver,
.cellSelectedOverDark,
.specialColSelected,
.specialColSelectedOver,
.recordSummaryCellSelected,
.recordSummaryCellSelectedDark,
.recordSummaryCellSelectedOver,
.recordSummaryCellSelectedOverDark {
  background-color: #46b4ef;
}
.cellDisabled,
.cellDisabledDark,
.specialColDisabled,
.recordSummaryCellDisabled,
.recordSummaryCellDisabledDark {
  color: #868686;
}
.groupSummaryCell,
.groupSummaryCellDisabled,
.gridSummaryCell,
.gridSummaryCellDisabled,
.recordSummaryCell,
.recordSummaryCellDark,
.recordSummaryCellOver,
.recordSummaryCellOverDark,
.recordSummaryCellSelected,
.recordSummaryCellSelectedDark,
.recordSummaryCellSelectedOver,
.recordSummaryCellSelectedOverDark,
.recordSummaryCellDisabled,
.recordSummaryCellDisabledDark {
  font-weight: bold;
}
/* for grouping */
.groupNode {
  font-weight: bold;
  border-bottom: 1px solid #c0c0c0;
  background-color: #0f2033;
}
/* Field builders (Formula/Summary) */
.sampleOutput {
  border: 2px solid #d9d9d9;
  padding: 3px;
}
/* Multi-sort - sort-index appearing next to sort-arrows in field headers */
.sortNumeral {
  font-size: 10px;
}
/*============================================================
	12) ToolStrip
============================================================*/
.toolStrip {
  border-left: 1px solid #6aa0bb;
  border-right: 1px solid #6aa0bb;
  background: #e40000;
}
/*============================================================
   12a) ToolStripGroup and IconButton
==============================================================*/
.toolStripGroup,
.toolStripGroupOver,
.toolStripGroupSelected,
.toolStripGroupSelectedDisabled,
.toolStripGroupSelectedOver,
.toolStripGroupDown,
.toolStripGroupSelectedDown,
.toolStripGroupDisabled {
  background: #e30000;
  border: 5px solid #d00000;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  padding: 2px;
}
.toolStripGroupTitle,
.toolStripGroupTitleOver,
.toolStripGroupTitleSelected,
.toolStripGroupTitleSelectedDisabled,
.toolStripGroupTitleSelectedOver,
.toolStripGroupTitleDown,
.toolStripGroupTitleSelectedDown,
.toolStripGroupTitleDisabled {
  background: #c5d9e4;
  border: 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  color: #333;
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  padding: 3px;
}
.iconButton,
.iconButtonOver,
.iconButtonFocused,
.iconButtonFocusedOver,
.iconButtonDown,
.iconButtonFocusedDown,
.iconButtonSelected,
.iconButtonSelectedFocused,
.iconButtonSelectedDown,
.iconButtonSelectedFocusedDown,
.iconButtonSelectedOver,
.iconButtonSelectedFocusedOver,
.iconButtonDisabled,
.iconButtonSelectedDisabled {
  background: transparent;
  border: 1px solid transparent;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  color: #333;
  font-family: Arial, sans-serif;
  font-size: 14px;
  padding: 4px;
}
.iconButtonOver,
.iconButtonDown,
.iconButtonSelected,
.iconButtonSelectedOver,
.iconButtonFocused,
.iconButtonFocusedOver,
.iconButtonSelectedFocusedOver {
  background: #e30000;
  border: 5px solid #cf0000;
  color: #333;
}
.iconButtonSelected,
.iconButtonSelectedFocused,
.iconButtonSelectedDown,
.iconButtonSelectedFocusedDown,
.iconButtonSelectedFocusedOver {
  background-color: #e5e5e5;
}
.iconButtonDisabled {
  color: #aaa;
}
/* IconButton icon and menuIcon styles - used for spacing top and bottom of the title in v-buttons */
.iconButtonHIcon {
  vertical-align: middle;
}
.iconButtonHMenuIcon {
  vertical-align: middle;
  border: 1px solid transparent;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}
.iconButtonVIcon {
  vertical-align: middle;
  margin-bottom: 5px;
}
.iconButtonVMenuIcon {
  vertical-align: middle;
  border: 1px solid transparent;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  margin-top: 4px;
}
/*============================================================
	13) Tools
============================================================*/
.resizeThumb {
  background-color: #f00;
}
/*============================================================
   14) TileGrid
==============================================================*/
.tileGrid {
  border: 5px solid #ce0000;
}
.tileValue,
.tileValueDown,
.tileValueSelected,
.tileValueOver,
.tileValueSelectedOver,
.tileValueSelectedDown {
  color: #fff;
  font-size: 8pt;
  text-overflow: ellipsis;
}
.tileValueOver {
  color: #333;
}
.tileValueSelected {
  color: #00b2fa;
}
.tileValueSelectedOver {
  color: #333;
}
.simpleTile,
.simpleTileOver,
.simpleTileSelected,
.simpleTileSelectedOver {
  font-size: 8pt;
  padding: 3px;
}
.simpleTile {
  border: 1px solid transparent;
}
.simpleTileOver {
  background-color: #8ebbe2;
  border: 5px solid #cd0000;
}
.simpleTileSelected {
  border: 5px solid #c00;
}
.simpleTileSelectedOver {
  background-color: #8ebbe2;
  border: 5px solid #cb0000;
}
/*============================================================
    Unused? Review & Remove
============================================================*/
.selectedText {
  background-color: #00008b;
  color: #fff;
}
.disabled {
  font-family: Arial, sans-serif;
  font-size: 14px;
  color: #ccc;
}
.pageHeader {
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #00008b;
}
.printPageHeader {
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #00008b;
}
.printCell {
  font-family: Arial, sans-serif;
  font-size: 13px;
}
.cssdialogHeader {
  border-left: 1px solid #ffff52;
  border-top: 1px solid #ffff52;
  border-right: 1px solid #ad7b00;
  border-bottom: 1px solid #ad7b00;
  filter: "progid:dximagetransform.microsoft.gradient(gradientType=1, startColorStr=#FFCE00, endColorStr=#FFF790)";
}
.cssdialogHeaderHilite {
  border-left: 1px solid #ffff52;
  border-top: 1px solid #ffff52;
  border-right: 1px solid #ad7b00;
  border-bottom: 1px solid #ad7b00;
  filter: "progid:dximagetransform.microsoft.gradient(gradientType=1, startColorStr=#FFE67F, endColorStr=#FFFBC6)";
}
.dialogStatusBar {
  border-top: 1px solid #999;
  border-left: 1px solid #999;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
.dialogStatusBarText {
  font-family: Arial, sans-serif;
  font-size: 14px;
  color: #000;
  font-weight: bold;
}
/*IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII
IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII
IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII

	Styles below this comment are not used by default in this skin

IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII
IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII
IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII*/
/*============================================================
    TabSet CSS tabs
		tabSet.simpleTabBaseStyle
============================================================*/
/* styles for simple css-styled tabs*/
/* left */
.tabButtonLeft {
  font-family: Arial, sans-serif;
  font-size: 14px;
  background-color: #ccc;
  border-left: 1px solid #fff;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #808080;
}
.tabButtonLeftOver,
.tabButtonLeftSelected,
.tabButtonLeftSelectedOver {
  font-family: Arial, sans-serif;
  font-size: 14px;
  background-color: #d6d6d6;
  border-left: 1px solid #fff;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #808080;
}
.tabButtonLeftDown,
.tabButtonLeftSelectedDown {
  font-family: Arial, sans-serif;
  font-size: 14px;
  background-color: #d6d6d6;
  border-left: 1px solid #808080;
  border-top: 1px solid #808080;
  border-bottom: 1px solid #fff;
}
.tabButtonLeftSelectedDisabled,
.tabButtonLeftDisabled {
  font-family: Arial, sans-serif;
  font-size: 14px;
  color: #666;
  background-color: #ccc;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
/* right */
.tabButtonRight {
  font-family: Arial, sans-serif;
  font-size: 14px;
  background-color: #ccc;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #808080;
  border-right: 1px solid #808080;
}
.tabButtonRightOver,
.tabButtonRightSelected,
.tabButtonRightSelectedOver {
  font-family: Arial, sans-serif;
  font-size: 14px;
  background-color: #d6d6d6;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #808080;
  border-right: 1px solid #808080;
}
.tabButtonRightDown,
.tabButtonRightSelectedDown {
  font-family: Arial, sans-serif;
  font-size: 14px;
  background-color: #d6d6d6;
  border-top: 1px solid #808080;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
}
.tabButtonRightSelectedDisabled,
.tabButtonRightDisabled {
  font-family: Arial, sans-serif;
  font-size: 14px;
  color: #666;
  background-color: #ccc;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
/* top */
.tabButtonTop {
  font-family: Arial, sans-serif;
  font-size: 14px;
  background-color: #ccc;
  border-left: 1px solid #fff;
  border-top: 1px solid #fff;
  border-right: 1px solid #808080;
}
.tabButtonTopOver,
.tabButtonTopSelected,
.tabButtonTopSelectedOver {
  font-family: Arial, sans-serif;
  font-size: 14px;
  background-color: #d6d6d6;
  border-left: 1px solid #fff;
  border-top: 1px solid #fff;
  border-right: 1px solid #808080;
}
.tabButtonTopDown,
.tabButtonTopSelectedDown {
  font-family: Arial, sans-serif;
  font-size: 14px;
  background-color: #d6d6d6;
  border-left: 1px solid #808080;
  border-top: 1px solid #808080;
  border-right: 1px solid #fff;
}
.tabButtonTopSelectedDisabled,
.tabButtonTopDisabled {
  font-family: Arial, sans-serif;
  font-size: 14px;
  color: #666;
  background-color: #ccc;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
/* bottom */
.tabButtonBottom {
  font-family: Arial, sans-serif;
  font-size: 14px;
  background-color: #ccc;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #808080;
  border-right: 1px solid #808080;
}
.tabButtonBottomOver,
.tabButtonBottomSelected,
.tabButtonBottomSelectedOver {
  font-family: Arial, sans-serif;
  font-size: 14px;
  background-color: #d6d6d6;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #808080;
  border-right: 1px solid #808080;
}
.tabButtonBottomDown,
.tabButtonBottomSelectedDown {
  font-family: Arial, sans-serif;
  font-size: 14px;
  background-color: #d6d6d6;
  border-left: 1px solid #808080;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
}
.tabButtonBottomSelectedDisabled,
.tabButtonBottomDisabled {
  font-family: Arial, sans-serif;
  font-size: 14px;
  color: #666;
  background-color: #ccc;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
.cubeGridBody {
  background: #e20000;
}
.alternateCubeGridBody {
  background-color: #e10000;
}
.cubeCell,
.cubeCellDark,
.cubeCellOver,
.cubeCellOverDark,
.cubeCellSelected,
.cubeCellSelectedDark,
.cubeCellSelectedOver,
.cubeCellSelectedOverDark,
.cubeCellDisabled,
.cubeCellDisabledDark,
.groupNode {
  font-family: Arial, sans-serif;
  font-size: 14px;
  text-overflow: ellipsis;
  color: #f0f0f0;
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
  border-bottom: 1px solid #9fc8e8;
  border-right: 1px solid #9fc8e8;
}
.cubeCellDark {
  color: #333;
  background-color: #d7e6ec;
}
.cubeCellOver,
.cubeCellSelectedOver {
  color: #333;
  background-color: #9fc8e8;
}
.cubeCellOverDark,
.cubeCellSelectedOverDark {
  color: #222;
  background-color: #9fc8e8;
}
.cubeCellSelected,
.cubeCellSelectedDark {
  background-color: #41a0d2;
}
.cubeCellSelected,
.cubeCellSelectedDark,
.cubeCellSelectedOver,
.cubeCellSelectedOverDark {
  color: #fff;
}
.cubeCellDisabled,
.cubeCellDisabledDark {
  color: #a7c4d3;
  background-color: #ef0000;
}
/* row headers */
.rowHeader,
.rowHeaderOver,
.rowHeaderDown,
.rowHeaderDisabled,
.rowHeaderSelected,
.rowHeaderSelectedOver,
.rowHeaderSelectedDown,
.rowHeaderSelectedDisabled {
  font-weight: bold;
  font-family: Arial, sans-serif;
  font-size: 14px;
  color: #fff;
  background: #e00000;
  border-top: 1px solid #b2cedb;
  border-left: 1px solid #b2cedb;
  border-bottom: 1px solid #1c6f99;
  border-right: 1px solid #1c6f99;
}
.rowHeaderOver,
.rowHeaderDown {
  border-top: 1px solid #6c9bb5;
  border-left: 1px solid #6c9bb5;
  background: #df0000;
}
.rowHeaderSelected,
.rowHeaderSelectedDown,
.rowHeaderSelectedOver,
.rowHeaderSelectedDisabled {
  border-top: 1px solid #b2cedb;
  border-left: 1px solid #b2cedb;
  border-bottom: 1px solid #5291b1;
  border-right: 1px solid #5291b1;
  background: #de0000;
}
.rowHeaderSelectedOver {
  border-top: 1px solid #6c9bb5;
  border-left: 1px solid #6c9bb5;
  background: #d00;
}
.rowHeaderDisabled,
.rowHeaderSelectedDisabled {
  color: #bbb;
}
.rowHeaderDisabled {
  background: #dc0000;
}
/* row label */
.rowHeaderLabel {
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  background-color: #db0000;
  border-left: 1px solid #fff;
  border-top: 1px solid #fff;
  border-right: 1px solid #000b3a;
  border-bottom: 1px solid #000b3a;
}
.rowHeaderLabelOver {
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  background-color: #da0000;
  border-left: 1px solid #000b3a;
  border-top: 1px solid #000b3a;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
.rowHeaderLabelDown {
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  background-color: #d90000;
  border-left: 1px solid #000b3a;
  border-top: 1px solid #000b3a;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
.rowHeaderLabelDisabled {
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #808080;
  background-color: #7d7d7d;
  border-left: 1px solid #808080;
  border-top: 1px solid #808080;
  border-right: 1px solid #808080;
  border-bottom: 1px solid #808080;
}
.rowHeaderLabelSelected,
.rowHeaderLabelSelectedDown {
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  background-color: #3e74b3;
  border-left: 1px solid #000;
  border-top: 1px solid #000;
  border-right: 1px solid #555;
  border-bottom: 1px solid #555;
}
.rowHeaderLabelSelectedOver {
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  background-color: #3e74b3;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}
.rowHeaderLabelSelectedDisabled {
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #808080;
  background-color: #7d7d7d;
  border-left: 1px solid #808080;
  border-top: 1px solid #808080;
  border-right: 1px solid #808080;
  border-bottom: 1px solid #808080;
}
/* column headers */
.colHeader,
.colHeaderOver,
.colHeaderDown,
.colHeaderDisabled,
.colHeaderSelected,
.colHeaderSelectedOver,
.colHeaderSelectedDown,
.colHeaderSelectedDisabled {
  font-weight: bold;
  font-family: Arial, sans-serif;
  font-size: 14px;
  color: #fff;
  background: #d80000;
  border-top: 1px solid #b2cedb;
  border-left: 1px solid #b2cedb;
  border-bottom: 1px solid #1c6f99;
  border-right: 1px solid #1c6f99;
}
.colHeaderOver,
.colHeaderDown {
  border-top: 1px solid #6c9bb5;
  border-left: 1px solid #6c9bb5;
  background: #d70000;
}
.colHeaderSelected,
.colHeaderSelectedDown,
.colHeaderSelectedOver,
.colHeaderSelectedDisabled {
  border-top: 1px solid #b2cedb;
  border-left: 1px solid #b2cedb;
  border-bottom: 1px solid #5291b1;
  border-right: 1px solid #5291b1;
  background: #d70000;
}
.colHeaderSelectedOver {
  border-top: 1px solid #6c9bb5;
  border-left: 1px solid #6c9bb5;
  background: #d60000;
}
.colHeaderDisabled,
.colHeaderSelectedDisabled {
  color: #bbb;
}
.colHeaderDisabled {
  background: #d50000;
}
/* column label */
.colHeaderLabel {
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  background-color: #204b7a;
  border-left: 1px solid #fff;
  border-top: 1px solid #fff;
  border-right: 1px solid #555;
  border-bottom: 1px solid #555;
}
.colHeaderLabelOver,
.colHeaderLabelDown {
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  background-color: #204b7a;
  border-left: 1px solid #000b3a;
  border-top: 1px solid #000b3a;
  border-right: 1px solid #555;
  border-bottom: 1px solid #555;
}
.colHeaderLabelDisabled {
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #808080;
  background-color: #7d7d7d;
  border-left: 1px solid #808080;
  border-top: 1px solid #808080;
  border-right: 1px solid #808080;
  border-bottom: 1px solid #808080;
}
.colHeaderLabelSelected,
.colHeaderLabelSelectedDown {
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  background-color: #3e74b3;
  border-left: 1px solid #000;
  border-top: 1px solid #000;
  border-right: 1px solid #555;
  border-bottom: 1px solid #555;
}
.colHeaderLabelSelectedOver {
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  background-color: #3e74b3;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #555;
  border-bottom: 1px solid #555;
}
.colHeaderLabelSelectedDisabled {
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #808080;
  background-color: #7d7d7d;
  border-left: 1px solid #808080;
  border-top: 1px solid #808080;
  border-right: 1px solid #808080;
  border-bottom: 1px solid #808080;
}
/* inner header */
.innerHeader,
.innerHeaderOver,
.innerHeaderDown,
.innerHeaderSelected,
.innerHeaderSelectedDown,
.innerHeaderSelectedOver,
.innerHeaderSelectedDisabled {
  padding: 2px;
  font-weight: bold;
  font-family: Arial, sans-serif;
  font-size: 14px;
  background: #d30000;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #6da2bd;
  border-right: 1px solid #6da2bd;
}
.innerHeaderDisabled {
  padding: 2px;
  font-family: Arial, sans-serif;
  font-size: 14px;
  border: 1px solid #78a9c2;
  background-color: #97bdcf;
  color: #808080;
}
.innerHeaderOver,
.innerHeaderDown,
.innerHeaderSelectedOver {
  background: #d20000;
}
.innerHeaderSelected,
.innerHeaderSelectedDown {
  background: #d10000;
}
.innerHeaderSelectedDisabled {
  color: #808080;
}
/*============================================================
	BarChart
	internal, charting/visualization module only
		styleName - chart
		barStyle - chartBar
		others are currently fixed
============================================================*/
.chart {
  background-color: #ccc;
}
.chartTitle {
  color: #000;
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}
.chartAxisTitle {
  color: #008000;
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 12px;
}
.chartValueTitle {
  color: #000;
  font-family: Arial, sans-serif;
  font-size: 13px;
}
.chartTotal {
  color: #000;
  font-family: Arial, sans-serif;
  font-size: 12px;
  background-color: #faf0e6;
}
.chartBody {
  border-left: 1px solid #000;
  border-top: 1px dashed #00f;
  border-right: 1px solid #000;
  background-color: #f00;
}
.chartBar1 {
  background-color: #f00;
  filter: "progid:dximagetransform.microsoft.gradient(gradientType=1, startColorStr=#990000, endColorStr=#FF0000)";
}
.chartBar2 {
  background-color: #00f;
  filter: "progid:dximagetransform.microsoft.gradient(gradientType=1, startColorStr=#000099, endColorStr=#0000FF)";
}
.chartBar3 {
  background-color: #008000;
  filter: "progid:dximagetransform.microsoft.gradient(gradientType=1, startColorStr=#009900, endColorStr=#00FF00)";
}
/*============================================================
	Printing
        printHeader - general print style for header elements including:
        - ListGrid header cells
        - SectionStack headers
============================================================*/
.printHeader {
  font-family: Arial, sans-serif;
  font-size: 14px;
  border: 5px solid #cb0000;
  font-weight: bold;
}
/*============================================================
	Calendar

============================================================*/
.calendar,
.calendarDisabled,
.calendarDisabledDark,
.calendarDisabledOver,
.calendarDisabledOverDark,
.calendarWorkday,
.calendarWorkdayDisabled,
.calendarDark {
  font-family: Arial, sans-serif;
  font-size: 14px;
  color: #000;
  border-bottom: 1px solid #a0a0a0;
  border-right: 1px solid #a0a0a0;
  background-color: #e00;
}
.calendarWorkdayDisabled,
.calendarDark,
.calendarDisabled,
.calendarDisabledDark,
.calendarDisabledOver,
.calendarDisabledOverDark {
  background-color: #dcdcdc;
}
.calendarWorkday {
  background-color: #f2f2f2;
}
.calendarOver,
.calendarOverDark {
  font-family: Arial, sans-serif;
  font-size: 14px;
  color: #000;
  border-bottom: 1px solid #a0a0a0;
  border-right: 1px solid #a0a0a0;
  background-color: #c0ffc0;
}
.calendarWorkdaySelected,
.calendarCellSelected {
  font-family: Arial, sans-serif;
  font-size: 14px;
  color: #000;
  border-bottom: 1px solid #a0a0a0;
  border-right: 1px solid #a0a0a0;
  background-color: #ccc;
}
.labelColumn,
.labelColumnDark,
.labelColumnOver,
.labelColumnOverDark {
  font-family: Arial, sans-serif;
  font-size: 14px;
  color: #000;
  border-bottom: 1px solid #a0a0a0;
  border-right: 1px solid #a0a0a0;
  background-color: #dcdcdc;
}
.labelColumnOver,
.labelColumnOverDark,
.calendarDisabledOver,
.calendarDisabledOverDark {
  background-color: #a4bbdb;
}
/* ----month---- */
/* calMonthDayHeader and Body */
.calMonthDayHeader,
.calMonthDayHeaderDark {
  font-family: Arial, sans-serif;
  font-size: 14px;
  color: #000;
  border-bottom: 1px solid #a0a0a0;
  border-right: 1px solid #a0a0a0;
  background-color: #dcdcdc;
}
.calMonthDayHeaderOver,
.calMonthDayHeaderOverDark {
  font-family: Arial, sans-serif;
  font-size: 14px;
  color: #000;
  border-bottom: 1px solid #a0a0a0;
  border-right: 1px solid #a0a0a0;
  background-color: #c0ffc0;
}
.calMonthDayHeaderDisabled,
.calMonthDayHeaderDisabledOver {
  font-family: Arial, sans-serif;
  font-size: 14px;
  color: #000;
  border-bottom: 1px solid #a0a0a0;
  border-right: 1px solid #a0a0a0;
  background-color: #e6e6e6;
}
.calMonthDayBody,
.calMonthDayBodyDark {
  font-family: Arial, sans-serif;
  font-size: 14px;
  color: #000;
  border-bottom: 1px solid #a0a0a0;
  border-right: 1px solid #a0a0a0;
  background-color: #ed0000;
}
.calMonthDayBodyOver,
.calMonthDayBodyOverDark {
  font-family: Arial, sans-serif;
  font-size: 14px;
  color: #000;
  border-bottom: 1px solid #a0a0a0;
  border-right: 1px solid #a0a0a0;
  background-color: #c0ffc0;
}
.calMonthDayBodyDisabled,
.calMonthDayBodyDisabledOver {
  font-family: Arial, sans-serif;
  font-size: 14px;
  color: #000;
  border-bottom: 1px solid #a0a0a0;
  border-right: 1px solid #a0a0a0;
  background-color: #e6e6e6;
}
/* calMonthOtherDayHeader and Body */
.calMonthOtherDayHeader,
.calMonthOtherDayHeaderDark {
  font-family: Arial, sans-serif;
  font-size: 14px;
  color: #444;
  border-bottom: 1px solid #a0a0a0;
  border-right: 1px solid #a0a0a0;
  background-color: #aaa;
}
.calMonthOtherDayHeaderOver,
.calMonthOtherDayHeaderOverDark {
  font-family: Arial, sans-serif;
  font-size: 14px;
  color: #444;
  border-bottom: 1px solid #a0a0a0;
  border-right: 1px solid #a0a0a0;
  background-color: #c0ffc0;
}
.calMonthOtherDayBody,
.calMonthOtherDayBodyDark,
.calMonthOtherDayBodyDisabled,
.calMonthOtherDayBodyDisabledOver {
  font-family: Arial, sans-serif;
  font-size: 14px;
  color: #000;
  border-bottom: 1px solid #a0a0a0;
  border-right: 1px solid #a0a0a0;
  background-color: #e6e6e6;
}
.calMonthOtherDayBodyOver,
.calMonthOtherDayBodyOverDark {
  font-family: Arial, sans-serif;
  font-size: 14px;
  color: #000;
  border-bottom: 1px solid #a0a0a0;
  border-right: 1px solid #a0a0a0;
  background-color: #c0ffc0;
}
/* calMonthOtherDayBlank */
.calMonthOtherDayBlank,
.calMonthOtherDayBlankDark,
.calMonthOtherDayBlankOver,
.calMonthOtherDayBlankOverDark {
  font-family: Arial, sans-serif;
  font-size: 14px;
  color: #444;
  border-bottom: 1px solid #a0a0a0;
  border-right: 1px solid #a0a0a0;
  background-color: #e6e6e6;
}
/* calMonthEventLink */
a.calMonthEventLink:link {
  color: #00f;
  text-decoration: none;
}
a.calMonthEventLink:visited {
  color: #00f;
  text-decoration: none;
}
a.calMonthEventLink:hover {
  color: #00f;
  text-decoration: underline;
}
a.calMonthEventLink:active {
  color: #00f;
  text-decoration: none;
}
/* ----event window---- */
.eventWindow {
  font-family: Arial, sans-serif;
  font-size: 11px;
  background-color: #649ed8;
  border: 1px solid #004d99;
  padding: 0;
  margin: 0;
}
.eventWindowHeader,
.eventWindowGripper,
.eventWindowLabel {
  font-family: Arial, sans-serif;
  font-size: 11px;
  color: #fff;
  background-color: #004d99;
  margin: 0;
}
.eventWindowBody {
  font-family: Arial, sans-serif;
  font-size: 11px;
  color: #000;
  background-color: #649ed8;
  padding: 3px;
}
.eventWindowResizer {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
/* Leading/Trailing date-lines, shown either side of events in Timelines */
.eventLine {
  background-color: #47a7e3;
}
/* --- ZoneCanvas --- */
.zoneCanvas {
  background-color: rgba(150,150,150,0.502);
}
.zoneCanvasHeader,
.zoneCanvasGripper,
.zoneCanvasLabel {
  display: inline-block;
  color: #fff;
  background-color: #808080;
  left: 0;
  bottom: 0;
}
.eventDragCanvas {
  border: 1px dashed #f00;
}
/* --- IndicatorCanvas --- */
.indicatorCanvas {
  background-color: #a00;
}
.indicatorCanvasHeader,
.indicatorCanvasGripper,
.indicatorCanvasLabel {
  display: inline-block;
  color: #fff;
  background-color: #a00;
  font-family: Arial, sans-serif;
  font-size: 14px;
}
/* make all grippers rounded */
.eventWindowGripper,
.indicatorCanvasGripper,
.zoneCanvasGripper {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  padding: 0;
  margin: 0;
}
/* show a border around floating labels */
.eventWindowLabel,
.zoneCanvasLabel,
.indicatorCanvasLabel {
  border: 5px solid #c00000;
}
/*============================================================
	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
============================================================*/
.propSheetValue,
.propSheetValueFocused,
.propSheetValueDisabled {
  font-family: Arial, sans-serif;
  font-size: 14px;
  border-bottom: 1px solid #aaa;
  border-right: 1px solid #aaa;
  padding: 0;
  margin: 0;
}
.propSheetTitle,
.propSheetTitleFocused,
.propSheetTitleDisabled {
  font-family: Arial, sans-serif;
  font-size: 14px;
  border-bottom: 1px solid #aaa;
  border-right: 1px solid #aaa;
  background-color: #f00;
  padding-left: 4px;
  padding-right: 4px;
}
.propSheetTitleError,
.propSheetValueError {
  font-family: Arial, sans-serif;
  font-size: 14px;
  color: #204268;
  background-color: #cfd9f2;
}
.propSheetField,
.propSheetFieldDisabled {
  font-family: Arial, sans-serif;
  font-size: 14px;
  background-color: #ec0000;
  border: 0;
  padding: 0;
  padding-left: 4px;
  padding-right: 4px;
  margin-top: 3px;
}
.propSheetHeading,
.propSheetHeadingDisabled {
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #000;
  background-color: #ccc;
  padding: 4px;
  border-bottom: 1px solid #aaa;
}
.propSheetSelectControl,
.propSheetSelectControlFocused,
.propSheetSelectControlDisabled {
  padding-left: 3px;
  padding-right: 3px;
}
.darkHover {
  background-color: #3a4a53;
  color: #fff;
  font-family: Arial, sans-serif;
  font-size: 14px;
  padding: 10px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 5px #3a4a53;
  -moz-box-shadow: 0 0 5px #3a4a53;
  -o-box-shadow: 0 0 5px #3a4a53;
  -ms-box-shadow: 0 0 5px #3a4a53;
  box-shadow: 0 0 5px #3a4a53;
}
a:link {
  color: #f0f0f0;
  font-weight: bold;
}
a:visited {
  color: #f0f0f0;
}
a:hover {
  color: #0383c5;
}
a:active {
  color: #46b4ef;
}
html {
  font-family: Arial, sans-serif;
  font-size: 14px;
  height: 100%;
}
body {
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background-repeat: no-repeat;
  background-attachment: fixed;
  color: #f0f0f0;
  background: #0f2033;
}
.btSplitPanel {
  margin: 0;
  padding: 0;
  border: 0;
}
.btStatusPanel {
  color: #f0f0f0;
  background: linear-gradient(to bottom, #1e4066, #0f2033);
  border: 2px solid rgba(128,128,128,0.749);
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -o-border-radius: 12px;
  -ms-border-radius: 12px;
  border-radius: 12px;
}
.btProductName {
  font-weight: bold;
  color: #f0f0f0;
}
.btProductNameOver {
  font-weight: bold;
  color: #0383c5;
  text-decoration: underline;
}
.btProductNameDown {
  font-weight: bold;
  color: #46b4ef;
}
.btStatusTextBold {
  font-weight: bold;
}
.btTreePanel {
  color: #f0f0f0;
  background: none;
  border: none;
}
.btTreePanelNoPropertyViewer {
  color: #f0f0f0;
  border: 2px solid rgba(128,128,128,0.749);
  background: linear-gradient(to bottom, #1e4066, #0f2033);
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -o-border-radius: 12px;
  -ms-border-radius: 12px;
  border-radius: 12px;
}
.btDeviceTree {
  color: #f0f0f0;
  background: none;
  border: none;
}
.btTreeCell,
.btTreeCellOver {
  background: "#00000000";
  text-overflow: ellipsis;
  border: none;
}
.btTreeCellOver {
  background-color: #0383c5;
}
.btTreeCellSelected,
.btTreeCellSelectedOver {
  background-color: #46b4ef;
}
.btPropertyViewer {
  color: #f0f0f0;
  background: none;
  border: none;
}
.btPropertyViewerCell,
.btPropertyViewerCellOver {
  background: "#00000000";
  text-overflow: ellipsis;
  border-bottom: 1px solid rgba(128,128,128,0.749);
  border-left: 1px solid rgba(128,128,128,0.749);
  padding-left: 4px;
  padding-right: 4px;
}
.btPropertyViewerCellOver {
  background-color: #0383c5;
  border-bottom: 1px solid rgba(128,128,128,0.749);
  border-left: 1px solid rgba(128,128,128,0.749);
  padding-left: 4px;
  padding-right: 4px;
}
.btPropertyViewerCellSelected,
.btPropertyViewerCellSelectedOver {
  background-color: #46b4ef;
  border-bottom: 1px solid rgba(128,128,128,0.749);
  border-left: 1px solid rgba(128,128,128,0.749);
  padding-left: 4px;
  padding-right: 4px;
}
.btContentPanel {
  color: #f0f0f0;
  background: linear-gradient(to bottom, #1e4066, #0f2033);
  border: 2px solid rgba(128,128,128,0.749);
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -o-border-radius: 12px;
  -ms-border-radius: 12px;
  border-radius: 12px;
}
.btContentTabs {
  margin: 0;
  border: none;
  background: none;
  overflow-y: hidden;
}
.btTreeTabs {
  margin: 0;
  border: none;
  background: none;
  overflow-y: hidden;
}
.btTabTop,
.btTabTopOver {
  font-weight: normal;
  color: #f0f0f0;
  background: #0f2033;
  border: 2px solid rgba(128,128,128,0.749);
  border-width: 1px;
  border-bottom-width: 2px;
  -webkit-border-top-left-radius: 12px;
  -moz-border-top-left-radius: 12px;
  -o-border-top-left-radius: 12px;
  -ms-border-top-left-radius: 12px;
  border-top-left-radius: 12px;
  -webkit-border-top-right-radius: 12px;
  -moz-border-top-right-radius: 12px;
  -o-border-top-right-radius: 12px;
  -ms-border-top-right-radius: 12px;
  border-top-right-radius: 12px;
  padding-left: 8px;
  padding-right: 8px;
}
.btTabTopOver {
  background: linear-gradient(to bottom, #1aaffc, #0383c5);
}
.btTabTopFocused,
.btTabTopFocusedOver,
.btTabTopFocusedDown {
  font-weight: normal;
  color: #f0f0f0;
  border: 2px solid rgba(128,128,128,0.749);
  border-width: 1px;
  -webkit-border-top-left-radius: 12px;
  -moz-border-top-left-radius: 12px;
  -o-border-top-left-radius: 12px;
  -ms-border-top-left-radius: 12px;
  border-top-left-radius: 12px;
  -webkit-border-top-right-radius: 12px;
  -moz-border-top-right-radius: 12px;
  -o-border-top-right-radius: 12px;
  -ms-border-top-right-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-width: 2;
  padding-left: 8px;
  padding-right: 8px;
}
.btTabTopSelectedOver,
.btTabTopSelectedFocused,
.btTabTopSelectedFocusedOver,
.btTabTopSelectedFocusedDown,
.btTabTopSelected {
  text-shadow: 0px 0px 1px #f0f0f0;
  color: #f0f0f0;
  background: linear-gradient(to bottom, #1e4066, #0f2033);
  border: 2px solid rgba(128,128,128,0.749);
  -webkit-border-top-left-radius: 12px;
  -moz-border-top-left-radius: 12px;
  -o-border-top-left-radius: 12px;
  -ms-border-top-left-radius: 12px;
  border-top-left-radius: 12px;
  -webkit-border-top-right-radius: 12px;
  -moz-border-top-right-radius: 12px;
  -o-border-top-right-radius: 12px;
  -ms-border-top-right-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-width: 0;
  padding-left: 7px;
  padding-right: 7px;
}
.btTabTopSelectedDown,
.btTabTopDown {
  font-weight: bold;
  color: #f0f0f0;
  background: linear-gradient(to bottom, #0f2033, #1e4066);
  border: 2px solid rgba(128,128,128,0.749);
  -webkit-border-top-left-radius: 12px;
  -moz-border-top-left-radius: 12px;
  -o-border-top-left-radius: 12px;
  -ms-border-top-left-radius: 12px;
  border-top-left-radius: 12px;
  -webkit-border-top-right-radius: 12px;
  -moz-border-top-right-radius: 12px;
  -o-border-top-right-radius: 12px;
  -ms-border-top-right-radius: 12px;
  border-top-right-radius: 12px;
  padding-left: 7px;
  padding-right: 7px;
}
.btSmallButton,
.btSmallButtonOver,
.btSmallButtonFocused,
.btSmallButtonFocusedOver,
.btSmallButtonDown,
.btSmallButtonFocusedDown,
.btSmallButtonSelected,
.btSmallButtonSelectedFocused,
.btSmallButtonSelectedDown,
.btSmallButtonSelectedFocusedDown,
.btSmallButtonSelectedOver,
.btSmallButtonSelectedFocusedOver,
.btSmallButtonSelectedDisabled {
  padding: 2px;
  font-weight: bold;
  font-family: Arial, sans-serif;
  font-size: 14px;
  background: linear-gradient(to bottom, #285689, #0f2033);
  border: 2px solid rgba(128,128,128,0.749);
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -o-border-radius: 12px;
  -ms-border-radius: 12px;
  border-radius: 12px;
}
.btSmallButtonSelectedDisabled,
.btSmallButtonDisabled {
  color: #868686;
}
.btSmallButtonFocused,
.btSmallButtonFocusedOver,
.btSmallButtonFocusedDown,
.btSmallButtonSelectedFocused,
.btSmallButtonSelectedFocusedOver {
  border: 2px solid #cbca33;
}
.btSmallButtonOver,
.btSmallButtonFocusedOver,
.btSmallButtonSelectedOver,
.btSmallButtonSelectedFocusedOver {
  background: linear-gradient(to bottom, #1aaffc, #0383c5);
}
.btSmallButtonDown,
.btSmallButtonFocusedDown,
.btSmallButtonSelectedDown,
.btSmallButtonSelectedFocusedDown {
  background: linear-gradient(to bottom, #0f2033, #1e4066);
}
.btSmallButtonSelected,
.btSmallButtonSelectedFocused {
  background: linear-gradient(to bottom, #74c7f3, #46b4ef);
}
.btBaseDialog {
  color: #f0f0f0;
  background: linear-gradient(to bottom, #0f2033, #1e4066);
  border: 2px solid rgba(128,128,128,0.749);
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -o-border-radius: 12px;
  -ms-border-radius: 12px;
  border-radius: 12px;
}
.btLoginProductName {
  font-weight: bold;
  color: #86b8cb;
  font-size: 16px;
}
.btLoginSiteName {
  font-weight: bold;
  color: #86b8cb;
  font-size: 16px;
}
.btChangePasswordPrompt {
  color: #fff;
  background: #eb0000;
  font-weight: bold;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -o-border-radius: 12px;
  -ms-border-radius: 12px;
  border-radius: 12px;
}
.btDialogPane {
  box-sizing: border-box;
  outline: none;
  padding: 0;
  margin: 0;
}
.btPaneTabContainer {
  font-family: Arial, sans-serif;
  font-size: 14px;
  color: #f0f0f0;
  border: 2px solid rgba(128,128,128,0.749);
  background: linear-gradient(to bottom, #0f2033, #1e4066);
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -o-border-radius: 12px;
  -ms-border-radius: 12px;
  border-radius: 12px;
  padding: 0;
  margin: 0;
}
.btCheckBoxFalse,
.btCheckBoxFalseDisabled,
.btCheckBoxUnset {
  color: #f0f0f0;
  background: rgba(15,32,51,0.25);
  border: 2px solid rgba(128,128,128,0.749);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
}
.btCheckBoxTrue,
.btCheckBoxTrueDisabled,
.btCheckBoxPartial {
  color: #f0f0f0;
  background: rgba(15,32,51,0.25);
  border: 2px solid rgba(128,128,128,0.749);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
}
.btDateChooser {
  background: linear-gradient(to bottom, #1e4066, #0f2033);
  border: 2px solid rgba(128,128,128,0.749);
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -o-border-radius: 12px;
  -ms-border-radius: 12px;
  border-radius: 12px;
}
.btFormItemTitle {
  padding-bottom: 2px;
  color: #f0f0f0;
}
.btFormItemTitle6px {
  padding-bottom: 6px;
  color: #f0f0f0;
}
.btFormItemTitleDisabled {
  padding-bottom: 2px;
  color: #868686;
}
.btListSelectItemBorder {
  border: 2px solid rgba(128,128,128,0.749);
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -o-border-radius: 12px;
  -ms-border-radius: 12px;
  border-radius: 12px;
}
.btStaticTextDialog {
  background: linear-gradient(to bottom, #0f2033, #1e4066);
  color: #f0f0f0;
  border: 2px solid rgba(128,128,128,0.749);
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -o-border-radius: 12px;
  -ms-border-radius: 12px;
  border-radius: 12px;
  padding: 6px;
  overflow: auto;
}
.btTreeTabSetContainer {
  font-family: Arial, sans-serif;
  font-size: 14px;
  color: #f0f0f0;
  border: 2px solid rgba(128,128,128,0.749);
  background: linear-gradient(to bottom, #1e4066, #0f2033);
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -o-border-radius: 12px;
  -ms-border-radius: 12px;
  border-radius: 12px;
}
.btComStatusYellow {
  background: #d8be12;
  color: #000;
  text-overflow: ellipsis;
}
.btComStatusRed {
  background: #e22525;
  color: #fff;
  text-overflow: ellipsis;
}
.btComStatusGreen {
  background: "#00000000";
  color: #f0f0f0;
  text-overflow: ellipsis;
}
.btComStatusGray {
  background: "#00000000";
  color: #868686;
  text-overflow: ellipsis;
}
.btReloadTreeLabel {
  background: #d8be12;
  color: #000;
  text-overflow: ellipsis;
  font-weight: bold;
}
.btBaseGadget {
  color: none;
  padding: 0;
  border: 2px solid rgba(128,128,128,0.749);
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -o-border-radius: 12px;
  -ms-border-radius: 12px;
  border-radius: 12px;
}
.btBaseGadgetNoEvents {
  color: none;
  padding: 0;
  border: 2px solid rgba(128,128,128,0.749);
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -o-border-radius: 12px;
  -ms-border-radius: 12px;
  border-radius: 12px;
  pointer-events: none;
}
.btShapeGadget {
  color: none;
  background: none;
  border: none;
  padding: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}
.btEmptyGadget {
  color: none;
  background: none;
  border: none;
  padding: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}
.btTextLabelGadget {
  padding: 6px;
  border: none;
  background: none;
}
.btGadgetLabel {
  font-weight: normal;
  width: fit-content;
  height: fit-content;
  overflow: hidden;
  white-space: nowrap;
  padding: 0;
  border: none;
  pointer-events: none;
}
.btBaseContentWindow {
  color: #f0f0f0;
  background: linear-gradient(to bottom, #1e4066, #0f2033);
  border: none;
}
.btGraphicMenuBar {
  color: #f0f0f0;
  background: linear-gradient(to bottom, #1e4066, #0f2033);
  border-width: 2px;
  border-color: rgba(128,128,128,0.749);
  border-style: none none solid none;
  -webkit-border-radius-bottomleft: 12px;
  -moz-border-radius-bottomleft: 12px;
  -o-border-radius-bottomleft: 12px;
  -ms-border-radius-bottomleft: 12px;
  border-radius-bottomleft: 12px;
}
.btGraphicMainView {
  font-weight: bold;
  font-size: 24;
  background-color: #000;
  color: #fff;
}
.btSelectFilePreview {
  color: #f0f0f0;
  background: linear-gradient(to bottom, #0f2033, #1e4066);
  border-width: 2px;
  border-color: rgba(128,128,128,0.749);
  border-style: none none none solid;
}
.btSelectFilePreviewLabel {
  color: #f0f0f0;
  background: linear-gradient(to bottom, #0f2033, #1e4066);
  border: none;
}
.btGadgetTemplatePreviewCanvas {
  display: flex;
  align-items: center;
  justify-content: center;
}
.btImagePreviewCanvas {
  display: flex;
  align-items: center;
  justify-content: center;
}
.btInvisible {
  display: none;
}
.btVisibleBlock {
  display: block;
}
.btMenuKeyField,
.btMenuKeyFieldFocused,
.btMenuKeyFieldDown,
.btMenuKeyFieldFocusedDown,
.btMenuKeyFieldSelected,
.btMenuKeyFieldSelectedFocused,
.btMenuKeyFieldSelectedDown,
.btMenuKeyFieldSelectedFocusedDown,
.btMenuKeyFieldSelectedDisabled {
  padding-left: 4px;
}
.btMenuKeyFieldOver,
.btMenuKeyFieldFocusedOver,
.btMenuKeyFieldSelectedOver,
.btMenuKeyFieldSelectedFocusedOver {
  padding-left: 4px;
  background: #0383c5;
}
.btColorSelectSample {
  border-radius: 8px;
  border: 2px solid rgba(128,128,128,0.749);
  font-size: 20px;
  text-align: center;
  margin: 0;
  margin-top: 4px;
  color: #888;
  text-shadow: 1px 1px 0 #000;
}
.btColorSelectItem,
.btColorSelectItemDisabled {
  padding: 4px;
  padding-left: 6px;
  padding-right: 6px;
  font-weight: normal;
  font-family: Arial, sans-serif;
  font-size: 14px;
  border: 2px solid rgba(128,128,128,0.749);
  color: #888;
  text-shadow: 1px 1px 0 #000;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
}
.btIconSelectItem,
.btIconSelectItemDisabled {
  padding: 4px;
  padding-left: 6px;
  padding-right: 6px;
  font-weight: normal;
  font-family: Arial, sans-serif;
  font-size: 14px;
  background: linear-gradient(to bottom, #0f2033, #1e4066);
  border: 2px solid rgba(128,128,128,0.749);
  color: #f0f0f0;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
}
.btImageSelectItem,
.btImageSelectItemDisabled {
  padding: 4px;
  padding-left: 6px;
  padding-right: 6px;
  font-weight: normal;
  font-family: Arial, sans-serif;
  font-size: 14px;
  background: linear-gradient(to bottom, #0f2033, #1e4066);
  border: 2px solid rgba(128,128,128,0.749);
  color: #f0f0f0;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
}
.btAnimationSelectItem,
.btAnimationSelectItemDisabled {
  padding: 4px;
  padding-left: 6px;
  padding-right: 6px;
  font-weight: normal;
  font-family: Arial, sans-serif;
  font-size: 14px;
  background: linear-gradient(to bottom, #0f2033, #1e4066);
  border: 2px solid rgba(128,128,128,0.749);
  color: #f0f0f0;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
}
.btTextEditorDialog {
  color: #f0f0f0;
  background: linear-gradient(to bottom, #0f2033, #1e4066);
  border: 2px solid rgba(128,128,128,0.749);
  overflow: hidden;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -o-border-radius: 12px;
  -ms-border-radius: 12px;
  border-radius: 12px;
}
.chartEditMode {
  display: flex;
  justify-content: center;
  align-items: center;
}
.btScheduleTimesContainer {
  color: #f0f0f0;
  background: linear-gradient(to bottom, #0f2033, #1e4066);
  border: 2px solid rgba(128,128,128,0.749);
  overflow: hidden;
}
.btScheduleGrid {
  color: #f0f0f0;
  background: linear-gradient(to bottom, #0f2033, #1e4066);
  border: 2px solid rgba(128,128,128,0.749);
  overflow: hidden;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -o-border-radius: 12px;
  -ms-border-radius: 12px;
  border-radius: 12px;
}
.btNoBackgroundOrBorder {
  background: none;
  border: none;
  overflow: hidden;
}
.btScheduleTimeRow {
  color: #f0f0f0;
  background: #0f2033;
  border-bottom: 2px solid rgba(128,128,128,0.749);
}
.btScheduleTimeTitle {
  color: #f0f0f0;
  background: #0f2033;
  border-right: 2px solid rgba(128,128,128,0.749);
}
.btCellStylePadLR4px {
  padding-left: 4px;
  padding-right: 4px;
}
.canvasjs-chart-tooltip {
  pointer-events: none;
}
.canvasjs-chart-toolbar {
  color: #000;
}
.btTrendTitle {
  color: #f0f0f0;
  background: rgba(0,0,0,0);
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}
.btTrendSubtitle {
  color: #f0f0f0;
  background: rgba(0,0,0,0);
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}
.btPaneInfoLabel {
  padding-left: 4px;
  padding-right: 4px;
}
.btEventListGroup {
  background-color: #0f2033;
  color: #f0f0f0;
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-overflow: ellipsis;
  border-top: 1px solid transparent;
  border-bottom: 1px solid rgba(240,240,240,0.5);
  border-left: 1px solid rgba(240,240,240,0.5);
  padding-left: 4px;
  padding-right: 4px;
}
.btEventListGroupOver {
  background-color: #0383c5;
  color: #f0f0f0;
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-overflow: ellipsis;
  border-top: 1px solid transparent;
  border-bottom: 1px solid rgba(240,240,240,0.5);
  border-left: 1px solid rgba(240,240,240,0.5);
  padding-left: 4px;
  padding-right: 4px;
}
.btEditorForm {
  padding-left: 4px;
}
.btTextEditor {
  margin-right: 8px;
  margin-bottom: 8px;
  width: 100%;
  height: 100%;
}
.btEditorCell {
  resize: vertical;
  overflow: auto;
}
.btBorderLeft {
  border-left: 2px solid rgba(128,128,128,0.749);
}
.btProgramHPanel {
  border-bottom: 2px solid rgba(128,128,128,0.749);
  background: linear-gradient(to bottom, #1e4066, #0f2033);
}
.btHTMLContentGadget {
  font-size: 14px;
  font-weight: normal;
  border: none;
}
.dummyxyz {
  color: #e724fb;
}