/********************** variables ***********************/
:root
{
	--editor-background-color-primary: #232C4C;
	--editor-background-color-secondary: #232C4C;
	--editor-color: #FFFFFF;
	--editor-border-color: #344272;
	--editor-background-color: #232C4C;
	--editor-background-color-banner: #232C4C;
	--editor-background-color-select: #11A0D9;
	--editor-background-color-hover: #11A0D9;
	--editor-background-color-window: #232C4C;
	--editor-background-color-form: #323B5E;

	--editor-font: "Open Sans";
	--editor-font-weight: normal;
	--editor-font-style: normal;
	--editor-font-size: 13px;
}

body
{
	margin: 0px;
	height: 100%;
	width: 100%;
	overflow: hidden;
	background-color: var(--editor-background-color) !important;
}
.dashboard_editor
{
	background-color: var(--editor-background-color) !important;
}
.nonEditablePanel
{
	position: fixed;
	width: 400px;
	height: 150px;
	top: 40%;
	left: 45%;
	border-radius: 5px;
	color: #FFFFFF !important;

	display: flex;
	justify-content: center;
	align-items: center;

	background-color: #232C4C !important;
	font-family: var(--editor-font) !important;
	font-weight: var(--editor-font-weight) !important;
	font-style: var(--editor-font-style) !important;
	font-size: var(--editor-font-size) !important;
}
#dashboard_editor
{
	z-index: 1 !important;
	border: none !important;
}
#dashboard_editor .windowBody
{
	border: none !important;
	background-color: var(--editor-background-color-primary) !important;
	box-shadow: none;
}
#dashboard_editor tr[role="listitem"] > td:first-child
{
	padding-left: 5px !important;
}
#dashboard_editor .listTable
{
	padding-left: 0px !important;
}
.dashboard_editor .listGrid
{
	border: none;
}

.normal, label, .dd-label
{
	font-family: var(--editor-font) !important;
	font-weight: var(--editor-font-weight) !important;
	font-style: var(--editor-font-style) !important;
	font-size: var(--editor-font-size) !important;
	color: var(--editor-color) !important;
}
.background .normal, .background .dd-label, .background label
{
	color: var(--color) !important;
}
.chzn-drop .highlighted label
{
	color: #FFFFFF !important;
}

.emptyIcon
{
	visibility: hidden;
}

/********************** progress bar *****************/
.dd-progress-panel
{
	background: var(--editor-background-color-window);
	border: 2px solid #11A0D9;
}
.dd-progress-text
{
	color: var(--editor-color);
}

/********************** login ***********************/
#dashboard_login, .dashboard_login
{
	background: var(--editor-background-color-primary);
}
.loginPanel
{
	background-color: #323B5E;
	border: none;
	box-shadow: none;
}
.loginPanel .dd-anchor
{
	color: #FFFFFF !important;
	text-decoration: underline;
}
.logoImage
{
/* 	background-image: url(icons/digdash_2019/logo-dd-white.svg); */
	background-image: url(icons/editor/logo-dd.svg)
}

/********************** smartgwt components ***********************/
.labelAnchorDisabled, .textItemLiteDisabled, .selectItemLiteTextDisabled, .formCellDisabled, .formTitleDisabled, .staticTextItemDisabled
{
	opacity: 0.8;
	font-size: var(--editor-font-size) !important;
	font-family: 'Open Sans', arial, sans-serif !important;
	font-weight: var(--editor-font-weight) !important;
}
.staticTextItem
{
	font-size: var(--editor-font-size) !important;
	font-family: 'Open Sans', arial, sans-serif !important;
	font-weight: var(--editor-font-weight) !important;
	color: var(--editor-color) !important;
}
.staticTextItem a, .staticTextItem a:visited, .staticTextItem a:hover, .dd-window-content a
{
	color: var(--editor-color) !important;
}
div[class^='selectItemLiteText'], input[class^='selectItemLiteText']
{
	font-size: var(--editor-font-size) !important;
	font-family: 'Open Sans', arial, sans-serif !important;
	color: #515151 !important;
}
div[class^='selectItemLiteTextDisabled'], input[class^='selectItemLiteTextDisabled'], input[class^='textItemLiteTextDisabled']
{
	background-color: #EBEBE4 !important;
  	color: #C6C6C6;
}
.comboBoxItemPickerCellDisabled
{
	background-color: #EBEBE4 !important;
}
div[class^='pickListCell'], td[class^='pickListCell']
{
	font-size: var(--editor-font-size) !important;
	font-family: 'Open Sans', arial, sans-serif !important;
	color: #515151 !important;
	background: #FFFFFF !important;
}
div[class^='pickListCellSelected'], td[class^='pickListCellSelected']
{
	background: #F4F4F4 !important;
}
*[class^='textItem'], *[class^='textAreaItem']
{
	font-size: var(--editor-font-size) !important;
	font-family: 'Open Sans', arial, sans-serif !important;
	color: #515151 !important;
}
.loadingDataMessage, .offlineMessage, .emptyMessage
{
	font-size: var(--editor-font-size) !important;
	font-family: 'Open Sans', arial, sans-serif !important;
	font-weight: var(--editor-font-weight) !important;
	color: var(--editor-color) !important;
}

