body
{
	margin: 0px;
	height: 100%;
	width: 100%;
	overflow: hidden;
}

p
{
	margin:0;
	padding:0;
}

#dashboard_editor
{
	z-index: 1 !important;
}

.normal
{
	font-family: Trebuchet MS, Arial, Verdana, sans-serif !important;
	font-size: small !important;
}

label
{
	font-weight: normal;
	font-family: Trebuchet MS, Arial, Verdana, sans-serif !important;
	font-size: 10pt !important;
	color: black !important;
}

.labelNoWrap
{
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
	font-size: 10pt;
	white-space: nowrap;
}

.labelCentered
{
	position: absolute;
	top: calc(50% - 20px);
	text-align: center;
}

.staticTextItem
{
	font-weight: normal;
	font-family: Trebuchet MS, Arial, Verdana, sans-serif !important;
	color: black !important;
}

.link
{
	color: #0000AA;
	cursor: pointer;
}

.labelSrcIcon
{
  	display: inline;
  	margin: auto;
  	padding: 2px;
}

.iframe
{
  	border: none;
  	display: block;
  	background: none;
}

.menuTitleField, .menuTitleFieldOver
{
	font-family: Trebuchet MS, Arial, Verdana, sans-serif !important;
}

.dd-title
{
	font-size: 24px;
	font-family: Trebuchet MS, Arial, Verdana, sans-serif !important;
	color: #333;
	text-align: center;
}

.dd-title:after
{
	content: "";
	position: absolute;
	left: 40%;
	top: 50px;
	width: 20%;
	border-top: 1px solid #d0d0d0;
}

.gwt-PopupPanel
{
	padding: 0px !important;
	z-index: 200000;
	background: none !important;
	border: none !important;
}
.gwt-MenuBarPopup
{
	z-index: 200000;
}
.gwt-MenuBar
{
	background-color: #F1F1F1 !important;
	border: 1px solid #d0d0d0 !important;
}
.gwt-MenuBar-vertical table, .gwt-MenuBarPopup table
{
	border-spacing: 0px !important;
	width: 100%;
}
.gwt-MenuBarPopup .menuPopupTopLeft, .gwt-MenuBarPopup .menuPopupTopCenter, .gwt-MenuBarPopup .menuPopupTopRight,
.gwt-MenuBarPopup .menuPopupMiddleLeft, .gwt-MenuBarPopup .menuPopupMiddleRight,
.gwt-MenuBarPopup .menuPopupBottomLeft, .gwt-MenuBarPopup .menuPopupBottomCenter, .gwt-MenuBarPopup .menuPopupBottomRight
{
	background: none !important;
}
.gwt-MenuItem
{
/* 	padding: 5px 10px 5px 10px !important; */
	padding: 5px 10px 2px 5px !important;
	font-family: Trebuchet MS, Arial, Verdana, sans-serif !important;
	font-size: 11px !important;
	font-weight: normal !important;
	font-style: normal !important;
}
.gwt-MenuItem-selected
{
	background: #D5D7DA !important;
}
.gwt-MenuItemSeparator
{
	padding: 5px !important;
}

/*---------------------- banner --------------*/

.topPanel
{
    height: 45px;
	background-color: #F1F1F1;
	border: none;
    box-sizing: border-box;
}

.dashboard_viewer .topPanel
{
	border-bottom: 1px solid #D5D7DA;
}

.logoTopPanel
{
	float: left;
	background-image: url(icons/logo.png);
	background-repeat: no-repeat;
	background-position-y: 4px;
	height: 32px;
	width: 135px;
	margin-left: 6px;
	margin-top: 2px;
	vertical-align: text-bottom;
}
.logoTopPanel:focus
{
	outline: none !important;
}

.dashboard_viewer_split .logoTopPanel
{
	background: none;
}

.centerTopPanel
{
	text-align: center;
	height: 38px;
	vertical-align: middle;
}

.dashTitle
{
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: center;
	font-size: 16pt;
	font-weight: bold;
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
	color: #000000;
	display: inline-block;
	padding-top: 9px;
}

.rightTopPanel
{
	float: right;
	padding-top: 0px;
	height: 45px;
}

.user
{
	height: 32px;
	line-height: 32px;
	background-image: url(icons/digdash_2019/user.svg);
	background-repeat: no-repeat;
	background-position-x: 10px;
	margin-right: 5px;
	border: 1px solid #D5D7DA;
	user-select: none;
	margin-top: 5px;
	min-width: 170px;
	cursor: pointer;
	display: inline-block;
}

.userOpen
{
	border: 1px solid #D5D7DA;
}

/*IE10, IE11*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)
{
	.user
	{
		background-position: -70px 0px;
	}
}

.userLabel
{
	margin-left: 50px;
	margin-right: 10px;
	font-size: 14px;
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
}

.menuIcon
{
	float: right;
	margin-top: 5px;
	margin-right: 15px;
	background: url(icons/digdash_2019/user-menu.svg) no-repeat;
	height: 22px;
	width: 22px;
}

.userMenu
{
	padding: 1px;
	border-left: 1px solid #D5D7DA !important;
	border-bottom: 1px solid #D5D7DA !important;
	border-right: 1px solid #D5D7DA !important;
	border-top: none !important;
}

.userSubMenu
{
	padding: 1px;
	border: 1px solid #D5D7DA !important;
}

.userMenu .menuMain, .userSubMenu .menuMain
{
	background-color: #F1F1F1 !important;
}

.userMenu .menuTable, .userSubMenu .menuTable
{
	border: none !important;
}

.userMenu hr, .userSubMenu hr
{
	border: 1px solid #D5D7DA;
}

.dashboard_editor .usersConnectedIcon
{
	background-image: url(icons/digdash_2019/user.svg);
	background-repeat: no-repeat;
	background-size: 32px 32px;
	cursor: pointer;
	background-position-y: 6px;
	height: 45px;
	width: 32px;
	margin-right: 10px;
}
.nbUsersConnected
{
	background-color: #d5d7da;
	border: 1px solid #BAB8B4;
	height: 15px;
	width: 17px;
	border-radius: 15px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	position: relative;
	top: 21px;
	left: 15px;
	font-size: 11px;
}
.nbUsersConnected span
{
	color: #333;
}
.dashboard_editor .documentationIcon
{
	background-image: url(icons/digdash_2019/help-white.svg);
	background-repeat: no-repeat;
	background-size: 22px 22px;
	cursor: pointer;
	background-position-y: 11px;
	height: 45px;
	width: 22px;
	margin-right: 10px;
}
.dashboard_editor .accessViewerIcon
{
	background-image: url(icons/digdash_2019/dashboard-viewer.svg);
	background-repeat: no-repeat;
	background-size: 22px 22px;
	cursor: pointer;
	background-position-y: 11px;
	height: 45px;
	width: 22px;
	margin-right: 10px;
}
.dashboard_editor .dashboardEditorAssistantIcon
{
	background-image: url(icons/digdash_2019/dashboard-editor-assistant.svg);
	background-repeat: no-repeat;
	background-size: 22px 22px;
	cursor: pointer;
	background-position-y: 11px;
	height: 45px;
	width: 22px;
	margin-right: 10px;
}
.dashboard_editor .dashboardEditorSaveIcon
{
	background-image: url(icons/digdash_2019/save.svg);
	background-repeat: no-repeat;
	background-size: 22px 22px;
	cursor: pointer;
	background-position-y: 11px;
	height: 45px;
	width: 22px;
	margin-right: 10px;
}


#collapseIcon
{
	height: 16px;
	width: 16px;
	margin-top: 1px;
	cursor: pointer;
	background: url(icons/16-fold-all.png);
	*display: inline; /* IE < 8 */
	*zoom : 1; /* IE < 8 */
}

.linkIcon
{
	display: inline;
	text-align: center;
	cursor: pointer;
}

.titleLinkIcon
{
	margin-left: 5px;
	font-size:12px;
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
	color: #444444;
}

.subtitleLinkIcon
{
	font-size:10px;
	margin-left: 5px;
	color: #8F8F8F;
}

.subtitleRightLinkIcon
{
	font-size:10px;
	margin-left: 5px;
	color: #8F8F8F;
	text-align: right;
}

.subtitleLinkIcon .highlight
{
	font-weight: bold;
}

.hand
{
	cursor: pointer;
}

.combopanel
{
	z-index: 20000;
}

#interactBar
{
	z-index: 3000;
	border:none;
	background-color: #F1F1F1;
	border-bottom: 1px solid #D5D7DA;
	border-top: 1px solid #d0d0d0;
	padding-left: 2px;
	height: 100%;
}

.hidden
{
	display: none;
}

/*----------------------- navigation menu -----------------------------*/