.filterOperatorIcon,
.filterOperatorIconOver,
.filterOperatorIconFocused,
.filterOperatorIconFocusedOver,
.filterOperatorIconDown,
.filterOperatorIconSelectedFocused,
.filterOperatorIconSelectedFocusedOver
{
	font-family: 'Open Sans', arial, sans-serif !important;
	font-size: var(--editor-font-size);
	color: #333333 !important;
	box-shadow: none !important;
	background: none !important;
	background-repeat: no-repeat !important;
	background-color: #D5D7DA !important;
	border-radius: 0px !important;
	border: none !important;
}
.menuCustomOver
{
	background: #D5D7DA !important;
	border-bottom: 1px solid transparent !important;
	border-top: 1px solid transparent !important;
	box-shadow: none !important;
}
.menuCustomSelected, .menuCustomSelectedOver
{
	background: #BAB8B4 !important;
	border-bottom: 1px solid transparent !important;
	border-top: 1px solid transparent !important;
	box-shadow: none !important;
}

/* buttons */
.button, .buttonOver, .buttonFocused, .buttonFocusedOver, .buttonDown, .buttonFocusedDown,
.buttonSelected, .buttonSelectedFocused, .buttonSelectedDown, .buttonSelectedFocusedDown, .buttonSelectedOver, .buttonSelectedFocusedOver,
.buttonDisabled, .buttonSelectedDisabled, .buttonRounded, .buttonRoundedFocused, .menuButton
{
	background: #11A0D9 !important;
	color: #FFFFFF !important;
	border: none !important;
	border-radius: 5px !important;
	box-shadow: none !important;
}
.dashboardEditorSave.button-primary
{
	background: #11A0D9 !important;
	color: #FFFFFF !important;
	border: none !important;
	border-radius: 5px !important;
}
.loginPanel .button-primary, .westPanel .button-primary, .button-primary
{
	background: #11A0D9 !important;
}
.button-secondary
{
	color: #FFFFFF !important;
	background: none !important;
	border: 1px solid #FFFFFF !important;
	border-radius: 5px !important;
	padding: 0px !important;
	height: auto !important;
}
.button-refresh div, .button-add div, .button-edit div
{
	display: block !important;
}
.button-refresh
{
	background-image: url(icons/refresh-blue.svg) !important;
	background-size: 16px 16px !important;
	background-position: 5px 50% !important;
	background-repeat: no-repeat !important;
	padding-left: 10px !important;
}
.button-add
{
	background-image: url(icons/add-blue.svg) !important;
	background-size: 16px 16px !important;
	background-position: 5px 50% !important;
	background-repeat: no-repeat !important;
	padding-left: 10px !important;
}
.button-edit
{
	background-image: url(icons/edit-blue.svg) !important;
	background-size: 16px 16px !important;
	background-position: 5px 50% !important;
	background-repeat: no-repeat !important;
	padding-left: 10px !important;
}
.menuButton
{
	text-align: center !important;
}
.imgHeaderButton, .headerButton, .sorterButton
{
	background: #465898 !important;
	color: var(--editor-color) !important;
	font-family: 'Open Sans Semibold', arial, sans-serif !important;
	font-size: var(--editor-font-size) !important;
	border-left: none !important;
	border-right: none !important;
	text-align: center !important;
}
div[eventproxy$='_sorter']
{
	box-shadow: none !important;
	border: none !important;
}
div[eventproxy^='isc_Button']
{
	border: none !important;
	height: 23px !important;
}
.menuButton,
.menuButtonOver,
.menuButtonDown,
.menuButtonDisabled,
.menuButtonFocused,
.menuButtonFocusedDown,
.menuButtonFocusedOver,
.menuButtonSelected,
.menuButtonSelectedDown,
.menuButtonSelectedOver,
.menuButtonSelectedDisabled,
.menuButtonPending,
.menuButtonPendingOver,
.menuButtonPendingDown,
.menuButtonPendingDisabled,
.menuButtonPendingFocused,
.menuButtonPendingFocusedDown,
.menuButtonPendingFocusedOver,
.menuButtonPendingSelected,
.menuButtonPendingSelectedDown,
.menuButtonPendingSelectedOver,
.menuButtonPendingSelectedDisabled
{
	box-shadow: none !important;
	background: none !important;
	background-repeat: no-repeat !important;
	background-color: var(--editor-background-color-primary) !important;
	border-radius: 0px !important;
	border: none !important;
	color: var(--editor-color) !important;
}
.uploadItem, .uploadItemFocused, .uploadItemDisabled, .uploadItemHint
{
	font-family: var(--editor-font) !important;
	font-weight: var(--editor-font-weight) !important;
	font-style: var(--editor-font-style) !important;
	font-size: var(--editor-font-size) !important;
	background-color: var(--editor-background-color-primary) !important;
	color: var(--editor-color) !important;
}
.tileValue nobr
{
	white-space: normal !important;
}
.tileValueSelected nobr
{
	white-space: normal !important;
}
.tileValueSelected
{
	color: unset !important;
}
.formSubItem > table, .formSubItemDisabled > table
{
	margin-left: 20px !important;
}
.formCheckBoxItem > table
{
	margin-left: -80px !important;
}
.sectionHeaderopened, .sectionHeaderclosed, .sectionHeaderDisabledopened, .sectionHeaderDisabledclosed
{
	font-family: 'Open Sans', arial, sans-serif !important;
}
.treeCell, .treeCellDark, .treeCellOver, .treeCellOverDark, .treeCellSelected, .treeCellSelectedDark, .treeCellSelectedOver, .treeCellSelectedOverDark, .treeCellDisabled, .treeCellDisabledDark, .treeTallCell, .treeTallCellDark, .treeTallCellOver, .treeTallCellOverDark, .treeTallCellSelected, .treeTallCellSelectedDark, .treeTallCellSelectedOver, .treeTallCellSelectedOverDark, .treeTallCellDisabled, .treeTallCellDisabledDark
{
	font-family: 'Open Sans', arial, sans-serif !important;
}
.cell, .cellDark, .cellOver, .cellOverDark, .cellRemove
{
	background-color: var(--editor-background-color-primary) !important;
	color: var(--editor-color) !important;
	border: none !important;
}
.cellRemove
{
	cursor: pointer;
}
.tileGrid
{
	border: none !important;
}
.tileGrid:focus
{
	outline: none !important;
}
table[class*='treeCell'] tr > td:nth-child(2)
{
	overflow: visible !important;
	text-overflow: initial !important;
}
.vSplitbar
{
	background: var(--editor-background-color-primary) !important;
 	border-left: 1px solid var(--editor-background-color-primary) !important;
}
.vSplitbar:hover
{
	background: #11A0D9 !important;
	border-left: 1px solid #11A0D9 !important;
}
.groupNode
{
	font-size: var(--editor-font-size) !important;
	font-family: 'Open Sans', arial, sans-serif !important;
	font-weight: var(--editor-font-weight) !important;
	border-top: none;
	border-color: var(--editor-border-color) !important;
	color: #515151 !important;
}
.dateChooserBorder *
{
	font-size: 12px !important;
}

/********************** smartgwt dnd ***********************/
.layoutDropLine
{
	display: none;
}

.dashboard-editor-resize-line, .dashboard-editor-resize-grid
{
	background-color: #11A0D9;
}

.dashboard-editor-resize-grid
{
	height: 3px !important;
	cursor: row-resize !important;
}

.dashboard-editor-resize-grid *
{
	cursor: unset !important;
}

.dashboard-editor-resize-line
{
	width: 3px !important;
	cursor: col-resize !important;
}

.dashboard-editor-drag-tracker
{
	font-family: var(--editor-font);
	color: var(--editor-color);
	background-color: var(--editor-background-color-hover);
	border: 3px solid #FFFFFF;
}

/********************** buttons ***********************/
td[class^='button']
{
	font-family: 'Open Sans', arial, sans-serif !important;
	font-size: var(--editor-font-size);
}

/********************** grids, trees ***********************/
.listGrid, .listGrid .listTable
{
	background: var(--editor-background-color-primary) !important;
}
div[eventproxy^='isc_Toolbar']
{
	box-shadow: none !important;
}
td[class^='cell'], td[class^='treeCell'], td[class^='treeTallCell'], td[class^='tallCell']
{
	font-size: var(--editor-font-size) !important;
	font-family: 'Open Sans', arial, sans-serif !important;
	font-weight: var(--editor-font-weight) !important;
	color: var(--editor-color) !important;
	background-color: var(--editor-background-color-primary) !important;
	border: none !important;
	box-shadow: none !important;
}
td[class^='cellOver'], td[class^='cellSelected'],
td[class^='treeCellOver'], td[class^='treeCellSelected'],
td[class^='treeTallCellOver'], td[class^='treeTallCellSelected'],
td[class^='tallCellOver'], td[class^='tallCellSelected']
{
	background: var(--editor-background-color-select) !important;
}
.treeCellIconDisabled > nobr
{
/* 	opacity: 0.6; */
}
.usersList .cell, .usersList .cellDark
{
	background-color: #FFFFFF !important;
	color: var(--color) !important;
}
.usersList .emptyMessage
{
	color: var(--color) !important;
}
.simpleTileSelected
{
	background-image: none !important;
	background-color: transparent !important;
	border: 2px solid var(--editor-background-color-select) !important;
	border-radius: 5px;
}


/********************** windows ***********************/
.dd-window, .dd-dialog
{
	background: var(--editor-background-color-window);
	border: 2px solid #11A0D9;
}
.dd-dialog-body
{
	padding: 0px !important;
}
.dd-window-header
{
	height: 40px !important;
}
.dd-window-header, .dd-progress-window .dd-window-header
{
	overflow: hidden !important;
}
.dd-dialog-header div
{
	overflow: visible !important;
}
.dd-dialog *[role="button"]:focus
{
	outline: none !important;
}
.dd-window-header-text, .dd-dialog-header-text
{
	font-family: 'Open Sans Semibold', arial, sans-serif;
	font-size: 14px !important;
	color: var(--editor-color) !important;
	text-align: center !important;
	line-height: 30px !important;
}
.dd-dialog .dialogTopCenter
{
	color: var(--editor-color) !important;
}
.dd-progress-window .dd-window-header-text
{
	font-family: 'Open Sans', arial, sans-serif;
	line-height: 40px !important;
} 
.dd-window-header-text:after
{
	border-top: 1px solid var(--editor-border-color);
	left: 0;
	width: 100%;
}
.dd-dialog-header
{
	background: transparent !important;
	height: 30px !important;
}
.dd-dialog-header *[eventproxy="isc_globalWarn_headerLabelLayout"],
.dd-dialog-header *[eventproxy="isc_globalWarn_headerLabelParent"]
{
	height: 30px !important;
}
.dd-window-body, .dd-dialog-body
{
	border: none !important;
	box-sizing: unset;
	background: var(--editor-background-color-window) !important;
}
.dd-progress-window .dd-window-body
{
	border: 10px solid transparent !important;
}
.dd-progress-window-panel .dd-window-body
{
	box-sizing: border-box !important;
}