.dashboard_viewer_split .gwt-SplitLayoutPanel-HDragger
{
	background: #F7F7F7;
}
.navigationMenuLeft, .navigationMenuRight
{
	background-color: #2C385B;
}
.navigationMenuLeft::-webkit-scrollbar, .navigationMenuRight::-webkit-scrollbar
{
	display: none;
}
.navigationMenuHeader
{
	height: 85px;
	width: 100%;
	background-image: url(icons/digdash_2019/logo-dd-white.svg);
	background-repeat: no-repeat;
	background-size: 150px 45px;
	background-position-x: center;
	background-position-y: 20%;
	cursor: pointer;
}
.navigationMenuHeader:after
{
	content: "";
	position: absolute;
	left: 18%;
	top: 60px;
	width: 65%;
	border-top: 1px solid white;
}
.navigationMenuCollapsed .navigationMenuHeader
{
	height: 85px;
	width: 100%;
	background-image: url(icons/digdash_2019/logo-white.svg);
	background-repeat: no-repeat;
	background-size: 30px 30px;
	background-position-x: center;
	background-position-y: 20%;
	cursor: pointer;
}
.navigationMenuCollapsed .navigationMenuHeader:after
{
	content: "";
	position: absolute;
	left: 18%;
	top: 60px;
	width: 65%;
	border-top: 1px solid white;
}
.navigationMenu
{
	font-size: 13px;
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
	color: white;
	background-color: #2C385B;
	height: calc(100% - 85px);
	overflow: auto;
	scrollbar-width: none;
}
.navigationMenuOver
{
	z-index: 20000;
}
.navigationMenuRight.navigationMenuOver
{
	left: unset !important;
	right: 0px !important;
}
.navigationMenu::-webkit-scrollbar
{
	display: none;
}
.navigationMenuListMini
{
	padding-inline-start: 0px;
	padding: 0px;
	margin-top: 0px;
}
.navigationMenuList
{
	padding-inline-start: 0px;
	padding: 0px;
	margin-top: 0px;
}
.navigationMenuCollapsed .navigationMenuList
{
	display: none;
}
.navigationMenuListMini
{
	display: none;
}
.navigationMenuCollapsed .navigationMenuListMini
{
	display: initial;
}
.navigationMenuElement
{
	list-style: none;
	height: 40px;
}
.navigationMenuElementMini
{
	list-style: none;
	height: 40px;
	margin-left: 10px;
	margin-right: 10px;
	background-size: 40px 40px;
	background-repeat: no-repeat;
}
.navigationMenuElementMiniSelected
{
/* 	margin-right: 0px !important; */
/* 	border-right: 7px solid #11A0D9; */
	background-color: #ed760a;
}
.navigationMenuElementHidden
{
	display: none;
}
.navigationMenuElement_1
{
	background-color: #2C385B;
}
.navigationMenuElement_2
{
	background-color: #232C4C;
}
.navigationMenuElement_3
{
	background-color: #171E33;
}
.navigationMenuElement_4
{
	background-color: #111828;
}
.navigationMenuElement table
{
	border-right: 7px solid transparent;
	table-layout: fixed;
	width: 100%;
}
.navigationMenuElementSelected table
{
	border-right: 7px solid #ed760a;
}
.navigationMenuElement_1 table
{
	border-left: 10px solid transparent;
}
.navigationMenuElement_2 table
{
	border-left: 20px solid transparent;
}
.navigationMenuElement_3 table
{
	border-left: 30px solid transparent;
}
.navigationMenuElement_4 table
{
	border-left: 40px solid transparent;
}
.navigationMenuElementCellIcon
{
	width: 25px;
	cursor: pointer;
}
.navigationMenuElementIcon
{
	display: inline-block;
	width: 20px;
	height: 20px;
	line-height: 40px;
	background-size: 20px 20px;
	background-repeat: no-repeat;
}
.navigationMenuElementCellText
{
	width: 100%;
	cursor: pointer;
}
.navigationMenuCollapsed .navigationMenuElementCellText
{
	display: none;
}
.navigationMenuElementText
{
	font-size: 13px;
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
	color: white;
	line-height: 40px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.navigationMenuElementSelected .navigationMenuElementText
{
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
	font-weight: bold;
	color: #ed760a;
}
.navigationMenuFooter
{
	height: 0px;
}
.navigationMenuCellAlertIcon
{
	width: 18px;
}
.navigationMenuCollapsed .navigationMenuCellAlertIcon
{
	display: none;
}
.navigationMenuAlertIcon
{
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(icons/digdash_2019/warning-white.svg);
}
.navigationMenuCellExpandedIcon, .navigationMenuCellCollapsedIcon
{
	width: 18px;
	cursor: pointer;
}
.navigationMenuExpandedIcon
{
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(icons/digdash_2019/arrow-down-white.svg);
}
.navigationMenuCollapsedIcon
{
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(icons/digdash_2019/arrow-right-white.svg);
}

.navigationBreadcrumb
{
	margin-right: 5px;
	margin-top: 2px;
	padding: 4px;
	border-bottom: 1px solid #CCCCCC;
	width: auto;
    display: inline-block;
}
.navigationBreadcrumbElt
{
	padding: 0 5px;
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
	font-size: 14px !important;
	color: #2C385B;
}
.navigationBreadcrumbEltLast
{
	padding: 0 5px;
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
	font-weight: bold;
	font-size: 14px !important;
	color: #ed760a;
}
.navigationBreadcrumbSep
{
	background: url(icons/digdash_2019/arrow-right.svg) no-repeat left center;
	width: 20px;
	height: 20px;
	padding: 0 5px;
}

/*category:filters*/
.trHeaderFilter
{
	background-color:#D5D7DA;
	margin:0px;
	padding:0px;
}

/*category:filters*/
.tdHeaderFilter
{
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
	font-size: 10pt;
	text-align: center;
}

/*category:filters*/
.trFilter
{
	background-color: #EEEEEE;
}

/*category:filters*/
.tdFilter
{
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
	font-size: 10pt;
	border-left:1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	overflow: hidden;
	text-align: center;
}

/*category:filters*/
.tdFilterExclude
{
	text-decoration: line-through;
}

/*category:filters*/
.tdHeaderFilterImageDown
{
	float: left;
	background: url(icons/16-arrow-down.png);
	width: 16px;
	height: 16px;
	cursor: pointer;
}

/*category:filters*/
.tdHeaderFilterImageUp
{
	float: left;
	background: url(icons/16-arrow-up.png);
	width: 16px;
	height: 16px;
	cursor: pointer;
}

/*category:filters*/
.tdFilterImage
{
	float: right;
	background: url(icons/16-drop.png) no-repeat scroll 0% 50% #EEEEEE;
	cursor: pointer;
	width: 16px;
	height: 16px;
}

.tdRemoveAllFilterImage
{
	float: right;
	background: url(icons/16-drop.png) no-repeat scroll 0% 50%;
	cursor: pointer;
	width: 16px;
	height: 16px;
}

.divHeader
{
	width:100%;
}

.divContent
{
	width:100%;
	overflow-y: auto;
}

.searchPanel
{
	margin-top: 5px;
	background-color:white;
}

.settings
{
	color: #004488;
	font-weight: bold;
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
	font-size: 10pt;
	text-align: center;
}

.settingsMandatory
{
  	color: #004488;
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
	font-size: 9pt;
	text-align: center;
}

a.label
{
	text-decoration: none;
}

/*category:loginpage*/
#dashboard_login, .dashboard_login
{
	width: 100%;
}
.loginTable
{
	width: 280px;
}
.loginPanel .gwt-Button, .loginPanel input[type=button]
{
	width: 100%;
}
.loginPanel input[type=text], input[type=password]
{
	width: calc(100% - 10px);
}
.logoImage
{
	background-image: url(icons/logo_login.png);
	width: 200px;
	height: 180px;
}
.loginPanel
{
	border: 2px solid #eb6e07;
	margin: 20px 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px 10px;
}

/*category:dimensionverticallist*/
.tdMemberSelected
{
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
	font-size: 10pt;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	overflow:hidden;
	cursor:pointer;
	background-color: #ed760a;
}

/*category:dimensionverticallist*/
.tdMemberInactive
{
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
	font-size: 10pt;
	color: gray;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	overflow:hidden;
	cursor:pointer;
}

/*category:dimensionverticallist*/
.tdMemberActive
{
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
	font-size: 10pt;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	overflow:hidden;
	cursor:pointer;
	background-color:#EEEEEE;
}

.tdMember
{
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
	font-size: 10pt;
	height: 20px;
	line-height: 20px;
	text-align: center;
	float: left;
}

.slicerTable
{
	border-collapse:collapse;
	user-select: none;
}

.slicerSearch
{
	border-collapse: inherit;
	border-spacing: 0px;
	border: 1px solid #cccccc;
}

.slicerSearchInput
{
	border: none;
}

.slicerSearchImg
{
	width: 16px;
	background: url(icons/16-search.png) no-repeat center center;
}

/*category:dimensionhorizontallist*/
.divSlicerHorizontal
{
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
	font-size: 10pt;
	overflow: hidden;
	width: 100%;
	user-select: none;
}

/*category:dimensionhorizontallist*/
.spanMemberActive
{
	text-align: center;
	cursor: pointer;
	float: left;
	padding-left: 5px;
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	background-color: #EEEEEE;
	height: 20px;
	line-height: 20px;
}

/*category:dimensionhorizontallist*/
.spanMemberSelected
{
	text-align: center;
	color: #FFFFFF;
	cursor: pointer;
	float: left;
	padding-left: 5px;
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	background-color: #ED760A;
	height: 20px;
	line-height: 20px;
}

/*category:dimensionhorizontallist*/
.spanMemberInactive
{
	text-align: center;
	cursor: pointer;
	float: left;
	padding-left: 5px;
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	color: gray;
	height: 20px;
	line-height: 20px;
}

.spanMember
{
	text-align: center;
	cursor: pointer;
	float: left;
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	background-color: #EEEEEE;
	height: 20px;
	line-height: 20px;
}

/*category:dimensionhorizontallist*/
.separatorMember
{
	height: 16px;
	border-right: 1px solid #CCCCCC;
	padding-right: 5px;
	background-color: inherit;
	border: none !important;
}

/*category:dimensioncheckbox*/
.checkBoxMemberInactive
{
	display: none;
}

.checkBoxMemberActive
{
	display: inherit;
}

.slicerCheckBoxSpan
{
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
	font-size: 10pt;
	display: inline-block;
/* 	width: 100px; */
}

.slicerCheckBox
{
	margin-right: 5px;
	vertical-align: middle;
}

.chzn-container
{
	position: relative;
	display: inline-block;
	zoom: 1;
}

.chzn-container-multi .chzn-choices
{
	background-color: #fff;
	border: 1px solid #aaa;
	margin: 0;
	padding: 0;
	cursor: text;
	overflow: auto;
	overflow-x: hidden;
	position: relative;
}

.chzn-container-multi .chzn-choices li
{
	float: left;
	list-style: none;
}

.chzn-container-multi .chzn-choices .search-field
{
	white-space: nowrap;
	margin: 0;
	padding: 0;
}

.chzn-container-multi .chzn-choices .search-field input
{
	background: transparent !important;
	border: 0 !important;
	height: 10px;
	padding: 5px;
	outline: 0;
	box-shadow: none;
}

.chzn-container-multi .chzn-choices .search-choice
{
	border-radius: 3px;
	background-clip: padding-box;
	background-color: #e4e4e4;
	background-image: linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);
	color: #333;
	border: 1px solid #aaaaaa;
	line-height: 10px;
	padding: 3px 20px 3px 5px;
	margin: 3px 0 3px 5px;
	position: relative;
	cursor: default;
}

.chzn-container-multi .chzn-choices .search-field .default
{
	color: #999;
}

.chzn-container-multi .chzn-choices .search-choice .search-choice-close
{
	display: block;
	position: absolute;
	right: 3px;
	top: 0px;
	width: 12px;
	height: 12px;
	font-size: 1px;
	background: url(icons/16-drop.png) no-repeat;
	cursor: pointer;
}

.chzn-container-single .chzn-single
{
	background-color: #FFFFFF;
	background-image: linear-gradient(#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);
	border: 1px solid #aaaaaa;
	border-radius: 5px;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	position: relative;
	padding: 1px 0 1px 8px;
	color: #444444;
	text-decoration: none;
}

.chzn-container-single .chzn-default
{
	color: #999;
}

.chzn-container-single .chzn-single span
{
	margin-right: 30px;
	display: block;
	overflow: hidden;
	white-space: nowrap !important;
	width: calc(100% - 30px);
}

.chzn-container-single .chzn-single abbr
{
	position: absolute;
	font-size: 1px;
	right: 16px;
	top: 4px;
	width: 12px;
	height: 12px;
	font-size: 1px;
	background: url(icons/16-drop.png) no-repeat 50%;
}

.chzn-container-single .chzn-single div
{
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	height: 100%;
	width: 18px;
}

.chzn-container-single .chzn-single div b
{
	background: url(icons/9-arrow_down.png) no-repeat 50% 50%;
	display: block;
	width: 100%;
	height: 100%;
}

.chzn-container .chzn-drop
{
	background: #fff;
	border: 1px solid #aaa;
	border-top: 0;
	position: absolute;
	left: 0;
}

.chzn-container-single .chzn-search
{
	padding: 3px 4px;
	position: relative;
	margin: 0;
	white-space: nowrap;
	z-index: 2000;
}

.chzn-container-single .chzn-search input
{
	background: url(icons/16-search.png) no-repeat 100% 1px;
	margin: 1px 0;
	padding: 2px 20px 2px 5px;
	outline: 0;
	border: 1px solid #aaa;
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
	font-size: 1em;
}

.chzn-container .chzn-results
{
	margin: 0 4px 4px 0;
	padding: 0 0 0 4px;
	position: relative;
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 2000;
}

.chzn-container-multi .chzn-results
{
	margin-top: 8px !important;
}

.chzn-container .chzn-results .active-result
{
	cursor: pointer;
	display: list-item;
}

.chzn-container .chzn-results .highlighted
{
	background-color: #ff9400;
	color: #fff;
}

.chzn-container .chzn-results .group-result
{
	cursor: default;
	color: #999;
	font-weight: bold;
}

.chzn-container .chzn-results .group-option
{
	padding-left: 15px;
}

.chzn-container .chzn-results li
{
	line-height: 10px;
	padding: 5px 6px;
	margin: 0;
	list-style: none;
}

.chzn-drop
{
	width: calc(100% - 2px);
}

.chzn-container-single .chzn-drop
{
	border-radius: 0 0 4px 4px;
	margin-top: 20px;
}

.chzn-container-multi .chzn-drop
{
	margin-top: 19px;
}

.chzn-container-single .chzn-drop-top, .chzn-container .chzn-drop-top
{
	border-top: 1px solid #aaa !important;
	border-bottom: none !important;
	border-radius: 4px 4px 0px 0px !important;
	margin-top: 0px !important;
}

.chzn-results-top
{
	border-top: none !important;
}

.search-field
{
	height: 22px;
	width: 100px;
}

.chzn-container-single-2 .chzn-single
{
	color: black !important;
	background: #D5D7DA !important;
	border: none !important;
	border-radius: 0px !important;
	padding: 5px !important;
	text-align: center !important;
	box-shadow: none !important;
}

.chzn-container-single-2 .chzn-single div b
{
	background: url(icons/digdash_2019/user-menu.svg) no-repeat -5px 3px !important;
	width: 20px !important;
	height: 20px !important;
}

.chzn-container-single-2.chzn-container-active .chzn-single-with-drop
{
	z-index: 3001 !important;
}

.chzn-container-single-2 .chzn-drop, .chzn-container-2 .chzn-drop
{
	color: black !important;
	background: #f1f1f1 !important;
	border: 1px solid #CCCCCC !important;
	border-radius: 0px !important;
	box-shadow: none !important;
	z-index: 3000 !important;
}

.chzn-container-2 .chzn-results .highlighted
{
	background: #D5D7DA !important;
	color: black !important;
}

.chzn-member
{
	background-color: #ffffff;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0 );
	background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
	background-image: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
	background-image: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
	background-image: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
	background-image: linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
	-webkit-border-radius: 5px;
	-moz-border-radius   : 5px;
	border-radius        : 5px;
	-moz-background-clip   : padding;
	-webkit-background-clip: padding-box;
	background-clip        : padding-box;
	border: 1px solid #aaaaaa;
	-webkit-box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow   : 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
	box-shadow        : 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
	display: block;
	overflow: hidden;
	white-space: nowrap;
	position: relative;
	padding: 1px 0 1px 8px;
	color: #444444;
	text-decoration: none;
	text-align: center;
}

.chzn-container .chzn-results .more-results
{
	display: list-item;
	cursor: pointer;
}

.textquery_search_input
{
	width: calc(100% - 10px);
	text-indent: 20px;
}
.textquery_search_input:focus
{
	outline: none !important;
	border: 2px solid #CCCCCC;
}
.textquery_search_icon
{
	position: absolute;
	left: 3px;
	top: 4px;
	cursor: pointer;
	width: 16px;
	height: 16px;
	background-image: url(icons/16-search.png) !important;
}
.textquery_close_icon
{
	position: absolute;
	right: 20px;
	top: 4px;
	cursor: pointer;
	width: 16px;
	height: 16px;
	background-image: url(icons/16-drop.png) !important;
}
.textquery_speech_img
{
	position: absolute;
	right: 5px;
	top: 4px;
	cursor: pointer;
	width: 16px;
	height: 16px;
	background: url(icons/16-speech.png);
}
.textquery_add_icon
{
	width: 24px;
	cursor: pointer !important;
	border: 1px solid #CCCCCC;
}

.variable_prev_img
{
	cursor: pointer;
	width: 16px;
	height: 16px;
	background: url(icons/16-previous.png);
}

.variable_next_img
{
	cursor: pointer;
	width: 16px;
	height: 16px;
	background: url(icons/16-next.png);
}

.progressWindow
{
	margin: 5px;
}

.legendVertical
{
	margin-left: 10px;
	margin-bottom: 0px
}

.legendItem .colorCell
{
	border: solid 1px #BCBCBC;
	width: 10px;
	height: 10px;
}

.legendItem .colorPattern
{
	width: 10px;
	height: 10px;
}

.legendVertical .legendIcon
{
	width: 16px;
	height: 16px;
}

.legendHorizontal .legendIcon
{
	width: 16px;
	height: 16px;
	margin-right: 5px;
	margin-left: 10px;
	vertical-align: top;
}

.legendItem .legendImage
{
	margin-right: 5px;
	margin-left: 10px;
	height:10px;
	width:10px;
}

.legendVertical .label
{
	margin: 1px;
	margin-left: 10px
}

.legendItem .legendHideImage
{
	height: 16px;
	width: 16px;
	background-image: url(icons/16-hidelegend.png);
	cursor: pointer;
}

.legendHorizontal .legendHideImage
{
	display: inline-block;
	margin-left: 5px;
	vertical-align: bottom;
}

.legendItem .legendHideImageDisabled
{
	height: 16px;
	width: 16px;
	background-image: url(icons/16-hidelegend.png);
	cursor: pointer;
	opacity: 0.5;
}

.legendHorizontal .legendHideImageDisabled
{
	display: inline-block;
	margin-left: 5px;
	vertical-align: bottom;
}

.legendItem .legendHideImageSelected
{
	height: 16px;
	width: 16px;
	background-image: url(icons/16-hidelegend.png);
	cursor: pointer;
}

.legendHorizontal .legendHideImageSelected
{
	display: inline-block;
	margin-left: 5px;
	vertical-align: bottom;
}

.documentsTable
{
	border-collapse: inherit;
	border-spacing: 5px;
}

.documentsTable > tbody > tr > td
{
	padding: 1px;
}

.dashboard_page
{
	-webkit-overflow-scrolling: touch !important;
	background-repeat: no-repeat;
	background-size: cover;
}

/*category:graphicobjects*/
.portlet, .portlet-noheader
{
	border: 1px solid #D0D0D0;
}

.portlet-noborder
{
	border: none !important;
}

/*category:graphicobjects*/
.portlet-content
{
/* 	background: none !important; */
}

.dashboard_viewer .portlet-content
{
	-webkit-overflow-scrolling: touch !important;
}

.dashboard_viewer .portlet-content > div:last-child
{
	-webkit-overflow-scrolling: touch !important;
}

.dashboard_viewer .portlet-overflow-visible
{
	overflow: visible !important;
}

/*category:graphicobjects*/
.portlet-header
{
	background-color: #eeeeee;
	border-bottom: 1px solid #d0d0d0;
	height: 25px !important;
}

.portlet-header-text
{
	line-height: 15px;
	text-align: center;
	color: #333;
	font-weight: bold !important;
	font-size: 12px !important;
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
}

.dashboard_viewer .portlet-header-text
{
	margin: 5px;
}

.dashboard_viewer .portlet-toolbar
{
	right: 2px !important;
	left: auto !important;
}

.portlet-resizable
{
	border: 1px dashed #D0D0D0 !important;
}

.portlet-resizing
{
	border: 1px dashed #595959 !important;
}

.portlet-selected
{
	border: 1px solid #595959 !important;
}

.portlets-selected
{
	border: 2px solid #595959 !important;
}

.portlet-hidden
{
	background-color: white;
	opacity: 0.6;
	filter: alpha(opacity=60);
}

#dashboard_editor .portlet-collapsible
{
	background-color: white;
	opacity: 0.5;
	filter: alpha(opacity=50);
}

.portlet-highlighted
{
	box-shadow: 0px 0px 5px 0px #656565;
}

.portlet-slide
{
	transition: transform 0.2s linear;
}

.portlet-collapsed-left
{
	background-color: #fff;
	vertical-align: middle;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border: 1px solid #D0D0D0;
	width: 20px;
	min-height: 50px;
	height: auto;
	background-image: url(icons/digdash_2019/arrow-right.svg);
	background-size: 18px 18px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	transition: transform 0.2s linear;
}

.portlet-collapsed-left span
{
	writing-mode: vertical-rl;
	height: auto;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 1px;
	display: none;
}

.portlet-expanded-left
{
	background-color: #fff;
	vertical-align: middle;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border: 1px solid #D0D0D0;
	width: 20px;
	min-height: 50px;
	height: auto;
	background-image: url(icons/digdash_2019/arrow-left.svg);
	background-size: 18px 18px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	transition: transform 0.2s linear;
}

.portlet-expanded-left span
{
	writing-mode: vertical-rl;
	height: auto;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 11px;
	display: none;
}

.portlet-collapsed-right
{
	background-color: #fff;
	vertical-align: middle;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	border: 1px solid #D0D0D0;
	width: 20px;
	min-height: 50px;
	height: auto;
	background-image: url(icons/digdash_2019/arrow-left.svg);
	background-size: 18px 18px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	transition: transform 0.2s linear;
}

.portlet-collapsed-right span
{
	writing-mode: vertical-rl;
	height: auto;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 13px;
	display: none;
}

.portlet-expanded-right
{
	background-color: #fff;
	vertical-align: middle;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	border: 1px solid #D0D0D0;
	width: 20px;
	min-height: 50px;
	height: auto;
	background-image: url(icons/digdash_2019/arrow-right.svg);
	background-size: 18px 18px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	transition: transform 0.2s linear;
}

.portlet-expanded-right span
{
	writing-mode: vertical-rl;
	height: auto;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 1px;
	display: none;
}

.portlet-collapsed-top
{
	background-color: #fff;
	vertical-align: middle;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border: 1px solid #D0D0D0;
	width: auto;
	min-width: 50px;
	height: 20px;
	background-image: url(icons/digdash_2019/arrow-down.svg);
	background-size: 18px 18px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	transition: transform 0.2s linear;
}

.portlet-collapsed-top span
{
	height: auto;
	padding-left: 3px;
	padding-right: 3px;
	display: none;
}

.portlet-expanded-top
{
	background-color: #fff;
	vertical-align: middle;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border: 1px solid #D0D0D0;
	width: auto;
	min-width: 50px;
	height: 20px;
	background-image: url(icons/digdash_2019/arrow-up.svg);
	background-size: 18px 18px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	transition: transform 0.2s linear;
}

.portlet-expanded-top span
{
	height: auto;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 11px;
	display: none;
}

.portlet-collapsed-bottom
{
	background-color: #fff;
	vertical-align: middle;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border: 1px solid #D0D0D0;
	width: auto;
	min-width: 50px;
	height: 20px;
	background-image: url(icons/digdash_2019/arrow-up.svg);
	background-size: 18px 18px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	transition: transform 0.2s linear;
}

.portlet-collapsed-bottom span
{
	height: auto;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 11px;
	display: none;
}

.portlet-expanded-bottom
{
	background-color: #fff;
	vertical-align: middle;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border: 1px solid #D0D0D0;
	width: auto;
	min-width: 50px;
	height: 20px;
	background-image: url(icons/digdash_2019/arrow-down.svg);
	background-size: 18px 18px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	transition: transform 0.2s linear;
}

.portlet-expanded-bottom span
{
	height: auto;
	padding-left: 3px;
	padding-right: 3px;
	display: none;
}

.dd-window-header-text
{
	color: #333 !important;
	font-weight: bold !important;
	font-size: 13px !important;
	font-family: Trebuchet MS, Arial, Verdana, sans-serif !important;
}

.dashboard-editor-window-header
{
	height: 30px !important;
}

.dashboard-editor-window-header-text
{
	font-family: Trebuchet MS, Arial, Verdana, sans-serif !important;
	font-weight: bold !important;
	font-size: 14px !important;
	color: #333 !important;
	text-align: left;
	line-height: 20px;
}

.dashboard-editor-window-header-status-text
{
	font-family: Trebuchet MS, Arial, Verdana, sans-serif !important;
	font-size: 13px !important;
	color: #333 !important;
	text-align: left;
	line-height: 20px;
}

.dashboard-editor-vertical-guide-line
{
	width: 1px !important;
	background-color: #595959;
}

.dashboard-editor-horizontal-guide-line
{
	height: 1px !important;
	background-color: #595959;
}

.portletmenu
{
	z-index: 100;
	border: none !important;
	background: none !important;
	padding: 0 !important;
}

.highlight
{
	box-shadow: 0px 0px 5px 0px #656565;
}

.disabledIcon
{
	opacity: 0.4;
	filter: alpha(opacity=40);
}

.highlightOldBrowsers
{
	border: 1px solid #888888 !important;
}

/*category:loading*/
.loading, .downloading, .synchronisation
{
	background-color: rgba(255,255,255,0.8);
	border: solid 1px #D4D4D4;
	padding: 10px;
	opacity: 0;
	transition: opacity 0.3s;
}
.loading_on
{
    opacity: 1;
}
.loading_off
{
    opacity: 0;
}
.loading_div
{
	transition: visibility 0.3s;
}
.loading_div_on, .loading_div_off
{
	display: flex;
	justify-content: center;
	align-items: center;
}
.loading_div_on
{
	visibility: inherit;
}
.loading_div_off
{
	visibility: hidden;
}

/*category:loading*/
.loadingImg, .downloadingImg, .synchronisationImg
{
	width: 32px;
	height: 32px;
	background-image: url(icons/loading.svg);
	background-repeat: no-repeat;
	background-size: 100%;
}

/*category:loading*/
.loadingTxt, .downloadingTxt, .synchronisationTxt
{
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
	margin-left: 10px;
}

.errorContainer
{
	display: flex;
	justify-content: center;
	align-items: center;
}

.error
{
	background-color: rgba(255,255,255,0.8);
	border: solid 1px #D4D4D4;
	padding: 10px;
}

.errorImg
{
	background: url(icons/32-error.png) no-repeat;
	width: 32px;
	height: 32px;
}

.errorTxt
{
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
}

/*category:comments*/
.comments
{
	background-color: white;
	background-color: #eeeeee;
	width: 100%;
}

/*category:comments*/
table.comments
{
	table-layout: fixed;
}

/*category:comments*/
.commentHeader
{
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
	font-size: 10pt;
	color: #fefefe;
  	background-color: #ff9400;
}

/*category:comments*/
.commentUser
{
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
	margin-left: 3px;
}

/*category:comments*/
.commentDate
{
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
	float: right;
	font-size: 9px;
	font-style: italic;
	margin-right: 2px;
}

/*category:comments*/
.commentFilter
{
	cursor: pointer;
	height: 16px;
	width: 16px;
	background: url(staticwebcontent/charts/template/image/16-combo-filter.png) #ff9400;
}

/*category:comments*/
.commentEdit
{
	cursor: pointer;
	height: 16px;
	width: 16px;
	background: url(icons/14-edit_note.png) #ff9400;
}

/*category:comments*/
.commentRemove
{
	cursor: pointer;
	height: 16px;
	width: 16px;
	background: url(icons/16-drop.png) #ff9400;
}

/*category:comments*/
.commentContent
{
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
	font-size: 10pt;
	margin-left: 3px;
	overflow-wrap: break-word;
	word-wrap: break-word;
	hyphens: auto;
}

/*category:comments*/
.commentSeparator
{
	height: 8px;
}

/*category:comments*/
.commentsDisplayAll
{
	float: right;
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
	color: rgb(85, 85, 85);
	font-size: 10px;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-right: 2px;
	cursor: pointer;
}

/*category:comments*/
.commentsSelection
{
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
	color: rgb(85, 85, 85);
	font-size: 10px;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-right: 2px;
}

/*category:comments*/
.commentDimensionRemove
{
	cursor: pointer;
	width: 16px;
	height: 16px;
	background: url(icons/16-delete.png) no-repeat;
}

/*category:comments*/
.commentIcon
{
	cursor: pointer;
	width: 16px;
	height: 16px;
	background: url(icons/14-comment.png) no-repeat;
	margin-right: 5px;
}

/*category:comments*/
.commentLabel
{
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
	cursor: pointer;
}

/*category:comments*/
.commentCategoryLabel
{
	font-weight: bold;
}

/*category:comments*/
.commentCategoryIcon
{
	height: auto;
	width: auto;
	margin-right: 2px;
	vertical-align: bottom;
}

.gwt-SuggestBoxPopup
{
	z-index: 1000000;
}

/*category:dimensioncombo*/
.slicerComboTDDim
{
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
	white-space: nowrap;
	padding-right: 5px;
}

/*category:dimensioncombo*/
.slicerComboTDSelect
{
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
	font-size: 10pt !important;
	width: 100%;
}

/*category:dimensioncombo*/
.slicerComboSelect
{
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
	font-size: 10pt !important;
	width: 100% !important;
}

/*category:dimensioncombo*/
.slicerComboFirstOption
{
	font-weight: bold;
}

/*category:dimensionslider*/
.slicerSlider
{
	margin: 10px;
}

/*category:dimensionslider*/
.slicerSliderValue
{
	border: 0;
	color: #f6931f;
	background: none;
	margin-left: 10px;
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
	font-size: 13px;
}

/*category:dimensionslider*/
.slicerSliderMin
{
	border: 0;
	color: #f6931f;
	background: none;
	margin-left: 10px;
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
	font-size: 13px;
}

/*category:dimensionslider*/
.slicerSliderMax
{
	border: 0;
	color: #f6931f;
	float: right;
	background: none;
	margin-right: 10px;
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
	font-size: 13px;
}

.ui-datepicker
{
	z-index: 1000003 !important;
}

.ui-state-disabled
{
	pointer-events: unset !important;
}

.selSearchSlicer
{
  cursor: auto;
  overflow-y: auto;
}

/*category:dimensiondatepicker*/
.slicerDatePickerSpanMax
{
	margin-left: 10px;
}

/*category:dimensiondatepicker*/
.slicerDatePickerInput, .slicerDatetimePickerInput
{
	margin-right: 2px;
	width: 100px
}

.slicerPrevImg
{
	background: url(icons/16-previous.png);
	height: 16px;
	width: 16px;
	cursor: pointer;
}
.slicerNextImg
{
	background: url(icons/16-next.png);
	height: 16px;
	width: 16px;
	cursor: pointer;
}

/*print*/
@media print
{
  div.background
  {
    height: 2000px !important;
  }

  div.x-tab-panel-body
  {
    height: 2000px !important;
  }

  div.x-tab-panel-body > div
  {
    height: 2000px !important;
  }

  #viewportPanel
  {
    height: 2000px !important;
  }

  #contentPanel > div.x-panel-bwrap > div
  {
    height: 2000px !important;
  }
}

.x-tool-gear
{
	height: 16px;
	width: 16px;
	background: url(icons/14-properties.png) no-repeat;
	display: inline-block;
	margin-top: 2px;
	cursor: pointer;
}

.x-tool-help
{
	height: 16px;
	width: 16px;
	background: url(icons/14-help.png) no-repeat;
	display: inline-block;
	margin-top: 2px;
	cursor: pointer;
}

.x-tool-description
{
	height: 16px;
	width: 16px;
	background: url(icons/14-help.png) no-repeat;
	display: inline-block;
	margin-top: 2px;
	cursor: pointer;
}

.x-tool-edit
{
	height: 16px;
	width: 16px;
	background: url(icons/14-edit_note.png) no-repeat;
	display: inline-block;
	margin-top: 2px;
	cursor: pointer;
}

.x-tool-save
{
	height: 16px;
	width: 16px;
	background: url(icons/14-save.png) no-repeat;
	display: inline-block;
	margin-top: 2px;
	cursor: pointer;
}

.x-tool-close
{
	height: 16px;
	width: 16px;
	background: url(icons/14-close.png) no-repeat;
	display: inline-block;
	margin-top: 2px;
	cursor: pointer;
}

.x-tool-minimize
{
	height: 16px;
	width: 16px;
	background: url(icons/14-restore.png) no-repeat;
	display: inline-block;
	margin-top: 2px;
	cursor: pointer;
}

.x-tool-maximize
{
	height: 16px;
	width: 16px;
	background: url(icons/14-maximize.png) no-repeat;
	display: inline-block;
	margin-top: 2px;
	cursor: pointer;
}

.x-tool-up
{
	height: 16px;
	width: 16px;
	background: url(icons/14-arrow_up.png) no-repeat;
	display: inline-block;
	margin-top: 2px;
	cursor: pointer;
}

.x-tool-down
{
	height: 16px;
	width: 16px;
	background: url(icons/14-arrow_down.png) no-repeat;
	display: inline-block;
	margin-top: 2px;
	cursor: pointer;
}

.x-tool-plus
{
	height: 16px;
	width: 16px;
	background: url(icons/14-plus.png) no-repeat;
	display: inline-block;
	margin-top: 2px;
	cursor: pointer;
}

.x-tool-alert
{
	height: 16px;
	width: 16px;
	background: url(icons/14-alert.png) no-repeat;
	display: inline-block;
	margin-top: 2px;
	cursor: pointer;
}

.x-tool-comment
{
	height: 16px;
	width: 16px;
	background: url(icons/14-comment.png) no-repeat;
	display: inline-block;
	margin-top: 2px;
	cursor: pointer;
}

.x-tool-legend
{
	height: 16px;
	width: 16px;
	background: url(icons/14-legend.png) no-repeat;
	display: inline-block;
	margin-top: 2px;
	cursor: pointer;
}

.x-tool-left
{
	height: 16px;
	width: 16px;
	background: url(icons/14-arrow_left.png) no-repeat;
	display: inline-block;
	margin-top: 2px;
	cursor: pointer;
}

.x-tool-right
{
	height: 16px;
	width: 16px;
	background: url(icons/14-arrow_right.png) no-repeat;
	display: inline-block;
	margin-top: 2px;
	cursor: pointer;
}

.x-tool-reduce
{
	height: 16px;
	width: 16px;
	background: url(icons/15-minus.png) no-repeat;
	display: inline-block;
	margin-top: 9px;
	cursor: pointer;
}

.x-tool-restore
{
	height: 16px;
	width: 16px;
	background: url(icons/15-minus.png) no-repeat;
	display: inline-block;
	cursor: pointer;
}

.x-tool-chart
{
	height: 16px;
	width: 16px;
	background: url(icons/chart-tool.svg) no-repeat;
	display: inline-block;
	cursor: pointer;
	margin-right: 2px;
	margin-top: 1px;
}

#creating_chart_text_query_button .button
{
	background: transparent !important;
	text-align: left !important;
}

#creating_chart_new_source_button .button
{
	background: transparent !important;
	text-align: left !important;
}

#creating_chart_datamodel_button .label
{
	background: transparent !important;
	color: #333333 !important;
	font-size: 11px !important;
}

#creating_chart_datamodel_button .labelFocused
{
	background: transparent !important;
	color: #333333 !important;
	font-size: 11px !important;
}

#static_content_panel_header
{
 	height: 25px;
 	line-height: 25px;
}

#static_content_panel_header > .x-panel-toolbar
{
	padding-top: 5px;
}

#wallet_panel_header
{
	height: 25px;
	line-height: 25px;
}

#wallet_panel_header > .x-panel-toolbar
{
	padding-top: 5px;
}

#dim_var_panel_header
{
	height: 25px;
	line-height: 25px;
}

#dim_var_panel_header > .x-panel-toolbar
{
	padding-top: 5px;
}

#widgets_list_header
{
	height: 25px;
	line-height: 25px;
}

#widgets_list_header > .x-panel-toolbar
{
	padding-top: 5px;
}

#creating_chart_header
{
	height: 25px;
	line-height: 25px;
}

#creating_chart_header > .x-panel-toolbar
{
	padding-top: 5px;
}

 /* New theme */
 /* Progress Bar */


/* windows */
.dd-window
{
	border: 1px solid #D0D0D0 !important;
	background: #EEEEEE !important;
}

.dd-window-body
{
	background: #EEEEEE !important;
}

.dd-window-content
{
	border: 1px solid #D0D0D0 !important;
}

.dd-window-header
{
	height: 30px !important;
}

.dd-window-header-text
{
	font-family: Trebuchet MS, Arial, Verdana, sans-serif !important;
	font-size: 13px !important;
	text-align: center !important;
	line-height: 20px;
}

.dd-window-header-draggable
{
	cursor: move;
	user-select: none;
}

.dd-window-resizer-right
{
	width: 5px;
	height: 100%;
	background: transparent;
	position: absolute;
	right: 0;
	bottom: 0;
	cursor: e-resize;
}

.dd-window-resizer-bottom
{
	width: 100%;
	height: 5px;
	background: transparent;
	position: absolute;
	right: 0;
	bottom: 0;
	cursor: n-resize;
}
		
.dd-window-resizer-bottom-right
{
	width: 5px;
	height: 5px;
	background: transparent;
	z-index: 10;
	position: absolute;
	right: 0;
	bottom: 0;
	cursor: nw-resize;
}

.dd-progress-bar
{
	width: 100%;
	height: 20px !important;
	margin-top: 10px;
	background-color: #FFFFFF;
}

.dd-progress-bar-indeterminate
{
	width: 100%;
	height: 100%;
	background-image: url(icons/loading.svg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.dd-progress-bar-content
{
	height: 100%;
	background-color: #ff9400;
}

/* dialogs */
.dd-dialog
{
	border: 1px solid #D0D0D0 !important;
	background: #EEEEEE !important;
}

.dd-dialog-content
{
	background: #EEEEEE !important;
}

.buttonRounded,
.buttonRoundedOver,
.buttonRoundedFocused,
.buttonRoundedFocusedOver,
.buttonRoundedDown,
.buttonRoundedFocusedDown,
.buttonRoundedSelected,
.buttonRoundedSelectedFocused,
.buttonRoundedSelectedDown,
.buttonRoundedSelectedFocusedDown,
.buttonRoundedSelectedOver,
.buttonRoundedSelectedFocusedOver,
.buttonRoundedDisabled,
.buttonRoundedSelectedDisabled,
.buttonRoundedPending,
.buttonRoundedPendingOver,
.buttonRoundedPendingFocused,
.buttonRoundedPendingFocusedOver,
.buttonRoundedPendingDown,
.buttonRoundedPendingFocusedDown,
.buttonRoundedPendingSelected,
.buttonRoundedPendingSelectedFocused,
.buttonRoundedPendingSelectedDown,
.buttonRoundedPendingSelectedFocusedDown,
.buttonRoundedPendingSelectedOver,
.buttonRoundedPendingSelectedFocusedOver,
.buttonRoundedPendingDisabled,
.buttonRoundedPendingSelectedDisabled,
.buttonRoundedDeselectedDisabled,
.filterOperatorIcon,
.filterOperatorIconOver,
.filterOperatorIconFocused,
.filterOperatorIconFocusedOver,
.filterOperatorIconDown,
.filterOperatorIconSelectedFocused,
.filterOperatorIconSelectedFocusedOver
{
	box-shadow: none !important;
	background: none !important;
	background-repeat: no-repeat !important;
	background-color: #D5D7DA !important;
	border-radius: 0px !important;
	border: none !important;
	color: #333333 !important;
}

.menuButton
{
	text-align: center !important;
}

.headerButton
{
	text-align: center !important;
	font-size: 11px !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: #D5D7DA !important;
	border-radius: 0px !important;
	border: none !important;
	color: #333333 !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;
}

.menuOver,
.menuOverDark,
.menuSelectedOver,
.menuSelectedOverDark,
.menuTitleFieldOver,
.menuTitleFieldOverDark,
.menuTitleFieldSelectedOver,
.menuTitleFieldSelectedOverDark,
.menuIconFieldOver,
.menuIconFieldOverDark,
.menuIconFieldSelectedOver,
.menuIconFieldSelectedOverDark,
.treeMenuSelected,
.treeMenuSelectedDark,
.treeMenuSelectedOver,
.treeMenuSelectedOverDark,
.treeMenuSelectedSelected,
.treeMenuSelectedSelectedOver
{
	background: #D5D7DA !important;
	border-bottom: 1px solid transparent !important;
	border-top: 1px solid transparent !important;
	box-shadow: none !important;
}

.simpleTile
{
	cursor: pointer !important;
}

.simpleTileSelected
{
	cursor: pointer !important;
	background: #D5D7DA !important;
	border-bottom: 1px solid transparent !important;
	border-top: 1px solid transparent !important;
	box-shadow: none !important;
}

.tileValue nobr
{
	white-space: normal !important;
}

.tileValueSelected nobr
{
	white-space: normal !important;
}

.formSubItem > table, .formSubItemDisabled > table
{
	margin-left: 20px !important;
}

.formCheckBoxItem > table
{
	margin-left: -80px !important;
}
.sectionHeaderopened, .sectionHeaderclosed, .sectionHeaderDisabledopened, .sectionHeaderDisabledclosed
{
	font-family: Trebuchet MS, Arial, Verdana, 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: Trebuchet MS, Arial, Verdana, sans-serif !important;
}

.tileGrid
{
	border: none !important;
}

.tileGrid:focus
{
	outline: none !important;
}

.treeCellIconDisabled > nobr
{
	opacity: 0.3;
}

table[class*='treeCell'] tr > td:nth-child(2)
{
	overflow: visible !important;
	text-overflow: initial !important;
}

.cellRemove
{
	cursor: pointer;
	width: 16px;
	height: 16px;
	background: url(icons/16-delete.png) no-repeat;
}

.cellSettings
{
	cursor: pointer;
	width: 16px;
	height: 16px;
	background: url(icons/14-properties.png) no-repeat;
}

.cellLineThrough
{
	text-decoration: line-through;
}

.cellLineItalic
{
	font-style: italic !important;
}

/* menus */
.menuMain, .menuMainRTL, .menuFill, .menuFillRTL
{
	background: none !important;
	background-color: #f0f0f0 !important;
}

/* buttons */
.button, .buttonOver, .buttonFocused, .buttonFocusedOver, .buttonDown, .buttonFocusedDown, .buttonSelected, .buttonSelectedFocused, .buttonSelectedDown, .buttonSelectedFocusedDown, .buttonSelectedOver, .buttonSelectedFocusedOver, .buttonDisabled, .buttonSelectedDisabled, .button-secondary
{
	background: #D5D7DA !important;
	border: none !important;
	color: #333333 !important;
}
.button-refresh
{
	background-color: #D5D7DA !important;
	background-image: url(icons/digdash_2019/refresh.svg) !important;
	background-size: 20px 20px !important;
	background-position: 5px 50% !important;
	background-repeat: no-repeat !important;
	padding-left: 10px;
	border: none !important;
	color: #333333 !important;
}
.button-add
{
	background-color: #D5D7DA !important;
	background-image: url(icons/digdash_2019/add.svg) !important;
	background-size: 16px 16px !important;
	background-position: 5px 50% !important;
	background-repeat: no-repeat !important;
	padding-left: 10px;
	border: none !important;
	color: #333333 !important;
}
.button-edit
{
	background-color: #D5D7DA !important;
	background-image: url(icons/edit.svg) !important;
	background-size: 16px 16px !important;
	background-position: 5px 50% !important;
	background-repeat: no-repeat !important;
	padding-left: 10px;
	border: none !important;
	color: #333333 !important;
}
.button-refresh div, .button-add div, .button-edit div
{
	display: block !important;
}

/* forms */
.dd-form
{
	border: 1px solid #b5b8c8 !important;
}

.dd-form-group-label
{
	background: #EEEEEE !important;
	color: #333;
/* 	font-weight: bold; */
	font-size: 13px;
	padding-left: 5px;
	padding-right: 5px;
}

/* tabs */
.tabSetContainer
{
	border: none !important;
	background: none !important;
}

.dd-tab-bar
{
	background-color: #d5d7da;
	border-bottom: 1px solid #BAB8B4;
}

.dd-tab-bar-scroll
{
	background-color: #EEEEEE;
	border-left: 1px solid #d5d7da;
	border-bottom: 1px solid #d5d7da;
}

.dd-tab-bar-scroll-left
{
	background: url(icons/15-left-arrow.png);
	border-left: 1px solid #d5d7da;
	width: 16px;
	height: 16px;
	cursor: pointer;
}

.dd-tab-bar-scroll-right
{
	background: url(icons/15-right-arrow.png);
	border-left: 1px solid #d5d7da;
	width: 16px;
	height: 16px;
	cursor: pointer;
}

.dd-tab-bar-scroll-menu
{
	background: url(icons/15-down-arrow.png);
	border-left: 1px solid #d5d7da;
	width: 16px;
	height: 16px;
	cursor: pointer;
}

.dd-tab-bar-hidden
{
	height: 0px !important;
	display: none;
}

.dd-tab-content-hidden
{
	top: 0px !important;
}

.dd-tab-header
{
	cursor: pointer;
	text-align: center;
	position: relative;
	display: inline-block;
	margin-right: 1px;
	min-width: 100px;
	background: #EEEEEE;
	color: #333;
}

.dd-tab-header-selected
{
	cursor: pointer;
	text-align: center;
	position: relative;
	display: inline-block;
	margin-right: 1px;
	min-width: 100px;
	background-color: #595959;
	color: white;
}

.dd-tab-header-content
{
	padding-right: 5px;
}

.dd-tab-header-text
{
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
	font-size: 12px;
	white-space: nowrap;
}

.dashboard_viewer .dd-tab-header-text
{
	padding: 4px;
	padding-top: 7px;
}

#dashboard_editor .dd-tab-header-text
{
	padding-right: 4px;
	padding-left: 4px;
}

.dd-window .dd-tab-header-text
{
	padding-right: 4px;
	padding-left: 4px;
}

.dd-tab-header-icon
{
	vertical-align: bottom;
	margin-right: 3px;
	width: 16px;
	height: 16px;
}

.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-alert-icon
{
	width: 16px;
	height: 16px;
	margin-left: 5px;
	position: absolute;
	background-image: url(icons/14-alert-black.png);
	background-repeat: no-repeat;
}

.dd-tab-header-alert-icon2
{
	width: 14px;
	height: 14px;
	margin-left: 15px;
	position: absolute;
	background-image: url(icons/14-alert-black.png);
	background-repeat: no-repeat;
}

.dd-tab-header-selected .dd-tab-header-alert-icon
{
	width: 16px;
	height: 16px;
	margin-left: 5px;
	position: absolute;
	background-image: url(icons/14-alert-white.png);
	background-repeat: no-repeat;
}

.dd-tab-header-selected .dd-tab-header-alert-icon2
{
	width: 14px;
	height: 14px;
	margin-left: 15px;
	position: absolute;
	background-image: url(icons/14-alert-white.png);
	background-repeat: no-repeat;
}

.dd-tab-header-hidden
{
	display: none !important;
}

.dd-tab-header-title
{
	border-bottom: 1px solid #BAB8B4 !important;
}

.dd-tab-header-disabled
{
	background-color: white;
	opacity: 0.4;
	filter: alpha(opacity=40);
}

.dd-tab-closeable
{
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
	font-size: 12px;
}

#dashboard_editor .dd-tab-closeable
{
	padding-left: 7px !important;
}

.dd-tab-closeable-icon
{
	background-image: url(icons/11-cross.png) !important;
	display: block;
	box-sizing: border-box;
	width: 11px;
	height: 11px;
	padding-left: 11px;
}

.dd-tab-header-selected .dd-tab-closeable-icon
{
	background-image: url(icons/11-cross-white.png) !important;
	display: block;
	box-sizing: border-box;
	width: 11px;
	height: 11px;
	padding-left: 11px;
}

.dd-tab-header-selected .dd-tab-expandable
{
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
	font-size: 12px;
	width: 11px;
	height: 11px;
	background-image: url(icons/9-arrow_down.png) !important;
	background-repeat: no-repeat !important;
	position: absolute;
	top: 10px;
	margin-left: 5px;
}

.dd-tab-expandable
{
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
	font-size: 12px;
	width: 11px;
	height: 11px;
	background-image: url(icons/9-arrow_down.png) !important;
	background-repeat: no-repeat !important;
	position: absolute;
	top: 10px;
	margin-left: 5px;
}

.tabScrollerTopBack, .tabScrollerTopBackDown, .tabScrollerBottomBack, .tabScrollerBottomBackDown
{
	border-top-left-radius: 0px !important;
	box-shadow: none !important;
	background-image: url(icons/15-left-arrow.png) !important;
	background-color: #eeeeee !important;
}

.tabScrollerTopForward, .tabScrollerTopForwardDown, .tabScrollerBottomForward, .tabScrollerBottomForwardDown
{
	border-top-right-radius: 0px !important;
	box-shadow: none !important;
	background-image: url(icons/15-right-arrow.png) !important;
	background-color: #eeeeee !important;
}

.tabPickerDisabledtop, .tabPickertop, .tabPickerDowntop
{
	box-shadow: none !important;
	background-image: url(icons/15-down-arrow.png) !important;
	background-color: #eeeeee !important;
}

.dd-window .dialogTopCenter, .dd-dialog .dialogTopCenter
{
	text-align: center !important;
	color: #6d6d6d !important
}

/* stacks */

.dd-stack-header
{
	cursor: pointer;
	text-align: center !important;
	height: 23px;
	background-image: url(icons/digdash_2019/arrow-up.svg);
	background-size: 20px 20px;
	background-position: 2px 50%;
	background-repeat: no-repeat;
	color: #333;
	background-color: #EEEEEE;
	border: 1px solid #d5d7da;
}

.dd-stack-header-selected
{
	cursor: pointer;
	text-align: center !important;
	height: 23px;
	background-image: url(icons/digdash_2019/arrow-down.svg);
	background-size: 20px 20px;
	background-position: 2px 50%;
	background-repeat: no-repeat;
	color: #333;
	background-color: #EEEEEE;
	border: 1px solid #d5d7da;
}

.dd-stack-header-title
{
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 23px;
}

.dashboard_editor .portletcontainer .sectionHeaderopened
{
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 23px;
	color: #333;
	cursor: pointer;
	text-align: center !important;
	border: 1px solid #d5d7da;
	background: url(icons/digdash_2019/arrow-down.svg) no-repeat #EEEEEE !important;
	background-position: 2px 50% !important;
	background-size: 20px 20px !important;
	padding: 0px;
}

.dashboard_editor .portletcontainer .sectionHeaderclosed
{
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 23px;
	color: #333;
	cursor: pointer;
	text-align: center !important;
	border: 1px solid #d5d7da;
	background: url(icons/digdash_2019/arrow-up.svg) no-repeat #EEEEEE !important;
	background-position: 2px 50% !important;
	background-size: 20px 20px !important;
	padding: 0px;
}

.gwt-StackLayoutPanel .gwt-StackLayoutPanelContent
{
	padding: 0px !important;
}

.sectionHeaderopened
{
	background: #EEEEEE !important;
	border: 1px solid #d0d0d0 !important;
}

.sectionHeaderclosed
{
	background: #EEEEEE !important;
	border: 1px solid #d0d0d0 !important;
}

.groupNode
{
	border-bottom-color: #009FA6 !important;
	color: #009FA6 !important;
}

.breadcrumbImg
{
	background-image: url(icons/20-home-orange.png) !important;
}

.gwt-Frame.x-component
{
	border: none !important;
}

.dd-tooltip-title, .hoverCustomTitle
{
	font-size: 13px !important;
	font-weight: bold;
}

.hoverCustom
{
    border: 1px solid #CCCCCC;
    background-color: white;
    box-shadow: 0 0 6px #E8E8E8;
    font-size: 12px;
    font-family: Trebuchet MS, Arial, Verdana, sans-serif;
    text-decoration: none;
    color: #363B30;
}

.canvasHover, .gridHover, .formHover
{
	border: 1px solid #CCCCCC !important;
	background-color: white !important;
	box-shadow: 0 0 6px #E8E8E8 !important;
	font-size: 12px !important;
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
	text-decoration: none !important;
	color: #363B30 !important;
	min-width: 200px;
}

.dd-tooltip
{
	border: 1px solid #CCCCCC;
	background-color: white;
	box-shadow: 0 0 6px #E8E8E8;
	font-size: 12px;
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
	text-decoration: none;
	color: #363B30;
	padding: 5px;
}

.dd-tooltip-container
{
	position: relative;
	z-index: 900000;
	max-width: 300px;
	max-height: 200px;
	overflow: auto;
}


/********************* help ************************/
.dd-help-modal
{
	background-color: #CCCCCC;
	z-index: 999999;
	opacity: 0.3;
}
.dd-help
{
	font-size: 13px;
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
	background-image: url(icons/dd-background-dark.svg);
	background-repeat: no-repeat;
	background-color: #232C4C;
	border-radius: 5px;
	color: #F7F7F7 !important;
	box-shadow: 0 0 12px -4px rgba(0,0,0,.3);
    padding: 5px;
 	z-index: 1000000;
}
.dd-help-notification
{
	transition: transform 0.5s linear;
}
.dd-help-header
{
	height: 30px !important;
	background-image: url(icons/logo-dd-white.svg);
	background-size: 25px 25px;
	background-repeat: no-repeat;
	background-position: 3px 3px;
	display: flex;
}
.dd-help-header-text
{
	font-size: 13px;
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
	font-weight: bold;
	margin-left: 40px;
	padding-top: 6px;
}
#dd-help-notification-img
{
	position: absolute;
	right: 0px;
	cursor: pointer;
	width: 20px;
	height: 20px;
	margin-right: 5px;
	margin-top: 5px;
}

.dd-help-content
{
	padding: 0px !important;
}

.dd-help-buttons
{
	width: 100%;
	margin-top: 5px;
}


.highlight-invalid 
{
  border-color:#FF0000 !important;
}

button[class=dd-help-button-ignore]
{
	cursor: pointer;
	min-width: 130px;
	height: 30px;
	font-size: 13px;
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
	font-weight: bold;
	color: #121628 !important;
	background: #11A0D9 !important;
	border: none !important;
	border-radius: 7px !important;
}
button[class=dd-help-button-ignore-all]
{
	cursor: pointer;
	min-width: 130px;
	height: 30px;
	font-size: 13px;
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
	font-weight: bold;
	color: #11A0D9 !important;
	background: transparent !important;
	border: 1px solid #11A0D9 !important;
	border-radius: 7px !important;
}
.dd-help-arrow-left
{
	box-sizing: border-box;
	height: 10px;
	width: 10px;
	border-style: solid;
	background-color: #2C385B;
	border-color: #232C4C;
	border-width: 0px 1px 1px 0px;
	transform: rotate(135deg);
	z-index: 1000000;
}
.dd-help-arrow-right
{
	box-sizing: border-box;
	height: 10px;
	width: 10px;
	border-style: solid;
	background-color: #232C4C;
	border-color: #232C4C;
	border-width: 0px 1px 1px 0px;
	transform: rotate(-45deg);
	z-index: 1000000;
}
.dd-help-arrow-top
{
	box-sizing: border-box;
	height: 10px;
	width: 10px;
	border-style: solid;
	background-color: #232C4C;
	border-color: #232C4C;
	border-width: 0px 1px 1px 0px;
	transform: rotate(-135deg);
	z-index: 1000000;
}
.dd-help-arrow-bottom
{
	box-sizing: border-box;
	height: 10px;
	width: 10px;
	border-style: solid;
	background-color: #232C4C;
	border-color: #232C4C;
	border-width: 0px 1px 1px 0px;
	transform: rotate(45deg);
	z-index: 1000000;
}

.mceDropDown
{
	z-index: 1000000 !important;
}

.mce-menu
{
	z-index: 1000000 !important;
}

.mce-tooltip
{
	z-index: 1000000 !important;
}

.mce-window
{
	z-index: 1000000 !important;
}

.mce-floatpanel.mce-popover
{
	z-index: 1000000 !important;
}


.tox-tinymce-aux
{
	z-index: 1000000 !important;
}
	
.tox .tox-tbtn
{
	background-color:rgb(247, 247, 247) !important;
	--background-color-select:#fff !important;
	color:#222f3e !important;
	font-family:inherit !important;
	font-size:14px !important;
	font-weight:400 !important;
	font-style:normal !important;
	width:30px !important;
	padding:10px !important;	
}

.tox .tox-toolbar__group {
	padding:0px !important;
}

.tox .tox-tbtn--select
{
	width:90px !important;
}

.tox .tox-mbtn 
{
	background-color:#fff !important;
	--background-color-select:#fff !important;
	color:#222f3e !important;
	font-family:inherit !important;
	font-size:14px !important;
	font-weight:400 !important;
	font-style:normal !important;
}

.tox-editor-header 
{
	z-index: 1000000 !important;
}

.mce-tinymce
{
	height: 100%;
}

.mce-tinymce-inline
{
	z-index: 1000000 !important;
}

.contextMenu_Back
{
	z-index: 1000000 !important;
}

.contextMenu
{
	z-index: 1000001 !important;
}

div.popupDivBg
{
	z-index: 1000001 !important;
}

div.popupDiv
{
	z-index: 1000002 !important;
}

#popupAlertError, #popupAlertError div.popupDiv
{
	z-index: 1000003 !important;
}

#ace-editor-js
{
    font-size: 12px !important;
	font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace !important;
}

#ace-editor-js *
{
    font-size: 12px !important;
	font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace !important;
}

.ace_editor.ace_autocomplete
{
	z-index: 1000000 !important;
}

.navBullets
{
	z-index: 1000;
	position: absolute;
	opacity: 1;
	transition: opacity 0.2s ease-out;
	transform: translateZ(5px);
	top: auto !important;
	bottom: 0 !important;
	left: 50% !important;
	width: auto !important;
	height: auto !important;
}

.navBullet
{
	cursor: pointer;
	position: relative !important;
	background: rgba(0, 0, 0, 0.5) !important;
	border-radius: 10px;
	box-shadow: none;
	width: 6px !important;
	height: 6px !important;
	border: 5px solid rgba(0, 0, 0, 0) !important;
	display: inline-block;
	margin-right: 2px !important;
	margin-bottom: 2px !important;
	transition: background-color 0.2s, border-color 0.2s;
	float: none !important;
	box-sizing: content-box;
}

.navBullet.selected
{
	background: black !important;
}

.navBullet[data-title]:hover:after
{
	content: attr(data-title);
	padding: 5px;
	position: absolute;
	bottom: 0px;
	white-space: nowrap;
	z-index: 1000;
	border: 1px solid #CCCCCC !important;
	background-color: white !important;
	box-shadow: 0 0 6px #E8E8E8 !important;
	font-size: 12px !important;
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
	text-decoration: none !important;
	color: #363B30 !important;
}

.navLeft
{
	z-index: 1000;
	position: absolute;
	left: 0px !important;
	top: 50% !important;
	background: url(icons/digdash_2019/arrow-left-full.svg) no-repeat;
	width: 40px !important;
	margin-top: -40px !important;
	height: 40px !important;
	cursor: pointer !important;
}

.navLeft[data-title]:hover:after
{
	content: attr(data-title);
	padding: 5px;
	position: absolute;
	left: 0;
	top: 100%;
	white-space: nowrap;
	z-index: 1000;
	border: 1px solid #CCCCCC !important;
	background-color: white !important;
	box-shadow: 0 0 6px #E8E8E8 !important;
	font-size: 12px !important;
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
	text-decoration: none !important;
	color: #363B30 !important;
}

.navRight
{
	z-index: 1000;
	position: absolute;
	left: 100% !important;
	top: 50% !important;
	background: url(icons/digdash_2019/arrow-right-full.svg) no-repeat;
	width: 40px !important;
	margin-top: -40px !important;
	margin-left: -40px !important;
	height: 40px !important;
	cursor: pointer !important;
}

.navRight[data-title]:hover:after
{
	content: attr(data-title);
	padding: 5px;
	position: absolute;
	right: 0px;
	top: 100%;
	white-space: nowrap;
	border: 1px solid #CCCCCC !important;
	background-color: white !important;
	box-shadow: 0 0 6px #E8E8E8 !important;
	font-size: 12px !important;
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
	text-decoration: none !important;
	color: #363B30 !important;
}

.flip
{
	perspective: 800px;
}

/*.flip:hover .back, .flip.hover .back
{
    transform: rotateY(0deg);
}

.flip:hover .front, .flip.hover .front
{
    transform: rotateY(180deg);
}*/

.card
{
	transition: transform 1s;
	transform-style: preserve-3d;
}

.card.flipped
{
	transform: rotateY( 180deg );
}

.flip .card .face
{
	backface-visibility: hidden;
}

.card .front
{
	transform: rotateX(0deg); /* fix bug in firefox (#7800) */
}

.card .back
{
	transform: rotateY( 180deg );
}

.slide
{
	transition: all 1.0s ease-in-out;
}

.gwt-Button
{
	background: none !important;
	background-color: #D5D7DA !important;
	color: #333333 !important;
	border: none !important;
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
}

.export_loading
{
	width: 100%;
	height: 100%;
}

.export_loading_img
{
	width: 100%;
	height: 100%;
	background-image: url(icons/loading_dark.svg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 60px 60px;
}

.page_loading
{
	position: absolute;
	left: 50%;
	top: 40%;
	margin-left: -120px;
	height: auto;
	background-color: rgba(255,255,255,0.8);
	border: solid 1px #D4D4D4;
	padding: 10px;
}

.page_loading_img
{
	width: 40px;
	height: 40px;
	background-image: url(icons/loading_dark.svg);
	background-repeat: no-repeat;
	background-position-y: 50%;
	background-size: 40px 40px;
}

.page_loading_txt
{
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
	font-size: 15px;
	margin-left: 10px;
}


/*----------------------- home page -----------------------------*/
.rolesMenu, .helpMenu
{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	font-size: 14px;
}
.rolesContent
{
	display: inline;
	text-align: center;
	max-height: 100%;
}
.helpContent
{
	display: inline;
	text-align: center;
}
.rolesTile, .helpTile
{
	display: inline-block;
	height: 150px;
	width: 150px;
	margin: 20px;
	cursor: pointer;
}
.rolesMenuDark .rolesTile, .helpMenuDark .helpTile
{
	border-radius: 5px;
	background-image: url(icons/dd-background-dark.svg);
	background-repeat: no-repeat;
	background-color: #232C4C;
	color: #F7F7F7 !important;
}
.rolesMenuWhite .rolesTile, .helpMenuWhite .helpTile
{
	border-radius: 5px;
	background-image: url(icons/dd-background-light.svg);
	background-repeat: no-repeat;
	background-color: white;
	box-shadow: 0 0 12px -4px rgba(0,0,0,.3) !important;
	color: #515151 !important;
}
.rolesMenuTransparent .rolesTile, .helpMenuTransparent .helpTile
{
	background: transparent;
	color: #F7F7F7 !important;
}
.rolesTileText, .helpTileText
{
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
	padding: 10px;
	margin-left: 10px;
	margin-right: 10px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.rolesMenuDark .rolesTileText, .helpMenuDark .helpTileText
{
	border-top: 1px solid #F7F7F7;
}
.rolesMenuWhite .rolesTileText, .helpMenuWhite .helpTileText
{
	border-top: 1px solid #CDD1D3;
}
.rolesMenuTransparent .rolesTileText, .helpMenuTransparent .helpTileText
{
	border-top: 1px solid #F7F7F7;
}
.rolesTileIcon, .helpTileIcon
{
	height: 60px;
	padding: 20px;
	background-size: 60px 60px;
	background-repeat: no-repeat;
	background-position: center;
}
.rolesTileIcon
{
	background-image: url(icons/logo-dd-blue.svg);	
}
.rolesMenuTransparent .rolesTileIcon
{
	background-image: url(icons/logo-dd-white.svg);
}
.helpTileIcon
{
	background-image: url(icons/help-blue.svg);
}
.helpMenuTransparent .helpTileIcon
{
	background-image: url(icons/help-white.svg);
}
.rolesMenuDark .portlet-header, .helpMenuDark .portlet-header,
.rolesMenuWhite .portlet-header, .helpMenuWhite .portlet-header,
.rolesMenuTransparent .portlet-header, .helpMenuTransparent .portlet-header
{
	background-color: transparent;
	border: none !important;
}
.rolesMenuDark .portlet-header-text, .helpMenuDark .portlet-header-text,
.rolesMenuWhite .portlet-header-text, .helpMenuWhite .portlet-header-text,
.rolesMenuTransparent .portlet-header-text, .helpMenuTransparent .portlet-header-text{
	text-align: center !important;
	line-height: 30px;
	font-size: 14px !important;
}
.rolesMenuDark .portlet-header-text:after, .helpMenuDark .portlet-header-text:after,
.rolesMenuWhite .portlet-header-text:after, .helpMenuWhite .portlet-header-text:after,
.rolesMenuTransparent .portlet-header-text:after, .helpMenuTransparent .portlet-header-text:after
{
	content: "";
	position: absolute;
	left: 15%;
	bottom: 0;
	width: 70%;
	border-top: 1px solid #D5D7DA;
}
.rolesMenuTransparent .portlet-header-text, .helpMenuTransparent .portlet-header-text
{
	color: #F7F7F7 !important;
}

.helpMenuDark, .helpMenuWhite
{
	border-right: 1px solid #D5D7DA !important;
}
.helpMenuTransparent
{
	border-right: 1px solid #F7F7F7 !important;
}

/*----------------------- forms -----------------------------*/
.dashboard_form #form
{
	padding: 5px;
}
.dashboard_form .alert-success
{
	display: none;
}
.formio-component-button
{
	text-align: center;
}
.formio-component-button button
{
	padding-left: 20px;
	padding-right: 20px;
}
.dashboard_form .form-group
{
	margin-bottom: 10px !important;
}
.dashboard_form .formio-component-button
{
	margin-top: 30px !important;
}
.dashboard_form .formio-component-select
{
	margin-bottom: 0px !important;
}
.dashboard_form .builder-group-button
{
	font-size: 15px !important;
}
.dashboard_form .formcomponent
{
	font-size: 13px !important;
}
.dashboard_form .nav-tabs .nav-item
{
	font-size: 14px !important;
}
.dashboard_form .input-group-text
{
	font-size: 13px !important;
}
.dashboard_form .btn-edit
{
	font-size: 14px !important;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}
.dashboard_form .btn-remove
{
	font-size: 14px !important;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}
.dashboard_form .card-header
{
	font-family: Trebuchet MS, Arial, Verdana, sans-serif !important;
	font-size: 13px !important;
	color: #000000 !important;
}
.dashboard_form .col-form-label
{
	font-family: Trebuchet MS, Arial, Verdana, sans-serif, arial !important;
	font-size: 13px !important;
	color: #000000 !important;
}
.dashboard_form input
{
	font-family: Trebuchet MS, Arial, Verdana, sans-serif !important;
	font-size: 13px !important;
	color: #000000 !important;
}
.dashboard_form select
{
	font-family: Trebuchet MS, Arial, Verdana, sans-serif !important;
	font-size: 13px !important;
	color: #000000 !important;
}
.dashboard_form .form-text.text-muted
{
	font-family: Trebuchet MS, Arial, Verdana, sans-serif !important;
	font-size: 13px !important;
	color: #000000 !important;
}
.dashboard_form .btn-success, .dashboard_form .btn-secondary, .dashboard_form .btn-danger
{
	font-family: Trebuchet MS, Arial, Verdana, sans-serif !important;
}
.dashboard_form .form-control
{
	border-top-left-radius: 4px !important;
	border-bottom-left-radius: 4px !important;
	margin-left: 0px !important;
}
.dashboard_form .numInputWrapper, .dashboard_form .flatpickr-monthDropdown-months
{
	font-size: 13px !important;
	color: #000000 !important;
}
.dashboard_form table
{
	font-family: Trebuchet MS, Arial, Verdana, sans-serif !important;
	font-size: 13px !important;
	color: #000000 !important;
	border: 1px solid #D5D7DA !important;
}
.dashboard_form .table thead th, .dashboard_form .table-bordered td, .dashboard_form .table-bordered th
{
	border: 1px solid #D5D7DA !important;
}
.dashboard_form .table thead th
{
	font-family: Trebuchet MS, Arial, Verdana, sans-serif !important;
	font-size: 14px !important;
	font-weight: bold;
}

/* west panel dashboard editor */
.westPanel
{
	background-color: #F4F4F4;
}
.westPanel .sectionHeaderopened, .westPanel .sectionHeaderclosed
{
	background-color: #F4F4F4 !important;
	background-position: 5px 50% !important;
	background-size: 22px 22px !important;
	background-repeat: no-repeat !important;
}
.westPanel .sectionHeaderopened img, .westPanel .sectionHeaderclosed img
{
	visibility: hidden;
}
.westPanel .sectionHeaderopened div, .westPanel .sectionHeaderclosed div
{
	padding-left: 30px !important;
}
#walletPanelHeader .sectionHeaderopened, #walletPanelHeader .sectionHeaderclosed
{
	background-image: url(icons/chart-blue.svg) !important;
}
#createChartPanelHeader .sectionHeaderopened, #createChartPanelHeader .sectionHeaderclosed
{
	background-image: url(icons/insert_chart-blue.svg) !important;
}
#staticPanelHeader .sectionHeaderopened, #staticPanelHeader .sectionHeaderclosed
{
	background-image: url(icons/layout-blue.svg) !important;
	background-size : 20px 20px !important;
}
#dimVarPanelHeader .sectionHeaderopened, #dimVarPanelHeader .sectionHeaderclosed
{
	background-image: url(icons/filter-blue.svg) !important;
}
#formsPanelHeader .sectionHeaderopened, #formsPanelHeader .sectionHeaderclosed
{
	background-image: url(icons/form-blue.svg) !important;
	background-size : 24px 24px !important;
}
#widgetsPanelHeader .sectionHeaderopened, #widgetsPanelHeader .sectionHeaderclosed
{
	background-image: url(icons/mosaic-blue.svg) !important;
	background-size : 18px 18px !important;
}
.westPanel #walletPanel, .westPanel .walletList > *,
#staticPanel, .staticList > *,
#dimVarPanel, .dimVarList > *,
#formsPanel, .formsList > *,
#widgetsPanel, .widgetsList > *,
#createChartPanel, .dashboard_editor .createChartList > *
{
	background-color: #F4F4F4 !important;
}
.westPanel .treeCellOver, .westPanel .treeCellSelectedOver, .westPanel .treeCellSelected,
.westPanel .treeTallCellOver, .westPanel .treeTallCellSelectedOver, .westPanel .treeTallCellSelected,
.westPanel .tallCellOver, .westPanel .tallCellSelectedOver, .westPanel .tallCellSelected,
.westPanel .tallCellOverDark, .westPanel .tallCellSelectedOverDark, .westPanel .tallCellSelectedDark,
.westPanel .cellOver, .westPanel .cellOverDark,
.westPanel .cellSelectedOverDark, .westPanel .cellSelected, .westPanel .cellSelectedOver, .westPanel .cellSelectedDark
{
	background: #E2E2E2 !important;
	border: none;
}
.westPanel .pickListCellOver, .westPanel .pickListCellSelected, .westPanel .pickListCellSelectedDark, .westPanel .pickListCellSelectedOver, .westPanel .pickListCellSelectedOverRTL,
.westPanel .pickListCellSelectedOverDark, .westPanel .pickListCellSelectedOverDarkRTL, .westPanel .pickListCellPendingSelectedOver, .westPanel .pickListCellPendingSelectedOverRTL,
.westPanel .pickListCellPendingSelectedOverDark, .westPanel .pickListCellPendingSelectedOverDarkRTL, .westPanel .pickListCellDeselectedSelectedOver,
.westPanel .pickListCellDeselectedSelectedOverRTL, .westPanel .pickListCellDeselectedSelectedOverDark, .westPanel .pickListCellDeselectedSelectedOverDarkRTL
{
	background: #E2E2E2 !important;
}
.westPanel .tallCell, .westPanel .tallCellDark
{
	background: transparent !important;
}
.westPanel .cell, .westPanel .cellDark
{
	background: transparent !important;
}

/* east panel dashboard editor */
#propertiesPanel
{
	background-color: #F4F4F4;
}
#propertiesPanel .sectionHeaderopened, #propertiesPanel .sectionHeaderclosed
{
	background-color: #F4F4F4 !important;
	background-position: 5px 50% !important;
	background-size: 18px 18px !important;
	background-repeat: no-repeat !important;
}
#propertiesPanel .sectionHeaderopened img, #propertiesPanel .sectionHeaderclosed img
{
	visibility: hidden;
}
#propertiesPanel .sectionHeaderopened div, #propertiesPanel .sectionHeaderclosed div
{
	padding-left: 30px !important;
}
.propertiesPanelHeader
{
	background-color: #F4F4F4;
	border-bottom: 1px solid #CDD1D3;
}
.propertiesPanelHeaderTitle
{
	text-align: center;
}
#parametersPanelHeader .sectionHeaderopened, #parametersPanelHeader .sectionHeaderclosed
{
	background-image: url(icons/properties-blue.svg) !important;
}
#displayPanelHeader .sectionHeaderopened, #displayPanelHeader .sectionHeaderclosed
{
	background-image: url(icons/display-blue.svg) !important;
}
#sizePositionPanelHeader .sectionHeaderopened, #sizePositionPanelHeader .sectionHeaderclosed
{
	background-image: url(icons/coordinates-blue.svg) !important;
}
#descHelpPanelHeader .sectionHeaderopened, #descHelpPanelHeader .sectionHeaderclosed
{
	background-image: url(icons/description-blue.svg) !important;
	background-size : 20px 20px !important;
}
#infoPanelHeader .sectionHeaderopened, #infoPanelHeader .sectionHeaderclosed
{
	background-image: url(icons/informations-blue.svg) !important;
}
#propertiesPanel .dd-form-group-label
{
	background: #F4F4F4 !important;
}
#propertiesPanel .dd-tab-bar
{
	background: #F4F4F4 !important;
	border-bottom: 1px solid #F4F4F4 !important;
}
#propertiesPanel .dd-tab-header, #propertiesPanel .dd-tab-header-selected
{
	background: #F4F4F4 !important;
}
#propertiesPanel .mce-content-body
{
	background: #FFFFFF !important;
}


/************************ scale/zoom **************************/
#scale_menu
{
    position: absolute;
    bottom: 15px;
    right: 15px;
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    z-index: 9999;
    background-color: #f8fbfe;
    border: 1px solid #ddd;
    box-shadow: 1px 1px 10px 1px rgba(207,207,207,0.5);
    padding: 5px;
    border-radius: 5px 5px 5px 5px;
    opacity: 0.3;
    user-select: none;
    font-size: 14px;
}
#scale_menu:hover
{
    opacity: 1;
}
#scale_menu label
{
	color: #515151;
    display: inline-block;
    font-size: 14px !important;
}
#scale_menu .scale_zoom_button
{
    font-size: 18px;
    line-height: 20px;
}
#scale_menu span
{
    color: #515151;
    cursor: pointer;
    align-self: self-start;
    display: flex;
    align-items: flex-start;
}
#scale_menu span:nth-child(3)
{
    align-self: center;
}
#scale_adapt_label:after
{
    content: "\00a0\00a0";
    border-right: 1px solid #ddd;
    border-radius: 1px;
}
#scale_adapt_height_label
{
    margin-right: 4px;
}
#scale_adapt_width, #scale_adapt_height
{
    display: flex;
    align-self: normal;
    margin: 2px 3px 0 5px;
}

#adopt_width
{
    margin: 0px 3px 0px 0px;
}
.centerH
{
	left: 50% !important;
	top: 0px !important;
	transform: translateX(-50%);
}
.centerV
{
	left: 0px !important;
	top: 50% !important;
	transform: translateY(-50%);
}
.centerHV
{
	left: 50% !important;
	top: 50% !important;
	transform: translate(-50%, -50%);
}
.nocenter
{
	left: 0px !important;
	top: 0px !important;
	transform: unset;
}