.dd-window-content, .dd-progress-window .dd-window-content, .dd-dialog-content
{
	background: transparent !important;
	box-sizing: border-box !important;
	border: none !important;
}
.dd-window-edit-chart .portlet-content, .dd-window-create-chart .portlet-content
{
	background: #FFFFFF !important;
}
.dd-window-toolbar .x-tool, .dd-window-edit-chart .x-tool
{
	width: 30px;
	height: 30px;
	background-size: 20px 20px;
	background-repeat: no-repeat;
	background-position-y: 50%;
}
.dd-window-toolbar .x-tool-help, .dd-window-edit-chart .x-tool-help
{
	background-image: url(icons/editor/help.svg);
}
.dd-window-toolbar .x-tool-gear
{
	background-image: url(icons/editor/settings.svg);
}
.dd-window-toolbar .x-tool-minimize
{
	background-image: url(icons/editor/minimize.svg);
}
.dd-window-toolbar .x-tool-maximize
{
	background-image: url(icons/editor/maximize.svg);
}
.dd-window-toolbar .x-tool-close, .dd-window-edit-chart .x-tool-close
{
	background-image: url(icons/editor/close.svg);
}
.dd-window-toolbar .x-tool-save, .dd-window-edit-chart .x-tool-save
{
	background-image: url(icons/editor/save.svg);
}
.dd-window-toolbar .x-tool-plus, .dd-window-edit-chart .x-tool-plus
{
	background-image: url(icons/editor/plus.svg);
}
.infoIcon
{
	background-image: url(icons/editor/32-info.png);
	width: 32px;
	height: 32px;
}
.warningIcon
{
	background-image: url(icons/editor/32-warning.png);
	width: 32px;
	height: 32px;
}
.errorIcon
{
	background-image: url(icons/editor/32-error.png);
	width: 32px;
	height: 32px;
}
.helpIcon
{
	background-image: url(icons/editor/32-help.png);
	width: 32px;
	height: 32px;
}

/********************** forms ***********************/
.dd-form
{
	border: 1px solid var(--editor-background-color-form) !important;
	background-color: var(--editor-background-color-form);
}
.dd-form-img
{
	background-color: white;
	border: 1px solid gray;
}
.dd-form-img-selected
{
	background-color: #11A0D9;
	border: 1px solid gray;
}
.dd-form-group-label
{
	font-family: 'Open Sans Semibold', arial, sans-serif !important;
	color: var(--editor-color);
	background: transparent !important;
	padding-top: 20px;
}
.formHint
{
	color: var(--editor-color) !important;
}


/********************** tooltips ***********************/
.hoverCustomTitle
{
	font-size: var(--editor-font-size) !important;
	font-weight: bold;
}
.canvasHover, .gridHover, .formHover, .hoverCustom, .dd-tooltip
{
	font-size: var(--editor-font-size) !important;
	font-family: 'Open Sans', arial, sans-serif !important;
	background-color: #465898 !important;
	border: 1px solid #465898 !important;
	border-radius: 5px;
	box-shadow: none;
	color: #FFFFFF !important;
	text-decoration: none;
}
.canvasHover, .gridHover, .formHover
{
	min-width: 200px;
}


/********************** popup menu ***********************/
.menuMain, .menuMainRTL, .menuFill, .menuFillRTL
{
	background: none !important;
	background-color: var(--editor-background-color-secondary) !important;
}
.menuTable
{
	font-family: 'Open Sans', arial, sans-serif !important;
	font-size: var(--editor-font-size) !important;
	color: var(--editor-color) !important;
	border: none !important;
}
.menuTitleField, .menuTitleFieldOver
{
	font-family: 'Open Sans', arial, sans-serif !important;
	font-size: var(--editor-font-size) !important;
	color: var(--editor-color) !important;
}
.menuTitleFieldDisabled
{
	font-family: 'Open Sans', arial, sans-serif !important;
	font-size: var(--editor-font-size) !important;
}
.menuBorder
{
	padding: 2px !important;
	background-color: var(--editor-background-color-secondary) !important;
	border: 1px solid #FFFFFF !important;
/* 	border: 1px solid #465898 !important; */
	border-radius: 10px !important;
}
.menuCustomSelected
{
	background-color: var(--background-color-label) !important;
}
.menuIconFieldDisabled
{
	color: #FFFFFF !important;
}
.menu, .menuIconField, .menuTitleField
{
	background: var(--editor-background-color-secondary) !important;
	box-shadow: none !important;
	border: none !important;
}
.menuOver, .menuIconFieldOver, .menuTitleFieldOver
{
	background: var(--editor-background-color-select) !important;
	box-shadow: none !important;
	border: none !important;
}
.userMenu .menuMain, .userMenu .menuMainRTL, .userMenu .menuFill, .userMenu .menuFillRTL,
.userMenu .menu, .userMenu .menuIconField, .userMenu .menuTitleField
{
	background-color: var(--editor-background-color-banner) !important;
}
.userMenu
{
	background-color: var(--editor-background-color-banner) !important;
}
.userOpen
{
	background-color: var(--editor-background-color-banner) !important;
}
.userSubMenu
{
	border: 1px solid #FFFFFF !important;
}
tr[role="menuitem"]:nth-child(1) > .menuIconFieldOver
{
	border-top-left-radius: 7px;
}
tr[role="menuitem"]:nth-last-child(1) > .menuIconFieldOver
{
	border-bottom-left-radius: 7px;
}
tr[role="menuitem"]:nth-child(1) > td.menuOver:nth-last-child(1)
{
	border-top-right-radius: 7px;
}
tr[role="menuitem"]:nth-last-child(1) > td.menuOver:nth-last-child(1)
{
	border-bottom-right-radius: 7px;
}
tr[role="menuitem"]:nth-child(1) > .menuIconField > div, tr[role="menuitem"]:nth-child(1) > .menuTitleField > div,
tr[role="menuitem"]:nth-child(1) > .menuIconFieldOver > div, tr[role="menuitem"]:nth-child(1) > .menuTitleFieldOver > div
{
	margin-top: 5px;
}
tr[role="menuitem"]:nth-last-child(1) > .menuIconField > div, tr[role="menuitem"]:nth-last-child(1) > .menuTitleField > div,
tr[role="menuitem"]:nth-last-child(1) > .menuIconFieldOver > div, tr[role="menuitem"]:nth-last-child(1) > .menuTitleFieldOver > div
{
	margin-bottom: 5px;
}

/********************** tabs ***********************/
#dashboard_properties_viewer .dd-tab-bar,
#dashboard_properties_editor .dd-tab-bar,
#propertiesPanel .dd-tab-bar,
#properties_flow .dd-tab-bar,
.dd-tab-bar-vertical
{
	background: var(--editor-background-color-secondary) !important;
	border-bottom: none !important;
}
#propertiesPanel .dd-tab-header,
#dashboard_properties_viewer .dd-tab-header,
#dashboard_properties_editor .dd-tab-header
{
	background: var(--editor-background-color-secondary) !important;
}
#propertiesPanel .dd-tab-header .dd-tab-header-text,
#dashboard_properties_viewer .dd-tab-header .dd-tab-header-text,
#dashboard_properties_editor .dd-tab-header .dd-tab-header-text,
.dd-tab-bar-vertical .dd-tab-header-text
{
	color: var(--editor-color);
}
#propertiesPanel .dd-tab-header-selected,
#dashboard_properties_viewer .dd-tab-header-selected,
#dashboard_properties_editor .dd-tab-header-selected
{
	background: var(--editor-background-color-secondary) !important;
}
#dashboard_properties_viewer .dd-tab-header-selected .dd-tab-header-text,
#dashboard_properties_editor .dd-tab-header-selected .dd-tab-header-text,
#properties_flow .dd-tab-header-selected .dd-tab-header-text,
.dd-tab-bar-vertical .dd-tab-header-selected .dd-tab-header-text
{
	color: #11A0D9;
}
.dd-tab-header-text
{
	font-family: var(--font-family) !important;
	padding: 0px 4px 0px 4px !important;
}
.dd-tab-header-selected .dd-tab-header-text
{
	font-family: var(--font-family-bold) !important;
/* 	border-bottom: 1px solid var(--border-color-tab-header-selected) !important; */
	border-bottom: 0;
	padding: 0px 4px 0px 4px !important;
}
.dd-tab-closeable
{
	font-family: var(--font-family) !important;
	padding: 0px 4px 0px 7px !important;
}
 .dd-tab-header-selected .dd-tab-closeable
{
	font-family: var(--font-family-bold) !important;
}
.dd-tab-closeable-icon
{
	display: block;
	box-sizing: border-box;
	width: 11px;
	height: 11px;
}
.portlet .dd-tab-closeable-icon
{
	content: url(icons/11-cross.png) !important;
	width: 11px !important;
	height: 11px !important;
}
.dd-tab-header-disabled
{
	opacity: 0.4;
}
.dd-tab-header-icon-right
{
	width: 13px;
	height: 13px;
	vertical-align: middle;
	margin-left: 5px;
	margin-bottom: 1px;
	margin-top: 0px !important;
}
.dd-tab-header-vertical-icon
{
	width: 45px;
	height: 45px;
	padding-bottom: 5px;
	margin-right: 3px;
	vertical-align: bottom;
	background-repeat: no-repeat;
}
.dd-tab-header-horizontal-icon
{
	height:14px;
	width: 100%;
	display: block;
	text-align: center;
	padding-bottom: 3px;
	padding-left: 3px;
	background-size: 14px 14px;
	background-repeat: no-repeat;
	background-position: left;
}
.dd-tab-bar-vertical
{
	border-right: 1px solid var(--editor-border-color);
}
.dd-tab-header-vertical-selected
{
	border-right: 5px solid #11A0D9;	
}
.tabSetContainer
{
	border: none !important;
	background: none !important;
}
#tabPanel .background
{
	top: 4px !important;
}
.tabBarTop
{
	background-color: var(--background-color-tab-header);
	height: var(--height-tab-bar) !important;
}

.portlet .tabBarTop
{
	background-color: inherit !important;
	left: unset !important;
	right: 45px;
}

.tabScrollerTopBack, .tabScrollerTopBackDown, .tabScrollerBottomBack, .tabScrollerBottomBackDown
{
	border-top-left-radius: 0px !important;
	box-shadow: none !important;
	border: none !important;
	background-color: var(--background-color-tab-header) !important;
	background-image: url(icons/digdash_2019/arrow-left-round.svg) !important;
	background-size: 19px 19px !important;
	background-position: 50% 50% !important;
}

.tabScrollerTopForward, .tabScrollerTopForwardDown, .tabScrollerBottomForward, .tabScrollerBottomForwardDown
{
	border-top-right-radius: 0px !important;
	box-shadow: none !important;
	border: none !important;
	background-color: var(--background-color-tab-header) !important;
	background-image: url(icons/digdash_2019/arrow-right-round.svg) !important;
	background-size: 19px 19px !important;
	background-position: 0px 50% !important;
}

.tabPickerDisabledtop, .tabPickertop, .tabPickerDowntop
{
	box-shadow: none !important;
	border: none !important;
	background-color: var(--background-color-tab-header) !important;
	background-image: url(icons/digdash_2019/arrow-down-round.svg) !important;
	background-size: 19px 19px !important;
}

.portlet .tabScrollerTopBack, .portlet .tabScrollerTopForward, .portlet .tabPickertop
{
	background-color: inherit !important;
}

.portlet.form .dd-tab-header-selected .dd-tab-header-text
{
	border-bottom: none !important;
}
/********************** stacks ***********************/
.sectionHeaderopened, .sectionHeaderclosed
{
	font-family: 'Open Sans Semibold', arial, sans-serif !important;
	font-size: var(--editor-font-size) !important;
	color: var(--editor-color) !important;
}
.dd-window div[eventproxy^='isc_SectionHeader']
{
	border: none !important;
}
.sectionHeaderopened, .sectionHeaderclosed
{
	font-family: 'Open Sans Semibold', arial, sans-serif !important;
	font-size: var(--editor-font-size) !important;
	color: var(--editor-color) !important;
	background-color: #465898 !important;
	background-repeat: no-repeat !important;
	background-size: 18px 18px !important;
	background-position: 5px 50% !important;
	border: none !important;
	border-bottom: 1px solid var(--editor-border-color) !important;
 	border-top: 1px solid var(--editor-border-color) !important;
	border-color: var(--editor-border-color) !important;
	border-bottom: 1px solid var(--editor-border-color) !important;
}
.sectionHeaderopened
{
	background-image: url(icons/editor/arrow-down.svg) !important;
}
.sectionHeaderclosed
{
	background-image: url(icons/editor/arrow-up.svg) !important;
}
.sectionHeaderopened div, .sectionHeaderclosed div
{
	padding-left: 30px !important;
}
.sectionHeaderopened img, .sectionHeaderclosed img
{
	visibility: hidden;
}
.sectionStack
{
	border: none !important;
}
.portletcontainer .sectionHeaderopened, .portletcontainer .sectionHeaderclosed
{
	font-family: 'Open Sans Semibold', arial, sans-serif !important;
	font-size: 12px;
	line-height: 23px;
	color: #515151 !important;
	cursor: pointer;
	text-align: center !important;
	background-color: #E2E2E2 !important;
	background-position: 2px 50%;
	background-size: 20px 20px;
	padding: 0px;
	border: 1px solid #CDD1D3 !important;
	border-radius: 10px !important;
}
.portletcontainer .sectionHeaderopened
{
	background-image: url(icons/digdash_2019/arrow-down.svg) !important;
}
.portletcontainer .sectionHeaderclosed
{
	background-image: url(icons/digdash_2019/arrow-up.svg) !important;
}
.portletcontainer div[eventproxy^='isc_SectionStackSection']
{
	background: none !important;
	border: none !important;
}

/********************** banner ***********************/
.topPanel
{
	background-color: var(--editor-background-color-banner) !important;
	border-bottom: 1px solid var(--editor-border-color) !important;
	height: 50px;
}
.logoTopPanel
{
	background-image: url(icons/editor/logo-dd.svg) !important;
	background-size: 200px 40px !important;
}
.dashTitle
{
	display: none;
}
.usersConnectedIcon
{
	background-image: url(icons/editor/user.svg);
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position-y: 50%;
	cursor: pointer;
	height: 50px;
	width: 32px;
	margin-right: 10px;
}
.nbUsersConnected
{
	background-color: #11A0D9;
	height: 15px;
	width: 17px;
	border-radius: 15px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	position: relative;
	top: 23px;
	left: 11px;
	font-size: 11px;
}
.nbUsersConnected span
{
	color: #FFFFFF;
}
.documentationIcon
{
	background-image: url(icons/editor/help.svg);
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position-y: 50%;
	cursor: pointer;
	height: 50px;
	width: 25px;
	margin-right: 10px;
}
.accessViewerIcon
{
	background-image: url(icons/editor/dashboard-viewer.svg);
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position-y: 50%;
	cursor: pointer;
	height: 50px;
	width: 25px;
	margin-right: 10px;
}
.dashboardEditorAssistantIcon
{
	background-image: url(icons/editor/dashboard-editor-assistant.svg);
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position-y: 50%;
	cursor: pointer;
	height: 50px;
	width: 25px;
	margin-right: 10px;
}
.dashboardEditorSave
{
	margin-right: 10px;
	margin-top: 12px;
	padding-left: 10px;
	padding-right: 10px;
	height: 25px;
}
.user
{
	background-image: url(icons/editor/user.svg);
	background-size: 18px 18px;
    background-position: 10px 50% !important;
	border: 1px solid #FFFFFF;
	margin: 10px 5px 0px 0px !important;
	height: 28px;
	line-height: 28px;
}
.menuIcon
{
	background-image: url(icons/editor/user-menu.svg);
	background-size: 12px 12px;
	background-position-y: 50%;
	margin-right: 5px;
	margin-top: 3px;
}
.userLabel
{
	color: #FFFFFF;
}

/********************** west panel ***********************/
.westPanel
{
	font-family: 'Open Sans', arial, sans-serif !important;
	font-size: var(--editor-font-size) !important;
	color: var(--editor-color) !important;
	background-color: var(--editor-background-color-secondary);
}
.westPanel .listGrid, .westPanel .listGrid .listTable
{
	background: var(--editor-background-color-secondary) !important;
}
.westPanel td[class^='cell'], .westPanel td[class^='treeCell'], .westPanel td[class^='treeTallCell'], .westPanel td[class^='tallCell']
{
	background-color: var(--editor-background-color-secondary) !important;
}
.westPanel td[class^='cellOver'], .westPanel td[class^='cellSelected'],
.westPanel td[class^='treeCellOver'], .westPanel td[class^='treeCellSelected'],
.westPanel td[class^='treeTallCellOver'], .westPanel td[class^='treeTallCellSelected'],
.westPanel td[class^='tallCellOver'], .westPanel td[class^='tallCellSelected']
{
	background: var(--editor-background-color-select) !important;
}
.westPanel .sectionHeaderopened, .westPanel .sectionHeaderclosed
{
	font-family: 'Open Sans Semibold', arial, sans-serif !important;
	font-size: var(--editor-font-size) !important;
	color: var(--editor-color) !important;
	background-color: var(--editor-background-color-secondary) !important;
/* 	background-color: #465898 !important; */
	background-position: 5px 50% !important;
	background-size: 18px 18px !important;
	background-repeat: no-repeat !important;
	border: none !important;
}
.westPanel .sectionHeaderopened div, .westPanel .sectionHeaderclosed div
{
	padding-left: 30px !important;
}
.westPanel .sectionHeaderopened img, .westPanel .sectionHeaderclosed img
{
	float: right;
 	margin-right: 5px;
 	visibility: inherit;
}
#walletPanelHeader, #createChartPanelHeader, #staticPanelHeader , #dimVarPanelHeader, #formsPanelHeader, #widgetsPanelHeader
{
 	border-bottom: 1px solid var(--editor-border-color) !important;
 	border-top: 1px solid var(--editor-border-color) !important;
	border-color: var(--editor-border-color) !important;
}
#walletPanelHeader .sectionHeaderopened img, #walletPanelHeader .sectionHeaderclosed img
{
	visibility: hidden;
}
#walletPanelHeader .sectionHeaderopened, #walletPanelHeader .sectionHeaderclosed
{
	background-image: url(icons/editor/flow.svg) !important;
}
#createChartPanelHeader .sectionHeaderopened, #createChartPanelHeader .sectionHeaderclosed
{
	background-image: url(icons/editor/create-chart.svg) !important;
}
#staticPanelHeader .sectionHeaderopened, #staticPanelHeader .sectionHeaderclosed
{
	background-image: url(icons/editor/additional-content.svg) !important;
}
#dimVarPanelHeader .sectionHeaderopened, #dimVarPanelHeader .sectionHeaderclosed
{
	background-image: url(icons/editor/filters.svg) !important;
}
#formsPanelHeader .sectionHeaderopened, #formsPanelHeader .sectionHeaderclosed
{
	background-image: url(icons/editor/form.svg) !important;
}
#widgetsPanelHeader .sectionHeaderopened, #widgetsPanelHeader .sectionHeaderclosed
{
	background-image: url(icons/editor/objects-on-page.svg) !important;
}
.westPanel #walletPanel, .westPanel .walletList > *,
#staticPanel, .staticList > *,
#dimVarPanel, .dimVarList > *,
#formsPanel, .formsList > *,
#widgetsPanel, .widgetsList > *,
#createChartPanel, .dashboard_editor .createChartList > *
{
	background-color: var(--editor-background-color-secondary) !important;
}
#walletPanel, #staticPanel, #widgetsPanel, #createChartPanel, #dimVarPanel
{
	border-bottom: 1px solid var(--editor-border-color) !important;
}
.creating_panel_separator_big hr
{
	border-bottom: 1px solid var(--editor-border-color) !important;
}
#creating_chart_new_source_button .button
{
	font-size: var(--editor-font-size) !important;
}
div[eventproxy^='wallet_list']
{
	background-color: var(--editor-background-color-secondary) !important;
}
.westPanel .groupNode, #dimVarPanelAddPortlet .groupNode, #staticGridSrcAddPortlet .groupNode
{
	color: var(--editor-color) !important;
}

/********************** east panel ***********************/
#propertiesPanel
{
	background-color: var(--editor-background-color-secondary);
	color: var(--editor-color) !important;
}
#propertiesPanel .sectionHeaderopened, #propertiesPanel .sectionHeaderclosed
{
	color: var(--editor-color) !important;
	background-color: var(--editor-background-color-secondary) !important;
	background-position: 5px 50% !important;
	background-size: 18px 18px !important;
	background-repeat: no-repeat !important;
}
#propertiesPanel .sectionHeaderopened div, #propertiesPanel .sectionHeaderclosed div
{
	padding-left: 30px !important;
}
#propertiesPanel .sectionHeaderopened img, #propertiesPanel .sectionHeaderclosed img
{
	float: right;
 	margin-right: 5px;
 	visibility: inherit;
}
.propertiesPanelHeader
{
	background-color: var(--editor-background-color-secondary);
	border-bottom: 1px solid var(--editor-border-color);
}
.propertiesPanelHeaderTitle
{
	font-family: 'Open Sans Semibold', Arial, sans-serif !important;
	text-align: center;
	color: var(--editor-color) !important;
	margin-top: 5px;
}
.propertiesPanelHeaderTitle p
{
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
#parametersPanelHeader, #displayPanelHeader, #sizePositionPanelHeader, #descHelpPanelHeader, #infoPanelHeader
{
	border-bottom: 1px solid var(--editor-border-color) !important;
 	border-top: 1px solid var(--editor-border-color) !important;
	border-color: var(--editor-border-color) !important;
}
#parametersPanelHeader .sectionHeaderopened, #parametersPanelHeader .sectionHeaderclosed
{
	background-image: url(icons/editor/settings.svg) !important;
}
#displayPanelHeader .sectionHeaderopened, #displayPanelHeader .sectionHeaderclosed
{
	background-image: url(icons/editor/display.svg) !important;
}
#sizePositionPanelHeader .sectionHeaderopened, #sizePositionPanelHeader .sectionHeaderclosed
{
	background-image: url(icons/editor/coordinates.svg) !important;
}
#descHelpPanelHeader .sectionHeaderopened, #descHelpPanelHeader .sectionHeaderclosed
{
	background-image: url(icons/editor/description.svg) !important;
}
#infoPanelHeader .sectionHeaderopened, #infoPanelHeader .sectionHeaderclosed
{
	background-image: url(icons/editor/informations.svg) !important;
}
#propertiesPanel .mce-content-body
{
	background: #FFFFFF !important;
}


/********************** portlets ***********************/
.portlet-header-text
{
	text-align: var(--text-align-portlet-header) !important;
}
.portlet-resizable
{
	border: 1px dashed #D0D0D0 !important;
}
.portlet-resizing
{
	border: 1px dashed #595959 !important;
}
.portlet-selected
{
	border: 1px solid red !important;
}
.portlets-selected
{
	border: 2px solid red !important;
}
.portlet-hovered
{
	border: 2px solid var(--editor-background-color-hover) !important;
}
.portlet-hidden
{
	background-color: white;
	opacity: 0.6;
	filter: alpha(opacity=60);
}

.lineContainerAddRight
{
	background: url(icons/editor/add-portlet.svg) no-repeat;
	width: 28px !important;
	height: 28px !important;
	left: unset !important;
	right: 3px !important;
	top: 50% !important;
	cursor: pointer !important;
}
.lineContainerAddRight > div
{
	cursor: pointer !important;
}
.lineContainerAddLeft
{
	background: url(icons/editor/add-portlet.svg) no-repeat;
	width: 28px !important;
	height: 28px !important;
	left: 3px !important;
	top: 50% !important;
	cursor: pointer !important;
}
.lineContainerAddRight > div
{
	cursor: pointer !important;
}
.gridContainerAddTop
{
	background: url(icons/editor/add-portlet.svg) no-repeat;
	width: 28px !important;
	height: 28px !important;
	left: 50% !important;
	top: 3px !important;
	cursor: pointer !important;
}
.gridContainerAddTop > div
{
	cursor: pointer !important;
}
.gridContainerAddBottom
{
	background: url(icons/editor/add-portlet.svg) no-repeat;
	width: 28px !important;
	height: 28px !important;
	top: unset !important;
	left: 50% !important;
	bottom: 3px !important;
	cursor: pointer !important;
}
.gridContainerAddBottom > div
{
	cursor: pointer !important;
}
.drop-zone
{
	border: 2px solid var(--editor-background-color-hover) !important;
	background:	rgb(128,128,128, 0.4);
}

.drop-zone-background
{
	background: var(--editor-background-color-hover) !important;
	left: 10px !important;
}

/********************** global properties window ***********************/
div[eventproxy='isc_DDTabSetVertical_0_tabBar_baseLine']
{
	background-color: transparent !important;
}
#dd-tab-header-vertical-icon-editor
{
	height: 45px;
	background-image: url(icons/editor/dashboard-editor.svg);
	background-size: 45px 45px;
	background-position: right;
}
.dd-tab-header-vertical-selected #dd-tab-header-vertical-icon-editor
{
	height: 45px;
	background-image: url(icons/editor/dashboard-editor-selected.svg);
	background-size: 45px 45px;
}
#dd-tab-header-vertical-icon-dashboard
{
	height: 45px;
	background-image: url(icons/editor/dashboard-viewer.svg);
	background-size: 45px 45px;
}
.dd-tab-header-vertical-selected #dd-tab-header-vertical-icon-dashboard
{
	height: 45px;
	background-image: url(icons/editor/dashboard-viewer-selected.svg);
	background-size: 45px 45px;
}
#dd-tab-header-editor-property-display
{
	background-image: url(icons/digdash_2019/page-layout.svg);
	padding-left: 10px;
}
.dd-tab-header-selected #dd-tab-header-editor-property-display
{
	background-image: url(icons/digdash_2019/page-layout-selected.svg);
	padding-left: 10px;
}
#dd-tab-header-editor-property-properties
{
	background-image: url(icons/digdash_2019/parameters.svg);
	padding-left: 5px;
}
.dd-tab-header-selected #dd-tab-header-editor-property-properties
{
	background-image: url(icons/digdash_2019/parameters-selected.svg);
	padding-left: 5px;
}
#dd-tab-header-viewer-property-properties
{
	background-image: url(icons/digdash_2019/parameters.svg);
	padding-left: 5px;
}
.dd-tab-header-selected #dd-tab-header-viewer-property-properties
{
	background-image: url(icons/digdash_2019/parameters-selected.svg);
	padding-left: 5px;
}
#dd-tab-header-viewer-property-style
{
	background-image: url(icons/digdash_2019/style.svg);
}
.dd-tab-header-selected #dd-tab-header-viewer-property-style
{
	background-image: url(icons/digdash_2019/style-selected.svg);
}

/********************** others ***********************/
.cellRemove
{
	background-image: url(icons/editor/delete.svg) !important;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
}
.cellSettings
{
	background-image: url(icons/editor/settings.svg) !important;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	width: 20px !important;
	height: 20px !important;
	cursor: pointer;
}
.disabledIcon
{
	opacity: 0.4;
}
.dashboard-editor-vertical-guide-line
{
	width: 1px !important;
	background-color: #11A0D9;
}
.dashboard-editor-horizontal-guide-line
{
	height: 1px !important;
	background-color: #11A0D9;
}
.dd-window-limit-panel
{
	border: 1px dotted #CDD1D3 !important;
}
.dd-progress-window, .dd-progress-window .dd-window-body
{
	background-color: #323B5E !important;
}
.dd-progress-bar
{
	background-color: #FFFFFF !important;
}
.dd-progress-bar-content
{
	background-color: #11A0D9 !important;
}
.popupDiv label
{
	color: #515151 !important;
}

/********************** contextual help ***********************/
.dd-help-notification
{
	background: #11A0D9;
}