@font-face
{
	font-family: 'Open Sans Bold';
	font-weight: bold;
	src: local('Open Sans Bold'), local('OpenSans-Bold'), url(staticwebcontent/charts/fonts/opensans-bold.ttf);
}
@font-face
{
	font-family: 'Open Sans Semibold';
	font-weight: bold;
	src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(staticwebcontent/charts/fonts/opensans-semibold.ttf);
}
@font-face
{
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: normal;
	src: local('Open Sans Regular'), local('OpenSans-Regular'), url(staticwebcontent/charts/fonts/opensans-regular.ttf);
}

/********************** variables ***********************/
:root
{
	--font-family: 'Open Sans', arial, sans-serif;
	--font-family-bold: 'Open Sans Bold', arial;
	--font-family-semibold: 'Open Sans Semibold', arial;

	--logo-login: url("icons/digdash_2019/logo-dd-dark.svg");
	--logo-login-width: 200px;
	--logo-login-height: 80px;

	--logo: url("icons/digdash_2019/logo-dd-dark.svg");
	--logo-banner-width: 135px;
	--logo-banner-height: 45px;
	--height-banner: 45px;
	--background-color-banner: #FFFFFF;
	--color-banner: #515151;

	--logo-user: url("icons/digdash_2019/user.svg");
	--logo-user-menu: url("icons/digdash_2019/user-menu.svg");

	--background-color-global: none;
	--background-image-global: none;
	--background-color-page: #FFFFFF;

	--height-tab-bar: 32px;
	--background-color-tab-bar: #FFFFFF;
	--height-tab-header: 27px;
	--background-color-tab-header: #FFFFFF;
	--background-color-tab-header-selected: #FFFFFF;
	--color-tab-header: #515151;
	--border-color-tab-header-selected: #232C4C;
	--color-tab-header-selected: #232C4C;

	--logo-navigation-menu: url("icons/digdash_2019/logo-dd-white.svg");
	--logo-navigation-menu-collapsed: url("icons/digdash_2019/logo-white.svg");
	--background-color-navigation-menu: #2C385B;
	--background-color-navigation-menu-level1: #232C4C;
	--background-color-navigation-menu-level2: #171E33;
	--background-color-navigation-menu-level3: #111828;
	--color-navigation-menu: #FFFFFF;
	--color-navigation-menu-selected: #11A0D9;

	--radius-portlet: 5px;
	--background-color-portlet: #FFFFFF;
	--border-color-portlet: #CDD1D3;
	--height-portlet-header: 40px;
	--color-portlet-header: #515151;
	--font-size-portlet-header: 14px;
	--font-weight-portlet-header: normal;
	--text-align-portlet-header: center;
	--border-color-portlet-separator: #CDD1D3;

	--background-color-popup: #FFFFFF;

	--background-color-select: #232C4C;
	--background-color-item: #F4F4F4;
	--background-color-label: #E2E2E2;
	--color: #515151;
	--color-select: #FFFFFF;
	--border-color: #CDD1D3;

	--color-button: #232C4C;

	--box-shadow: none;
	--radius: 10px;
}

/********************** global ***********************/
.dashboard p
{
	margin: 0;
	padding: 0;
}
.dashboard label
{
	font-size: 13px;
	font-family: var(--font-family);
	color: var(--color);
}
.dashboard .iframe
{
  	border: none;
  	display: block;
  	background: none;
}
.dashboard_viewer, .dashboard_page, .background
{
	background-color: var(--background-color-page);
	background-repeat: no-repeat;
	background-size: cover;
}
.hand
{
	cursor: pointer;
}
.hidden
{
	display: none;
}

/********************** html components ***********************/
.button-primary
{
	cursor: pointer;
	font-family: var(--font-family);
	font-size: 13px;
	color: #FFFFFF;
	background: var(--color-button);
	border: none;
	border-radius: 10px;
	height: 23px;
	padding: 3px 5px;
}
.button-secondary
{
	cursor: pointer;
	font-family: var(--font-family);
	font-size: 13px;
	color: var(--color-button);
	background: none;
	border: 1px solid var(--color-button);
	border-radius: 10px;
	height: 23px;
	padding: 2px 5px 3px 5px;
}
.dd-input
{
	font-family: var(--font-family);
	font-size: 13px;
	color: var(--color);
	background: var(--background-color-item);
	border: 1px solid var(--border-color);
	border-radius: 10px;
	padding: 2px;
	width: calc(100% - 10px);
}
.dd-label
{
	font-family: var(--font-family);
	font-size: 13px;
	color: var(--color);
}
.dd-select
{
	font-family: var(--font-family);
	font-size: 13px;
	color: var(--color);
	background: var(--background-color-item);
	border: 1px solid var(--border-color);
	border-radius: 10px;
	padding: 2px;
}
.dd-anchor, .dd-anchor:visited, .dd-anchor:hover
{
	font-family: var(--font-family);
	font-size: 12px;
	text-decoration: none;
	color: var(--background-color-select);
}

/********************** scrollbars ***********************/
::-webkit-scrollbar
{
	width: 10px;
	height: 10px;
}
::-webkit-scrollbar-button
{
	width: 0px;
	height: 0px;
}
::-webkit-scrollbar-thumb
{
	background: #C4C4C4;
	border: 1px solid var(--border-color);
	border-radius: 100px;
}
::-webkit-scrollbar-thumb:hover
{
	background: #C4C4C4;
}
::-webkit-scrollbar-thumb:active
{
	background: #C4C4C4;
}
::-webkit-scrollbar-track
{
	background: #F4F4F4;
	border: 1px solid var(--border-color);
	border-radius: 100px;
}
::-webkit-scrollbar-track:hover
{
	background: #F4F4F4;
}
::-webkit-scrollbar-track:active
{
	background: #F4F4F4;
}
::-webkit-scrollbar-corner
{
	background: transparent;
}

/********************** dialogs ***********************/
.dd-dialog
{
	background: #FFFFFF;
	border: 1px solid #CDD1D3;
	border-radius: 5px;
	box-shadow: var(--box-shadow);
}
.dd-dialog .dialogTop
{
	background: transparent;
	height: 30px;
}
.dd-dialog .dialogTopCenter
{
	font-family: var(--font-family);
	font-weight: normal;
	font-size: 14px;
	color: var(--color);
	text-align: center;
	line-height: 20px;
}
.dd-dialog-body
{
	box-sizing: border-box;
	border: 10px solid transparent;
	padding: 2px;
}
.infoIcon
{
	background-image: url(icons/digdash_2019/32-informations.png);
	width: 32px;
	height: 32px;
}
.warningIcon
{
	background-image: url(icons/digdash_2019/32-warning.png);
	width: 32px;
	height: 32px;
}
.errorIcon
{
	background-image: url(icons/digdash_2019/32-error.png);
	width: 32px;
	height: 32px;
}
.helpIcon
{
	background-image: url(icons/digdash_2019/32-help.png);
	width: 32px;
	height: 32px;
}

/********************** windows ***********************/
.dd-window .gwt-Button
{
	font-family: var(--font-family) !important;
	font-size: 13px !important;
	color: var(--color-select) !important;
	background: var(--color-button) !important;
	border: 1px solid var(--background-color-select) !important;
	border-radius: 10px !important;
}
.dd-window, .dd-progress-window
{
	background: #FFFFFF;
	border: 1px solid #CDD1D3;
	border-radius: 5px;
	box-shadow: var(--box-shadow);
}
.dd-window-body
{
	box-sizing: border-box;
	border: 10px solid transparent;
	padding: 2px;
}
.dd-window-header
{
	background: transparent;
	height: 40px;
}
.dd-window-header-text
{
	font-family: var(--font-family);
	font-size: 14px;
	text-align: center;
	line-height: 40px;
	color: #515151;
}
.dd-window-header-text:after
{
	content: "";
	position: absolute;
	left: 15%;
	bottom: 0;
	width: 70%;
	border-top: 1px solid #CDD1D3;
}
.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;
}

/********************** context menu ***********************/
.contextMenu_Back
{
	z-index: 1000000;
}
.contextMenu
{
	z-index: 1000001;
}

/********************** native popups ***********************/
div.popupDivBg
{
	z-index: 1000001;
}
div.popupDiv
{
	z-index: 1000002;
}
#popupAlertError, #popupAlertError div.popupDiv
{
	z-index: 1000003;
}

/********************** popup menu ***********************/
.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;
}
.dd-popup-panel, .gwt-MenuBarPopup
{
	z-index: 200000;
}
.dd-menu
{
	cursor: default;
	background: #FFFFFF;
	border: 1px solid var(--border-color);
	border-radius: 10px;
	overflow-y: auto;
}
.dd-menu table
{
	border-collapse: collapse;
	border-spacing: 0px;
	width: 100%;
}
.dd-menu-item
{
	font-family: var(--font-family);
	color: var(--color);
	padding: 5px 10px 2px 5px;
}
.dd-menu-item-selected
{
	background: #F4F4F4;
}
.dd-menu tr:nth-child(1) > .dd-menu-item-selected
{
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
.dd-menu tr:nth-last-child(1) > .dd-menu-item-selected
{
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}
.dd-menu-item-separator
{
	padding: 5px;
}
.dd-menu-item-separator .menuSeparatorInner
{
	height: 1px;
	border-top: 1px solid var(--border-color);
	background: var(--border-color);
}
.subMenuIcon img
{
	background: url(icons/digdash_2019/8-arrow-right.png) !important;
	width: 8px !important;
	height: 8px !important;
}

/********************** progress bar ***********************/
.dd-progress-bar
{
	width: 100%;
	height: 18px;
	margin-top: 10px;
	background-color: #F4F4F4;
	border-radius: 10px;
}
.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: var(--background-color-select);
	border-radius: 10px;
}


/********************** tabs ***********************/
.dd-tab-bar
{
	background-color: var(--background-color-tab-bar);
	border-bottom: 1px solid var(--background-color-tab-bar);
	margin: 0px;
	height: var(--height-tab-bar) !important;
}
.dd-tab-header
{
	cursor: pointer;
	text-align: center;
	position: relative;
	display: inline-block;
	margin-right: 1px;
	min-width: 100px;
	background-color: var(--background-color-tab-header);
	color: var(--color-tab-header);
}
.dd-tab-bar-hidden
{
	height: 0px !important;
	display: none;
}
.dd-tab-content-hidden
{
	top: 0px !important;
}
.dd-tab-header-content
{
	padding: 0px;
	height: var(--height-tab-header);
}
.dd-tab-header-selected
{
	cursor: pointer;
	text-align: center;
	position: relative;
	display: inline-block;
	margin-right: 1px;
	min-width: 100px;
	background-color: var(--background-color-tab-header-selected);
	border-bottom: 2px solid var(--border-color-tab-header-selected);
	color: var(--color-tab-header-selected);
}
.dd-tab-header-text
{
	font-family: var(--font-family);
	font-size: 13px;
	color: var(--color-tab-header);
	white-space: nowrap;
	line-height: var(--height-tab-header);
	padding: 0px 5px 0px 5px;
}
.dd-tab-header-text > span
{
	line-height: var(--height-tab-header);
}
.dd-tab-header-selected .dd-tab-header-text
{
	font-family: var(--font-family-bold);
	font-weight: bold;
	color: var(--color-tab-header-selected);
}
.dd-tab-header-icon
{
	width: 16px;
	height: 16px;
	margin: 0px 5px 0px 0px;
	vertical-align: sub;
}
.dd-tab-header-alert-icon
{
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
	width: 12px;
	height: 12px;
	background-image: url(icons/digdash_2019/warning.svg);
	background-repeat: no-repeat;
}
.dd-tab-header-alert-icon2
{
	display: inline-block;
	vertical-align: middle;
	margin-left: 15px;
	width: 12px;
	height: 12px;
	background-image: url(icons/digdash_2019/warning.svg);
	background-repeat: no-repeat;
}
.dd-tab-header-hidden
{
	display: none;
}
.dd-tab-expandable
{
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
	width: 12px;
	height: 12px;
	background-image: url(icons/digdash_2019/arrow-down.svg);
	background-repeat: no-repeat;
}
.dd-tab-bar-scroll
{
	background-color: var(--background-color-tab-bar);
}
.portlet, .portlet-noheader .dd-tab-bar-scroll, .portlet .dd-tab-bar-scroll
{
	background-color: inherit;
}
.dd-tab-bar-scroll-left
{
	background-image: url(icons/digdash_2019/arrow-left-round.svg);
	background-repeat: no-repeat;
	width: 25px;
	height: 30px;
	cursor: pointer;
}
.dd-tab-bar-scroll-right
{
	background-image: url(icons/digdash_2019/arrow-right-round.svg);
	background-repeat: no-repeat;
	width: 25px;
	height: 30px;
	cursor: pointer;
}
.dd-tab-bar-scroll-menu
{
	background-image: url(icons/digdash_2019/arrow-down-round.svg);
	background-repeat: no-repeat;
	width: 25px;
	height: 30px;
	cursor: pointer;
}

/********************** stacks ***********************/
.dd-stack-header, .dd-stack-header-selected
{
	cursor: pointer;
	text-align: center;
	height: 23px;
	background-size: 20px 20px;
	background-position: 2px 50%;
	background-repeat: no-repeat;
	color: #515151;
	background-color: #E2E2E2;
	border: 1px solid #CDD1D3;
	border-radius: 10px;
}
.dd-stack-header
{
	background-image: url(icons/digdash_2019/arrow-up.svg);
}
.dd-stack-header-selected
{
	background-image: url(icons/digdash_2019/arrow-down.svg);
}
.dd-stack-header-title
{
	font-family: var(--font-family-semibold);
	font-size: 13px;
	line-height: 23px;
}

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

.dd-form-group-label
{
	font-family: var(--font-family-semibold);
	color: #515151;
	font-size: 13px;
	background: #FFFFFF;
	padding-left: 5px;
	padding-right: 5px;
}

/********************** portlets ***********************/
.portlet, .portlet-noheader
{
	border: 1px solid var(--border-color-portlet);
	border-radius: var(--radius-portlet);
	box-shadow: var(--box-shadow);
    background-color: var(--background-color-portlet);
}
.portlet-noborder
{
	border-radius: var(--radius-portlet);
	box-shadow: none;
	background-color: transparent;
}
.portlet-noheader.portlet-noborder
{
	border: none;
}
.portlet, .portlet-noheader, .portlet-noborder
{
	padding: 0px;
}
.portlet-highlighted, .highlight
{
	box-shadow: 0 0 22px -4px rgba(0,0,0,.4);
}
.portlet-overflow-visible
{
	overflow: visible !important;
}
.portlet-header
{
	height: var(--height-portlet-header) !important;
	background-color: var(--background-color-portlet);
	border: none;
}
.portlet-header-text
{
	font-family: var(--font-family);
	font-weight: var(--font-weight-portlet-header);
	font-size: var(--font-size-portlet-header);
	color: var(--color-portlet-header);
	text-align: var(--text-align-portlet-header);
	line-height: calc(var(--height-portlet-header) - 10px);
	margin: 5px;
}
.portlet-header-text:after
{
	content: "";
	position: absolute;
	left: 15%;
	bottom: 0;
	width: 70%;
	border-top: 1px solid var(--border-color-portlet-separator);
}
.portlet .portlet-content, .portlet-noheader .portlet-content
{
	box-sizing: border-box;
	border: 5px solid transparent;
}
.portlet-noborder > div > .portlet-content
{
	border: none;
}
.portlet-content *
{
/* 	font-family: var(--font-family); */
}
.portlet-noborder.portlet-noheader > div > .portlet-content
{
	background-color: transparent;
}
.portlet-toolbar
{
	right: 2px !important;
	left: auto !important;
}
.portlet-slide
{
	transition: transform 0.2s linear;
}
.portlet-collapsed-left, .portlet-expanded-left
{
	font-size: 13px;
	color: var(--color);
	border: 1px solid var(--border-color);
	border-bottom-right-radius: var(--radius-portlet);
	border-top-right-radius: var(--radius-portlet);
	vertical-align: middle;
	width: 20px;
	min-height: 50px;
	height: auto;
	background-color: var(--background-color-label);
	background-size: 18px 18px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	transition: transform 0.2s linear;
}
.portlet-collapsed-left
{
	background-image: url(icons/digdash_2019/arrow-right.svg);
}
.portlet-expanded-left
{
	background-image: url(icons/digdash_2019/arrow-left.svg);
}
.portlet-collapsed-left span, .portlet-expanded-left span
{
	writing-mode: vertical-rl;
	height: auto;
	padding-top: 3px;
	padding-bottom: 3px;
	display: none;
}
.portlet-collapsed-left span
{
	padding-left: 1px;	
}
.portlet-expanded-left span
{
	padding-left: 11px;
}
.portlet-collapsed-right, .portlet-expanded-right
{
	font-size: 13px;
	color: var(--color);
	vertical-align: middle;
	border: 1px solid var(--border-color-portlet);
	border-top-left-radius: var(--radius-portlet);
	border-bottom-left-radius: var(--radius-portlet);
	width: 20px;
	min-height: 50px;
	height: auto;
	background-color: var(--background-color-label);
	background-size: 18px 18px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	transition: transform 0.2s linear;
}
.portlet-collapsed-right
{
	background-image: url(icons/digdash_2019/arrow-left.svg);
}
.portlet-expanded-right
{
	background-image: url(icons/digdash_2019/arrow-right.svg);
}
.portlet-collapsed-right span, .portlet-expanded-right span
{
	writing-mode: vertical-rl;
	height: auto;
	padding-top: 3px;
	padding-bottom: 3px;
	display: none;
}
.portlet-collapsed-right span
{
	padding-left: 13px;
}
.portlet-expanded-right span
{
	padding-left: 1px;
}
.portlet-collapsed-top, .portlet-expanded-top
{
	font-size: 13px;
	color: var(--color);
	vertical-align: middle;
	border: 1px solid var(--border-color-portlet);
	border-bottom-right-radius: var(--radius-portlet);
	border-bottom-left-radius: var(--radius-portlet);
	width: auto;
	min-width: 50px;
	height: 20px;
	background-color: var(--background-color-label);
	background-size: 18px 18px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	transition: transform 0.2s linear;
}
.portlet-collapsed-top
{
	background-image: url(icons/digdash_2019/arrow-down.svg);
}
.portlet-expanded-top
{
	background-image: url(icons/digdash_2019/arrow-up.svg);
}
.portlet-collapsed-top span, .portlet-expanded-top span
{
	height: auto;
	padding-left: 3px;
	padding-right: 3px;
	display: none;
}
.portlet-expanded-top span
{
	padding-top: 11px;
}
.portlet-collapsed-bottom, .portlet-expanded-bottom
{
	font-size: 13px;
	color: var(--color);
	vertical-align: middle;
	border: 1px solid var(--border-color-portlet);
	border-top-right-radius: var(--radius-portlet);
	border-top-left-radius: var(--radius-portlet);
	width: auto;
	min-width: 50px;
	height: 20px;
	background-color: var(--background-color-label);
	background-size: 18px 18px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	transition: transform 0.2s linear;
}
.portlet-collapsed-bottom
{
	background-image: url(icons/digdash_2019/arrow-up.svg);
}
.portlet-expanded-bottom
{
	background-image: url(icons/digdash_2019/arrow-down.svg);
}
.portlet-collapsed-bottom span, .portlet-expanded-bottom span
{
	height: auto;
	padding-left: 3px;
	padding-right: 3px;
	display: none;
}
.portlet-collapsed-bottom span
{
	padding-top: 11px;
}
.portlet-focused
{
	border: 1px solid #515151;
}
.portlet-focus-panel
{
	z-index: 1000;
	display: block;
}

.portlet-focused .portlet-focus-panel
{
	z-index: 1;
	display: none;
}

.portlet-focus-img
{
	display: none;
	position: absolute;
	z-index: 1000;
	left: 0;
	top: 0;
}
.portlet-focused .portlet-focus-img
{
	display: block;
}
.dashboard_viewer .portlet-hidden
{
	visibility: hidden;
}

/********************** portlets slide ***********************/
.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 !important;
	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 #CDD1D3;
	background-color: white;
	box-shadow: var(--box-shadow);
	font-size: 13px;
	font-family: var(--font-family);
	text-decoration: none;
	color: #515151 !important;
}
.navLeft
{
	z-index: 1000;
	position: absolute;
	left: 0px;
	top: 50%;
	background: url(icons/digdash_2019/arrow-left-full.svg) no-repeat;
	width: 40px;
	margin-top: -40px;
	height: 40px;
	cursor: pointer;
}
.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 #CDD1D3;
	border-radius: 5px;
	background-color: white;
	box-shadow: var(--box-shadow);
	font-size: 13px;
	font-family: var(--font-family);
	text-decoration: none !important;
	color: #515151;
}
.navRight
{
	z-index: 1000;
	position: absolute;
	left: 100%;
	top: 50% !important;
	background: url(icons/digdash_2019/arrow-right-full.svg) no-repeat;
	width: 40px;
	margin-top: -40px;
	margin-left: -40px;
	height: 40px;
	cursor: pointer;
}
.navRight[data-title]:hover:after
{
	content: attr(data-title);
	padding: 5px;
	position: absolute;
	right: 0px;
	top: 100%;
	white-space: nowrap;
	border: 1px solid #CDD1D3;
	border-radius: 5px;
	background-color: white;
	box-shadow: var(--box-shadow);
	font-size: 13px;
	font-family: var(--font-family);
	text-decoration: none;
	color: #515151;
}
.portlet .flip, .portlet-noheader .flip, .portlet-noborder .flip
{
	perspective: 800px;
}
.portlet .card, .portlet-noheader .card, .portlet-noborder .card
{
	transition: transform 1s;
	transform-style: preserve-3d;
	border: none;
}
.portlet .card.flipped, .portlet-noheader .card.flipped, .portlet-noborder .card.flipped
{
	transform: rotateY( 180deg );
}
.portlet .flip .card .face, .portlet-noheader .flip .card .face, .portlet-noborder .flip .card .face
{
	backface-visibility: hidden;
}
.portlet .card .front, .portlet-noheader .card .front, .portlet-noborder .card .front
{
	transform: rotateX(0deg); /* fix bug in firefox (#7800) */
}

.portlet .card .back, .portlet-noheader .card .back, .portlet-noborder .card .back
{
	transform: rotateY( 180deg );
}
.portlet .slide, .portlet-noheader .slide, .portlet-noborder .slide
{
	transition: all 1.0s ease-in-out;
}

/********************** tools icon ***********************/
.x-tool
{
	width: 30px;
	height: 30px;
	margin-top: 3px;
	cursor: pointer;
	display: inline-block;
}
.x-tool-maximize
{
	background-image: url(icons/digdash_2019/maximize.svg);
}
.x-tool-gear
{
	background-image: url(icons/digdash_2019/settings-round.svg);
}
.x-tool-help
{
	background-image: url(icons/digdash_2019/help-round.svg);
}
.x-tool-description
{
	background-image: url(icons/digdash_2019/description.svg);
}
.x-tool-minimize
{
	background-image: url(icons/digdash_2019/minimize.svg);
}
.x-tool-alert
{
	background-image: url(icons/digdash_2019/alert.svg);
}
.x-tool-comment
{
	background-image: url(icons/digdash_2019/comments.svg);
}
.x-tool-legend
{
	background-image: url(icons/digdash_2019/legend.svg);
}
.x-tool-close
{
	background-image: url(icons/digdash_2019/close.svg);
}
.x-tool-plus
{
	background-image: url(icons/digdash_2019/plus.svg);
}
.x-tool-down
{
	background-image: url(icons/digdash_2019/arrow-down-round.svg);
}
.x-tool-up
{
	background-image: url(icons/digdash_2019/arrow-up-round.svg);
}
.x-tool-reduce
{
	background-image: url(icons/digdash_2019/reduce.svg);
}
.x-tool-restore
{
	background-image: url(icons/digdash_2019/restore.svg);
}
.x-tool-edit
{
	background-image: url(icons/digdash_2019/edit.svg);
}
.x-tool-save
{
	background-image: url(icons/digdash_2019/save-round.svg);
}
.x-tool-chart
{
	background-image: url(icons/digdash_2019/chart-round.svg);
}

/********************** link icons ***********************/
.linkIcon
{
	display: inline;
	text-align: center;
	cursor: pointer;
}
.titleLinkIcon
{
	margin-left: 5px;
	font-family: var(--font-family);
	font-size: 13px;
	color: var(--color);
}
.subtitleLinkIcon
{
	font-family: var(--font-family);
	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;
}


/********************** combos ***********************/
.chzn-container
{
	position: relative;
	display: inline-block;
	zoom: 1;
}
.chzn-container span
{
	font-family: var(--font-family);
	font-size: 13px;
}
.chzn-container-multi .chzn-choices
{
	margin: 0;
	padding: 0;
	cursor: text;
	overflow: auto;
	overflow-x: hidden;
	position: relative;
	font-family: var(--font-family);
	font-weight: normal;
	font-style: normal;
	font-size: 13px;
	background: var(--background-color-item);
	border: 1px solid var(--border-color);
	border-radius: 10px;
	box-shadow: none;
}
.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;
	color: var(--color);
}
.chzn-container-multi .chzn-choices .search-field input
{
	background: transparent;
	border: 0;
	height: 10px;
	padding: 5px;
	margin: 0px 0px 0px 20px;
	outline: 0;
	box-shadow: none;
	color: var(--color);
}
.chzn-container-multi .chzn-choices .search-choice
{
	position: relative;
	cursor: default;
	line-height: 10px;
	color: var(--color);
	background: var(--background-color-item);
	border: 1px solid var(--border-color);
	border-radius: 10px;
	box-shadow: none;
	padding: 3px 20px 3px 5px;
	margin: 2px 0px 2px 5px;
}
.chzn-container-multi .chzn-choices .search-field .default
{
	font-family: var(--font-family);
	color: var(--color);
}
.search-field
{
	background: url(icons/digdash_2019/search.svg) no-repeat;
	height: 22px;
	width: 22px;
}
.chzn-container-multi .chzn-choices .search-choice .search-choice-close
{
	display: block;
	position: absolute;
	cursor: pointer;
	right: 0px;
	top: 0px;
	width: 18px;
	height: 18px;
	font-size: 1px;
	background: url(icons/digdash_2019/remove.svg);
}
.chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover
{
	background-position: 0px 0px;
}
.chzn-drop
{
	position: absolute;
	left: 0;
	margin-top: 17px;
	width: calc(100% - 2px);
	min-width: calc(100% - 2px);
	color: var(--color);
	background: var(--background-color-item);
	border: 1px solid var(--border-color);
	border-radius: 0px 0px 10px 10px;
	box-shadow: none;
}
.chzn-drop-top
{
	border-radius: 10px 10px 0px 0px;
	margin-top: 5px;
}
.chzn-results
{
	margin: 5px 4px 5px 0px;
	padding: 0 0 0 4px;
	position: relative;
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 2000;
	border-top: none;
}
.chzn-results li
{
	font-family: var(--font-family);
}
.chzn-results .active-result
{
	cursor: pointer;
	display: list-item;
}
.chzn-container-multi .chzn-results
{
	margin-top: 8px;
}
.chzn-results li
{
	line-height: 10px;
	padding: 5px 6px;
	margin: 0;
	list-style: none;
}
.chzn-results .group-result
{
	cursor: default;
	color: var(--color);
	font-family: var(--font-family-semibold);
}
.chzn-results .highlighted, .chzn-drop .highlighted, .chzn-drop .highlighted label
{
	background: var(--color);
	color: var(--color-select);
}

.chzn-container-single .chzn-single
{
	display: block;
	overflow: hidden;
	white-space: nowrap;
	position: relative;
	text-decoration: none;
	color: var(--color);
	background: var(--background-color-item);
	border: 1px solid var(--border-color);
	border-radius: 10px;
	padding: 2px 0px 2px 8px;
}
.chzn-container-single .chzn-single span
{
	margin-right: 30px;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	width: calc(100% - 30px);
}
.chzn-container-single .chzn-single abbr
{
	position: absolute;
	font-size: 1px;
	right: 15px;
	top: 0px;
	width: 22px;
	height: 22px;
	font-size: 1px;
	background: url(icons/digdash_2019/remove.svg) no-repeat;
}
.chzn-container-single .chzn-single abbr:hover
{
	background-position: 0px 0px;
}
.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
{
	display: block;
	background: url(icons/digdash_2019/arrow-down.svg) no-repeat -1px 4px;
	width: 14px;
	height: 14px;
}
.chzn-search
{
	margin-top: 10px;
}
.chzn-container-single .chzn-search input
{
	border: 1px solid var(--background-color-label);
	border-radius: 10px;
	box-shadow: none;
	background: url(icons/digdash_2019/search.svg) var(--color-select);
	background-size: 22px 22px;
	background-repeat: no-repeat;
	text-indent: 20px;
	outline: 0;
	margin: 1px 0;
	padding: 2px 20px 2px 5px;
	font-size: 13px;
}
.chzn-container-single-2 .chzn-single
{
	color: black;
	background: var(--background-color-label);
	border: 1px solid var(--border-color);
	border-radius: 10px;
	text-align: center;
	padding-top: 0px;
	padding-bottom: 0px;
}
.chzn-container-single-2 .chzn-single div b
{
	background: url(icons/digdash_2019/user-menu.svg) no-repeat -4px -1px;
	width: 20px;
	height: 20px;
}
.chzn-container-single-2 .chzn-drop, .chzn-container-2 .chzn-drop
{
	color: var(--color);
	background: var(--background-color-label);
	border: 1px solid var(--border-color);
	border-radius: 0px 0px 10px 10px;
	margin-top: 14px;
	z-index: 3000;
}
.chzn-container-single-2.chzn-container-active .chzn-single-with-drop
{
	z-index: 3001;
}
.chzn-container-single-2 .chzn-drop-top, .chzn-container-2 .chzn-drop-top
{
	border-radius: 10px 10px 0px 0px;
	margin-top: 10px;
}

/********************** date picker ***********************/
.ui-datepicker-trigger
{
	vertical-align: bottom;
	opacity: 0;
}
.ui-datepicker
{
	z-index: 1000003 !important;
	color: var(--color);
	background: var(--color-select);
	border: 1px solid var(--border-color);
	border-radius: 10px;
	box-shadow: var(--box-shadow);
}
.ui-datepicker-header
{
	background: var(--color-select);
	border: none;
}
.ui-datepicker .ui-datepicker-title select
{
	font-family: var(--font-family);
	font-size: 13px;
	color: var(--color);
	background: var(--background-color-item);
	border: 1px solid var(--border-color);
	border-radius: 10px;
	margin-right: 5px;
	padding: 2px;
}
.ui-datepicker .ui-icon
{
	background: none;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-prev-over
{
	background: url(icons/digdash_2019/arrow-left-full.svg);
	background-repeat: no-repeat;
	background-size: 16px 16px;
	background-position: 50% 50%;
	top: 0px;
	left: 0px;
}
.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-next-over
{
	background: url(icons/digdash_2019/arrow-right-full.svg);
	background-repeat: no-repeat;
	background-size: 16px 16px;
	background-position: 50% 50%;
	top: 0px;
	right: 0px;
}
.ui-datepicker-calendar
{
	background: var(--color-select);
}
.ui-datepicker td span, .ui-datepicker td a
{
	text-align: center;
}
.ui-datepicker .ui-state-default
{
	font-family: var(--font-family);
	font-size: 13px;
	color: var(--color);
	background-color: var(--background-color-item);
	border: 1px solid var(--border-color);
	border-radius: 50%;
}
.ui-datepicker .ui-state-default.ui-state-hover
{
	color: var(--color-select);
	background-color: var(--color);
}
.ui-datepicker .ui-state-active
{
	color: var(--color-select);
	background-color: var(--background-color-select);
}

/********************** slider ***********************/
.ui-slider-range
{
	border: none;
	background: var(--background-color-select)  50% 50% repeat-x;
}
.ui-slider
{
	border: none;
	background-color: #F4F4F4;
}
.ui-slider .ui-slider-handle
{
	border: none;
	background-color: #E2E2E2;
	top: -3px;
}
.ui-widget.ui-widget-content
{
	border: 1px solid #CDD1D3;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus
{
	border: none;
	background-color: #C4C4C4;
}
.ui-state-disabled
{
	pointer-events: unset !important;
}


/********************** tinymce ***********************/
.mce-content-body
{
	background-color: #F4F4F4 !important;
	color: var(--color);
}
.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;
	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;
	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;
}
button.mce-close
{
	font-family: 'Open Sans', arial, sans-serif !important;
	font-size: 13px !important;
	color: #595959 !important;
	background: transparent !important;
	border: none !important;
	border-radius: none !important;
}
.mce-btn button
{
	font-family: 'Open Sans', arial, sans-serif !important;
	font-size: 13px !important;
	color: #595959 !important;
	background: transparent !important;
	border: none !important;
	border-radius: none !important;
}
.mce-primary button, .mce-primary button i
{
	color: white !important;
}

/********************** login ***********************/
#dashboard_login, .dashboard_login
{
	width: 100%;
	background-color: #EAEAEA;
	background-image: url(icons/dd-background-login.svg);
	background-repeat: no-repeat;
	background-position: center;
}
.loginPanel
{
	margin: 20px 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px 10px;
	border: 1px solid #F4F4F4;
	border-radius: 5px;
	background-color: white;
	box-shadow: 0 0 15px #dadada;
}
.loginTable
{
	width: 280px;
	border: 5px solid transparent;
}
.logoImage
{
	background-image: var(--logo-login);
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: var(--logo-login-width) var(--logo-login-height);
	width: var(--logo-login-width);
	height: var(--logo-login-height);
}
.loginPanel input[type=text], input[type=password]
{
	width: calc(100% - 10px);
}
.loginPanel .button-primary
{
	border-radius: 7px;
	height: 30px;
}
.loginPanel .dd-anchor
{
	color: #11A0D9 !important;
}
.loginPanel .dd-input
{
	background: white;
	border-radius: 7px;
	padding: 5px;
}

/********************** banner ***********************/
.topPanel
{
	height: var(--height-banner);
	background-color: var(--background-color-banner);
	border-bottom: 1px solid var(--border-color);
	box-sizing: border-box;
}
.logoTopPanel
{
	float: left;
	background: var(--logo);
	background-size: auto var(--logo-banner-height);
	background-position: 15px 50%;
	background-repeat: no-repeat;
	width: 250px;
	height: var(--height-banner);
	vertical-align: text-bottom;
	margin: 0px;
}
.logoCenterPanel
{
	height: var(--height-banner);
	background-image: var(--logo);
	background-repeat: no-repeat;
	background-position: center;
	background-size: var(--logo-banner-width) var(--logo-banner-height);
	vertical-align: middle;
}
.centerTopPanel
{
	height: var(--height-banner);
	text-align: center;
	vertical-align: middle;
}
.dashTitle
{
	font-family: var(--font-family-semibold);
	font-size: 20px;
	color: var(--color-banner);
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: center;
	display: inline-block;
	padding-top: 9px;
}
.rightTopPanel
{
	float: right;
	padding-top: 0px;
	height: var(--height-banner);
}
.user
{
	height: 32px;
	line-height: 32px;
	background-image: var(--logo-user);
	background-repeat: no-repeat;
	background-size: 18px 18px;
    background-position: 10px 50% !important;
	margin-right: 5px;
	user-select: none;
	margin-top: 5px;
	min-width: 170px;
	cursor: pointer;
	display: inline-block;
	border-radius: 10px;
	border: 1px solid var(--border-color);
}
.userOpen
{
	background-color: var(--background-color-banner);
	border: 1px solid var(--border-color);
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}
.userLabel
{
	font-weight: 600;
	font-family: var(--font-family-semibold);
	font-size: 14px;
	color: var(--color-banner);
	display: inline-block;
	text-align: center;
	width: 110px;
	margin: 0px 0px 0px 30px;
	padding: 0px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.menuIcon
{
	float: right;
	margin-top: 5px;
	margin-right: 15px;
	background: var(--logo-user-menu) no-repeat;
	height: 22px;
	width: 22px;
}
.userMenu
{
	background-color: var(--background-color-banner);
	border: 1px solid var(--border-color);
	border-radius: 5px;
	border-top: none;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}
.userSubMenu
{
	padding: 1px;
	border: 1px solid var(--border-color);
	border-radius: 5px;
}
.userMenu .dd-menu-item
{
	color: var(--color-banner);
}
.userMenu .dd-menu-item-selected
{
	background-color: #F4F4F4;
	color: var(--color);
}
.hideFiltersIcon, .refreshIcon, .editorIcon, .logoutIcon,
.navigationIcon, .removeSelectionIcon, .navigationInitIcon, .navigationPrevIcon, .navigationNextIcon, .selectionIcon, .saveSelectionIcon,
.saveRolesPosIcon, .resetRolesPosIcon
{
	background-size: 18px 18px;
	background-repeat: no-repeat;
}
.hideFiltersIcon span, .refreshIcon span, .editorIcon span, .logoutIcon span,
.navigationIcon span, .removeSelectionIcon span, .navigationInitIcon span, .navigationPrevIcon span, .navigationNextIcon span,
.selectionIcon span, .saveSelectionIcon span,
.saveRolesPosIcon span, .resetRolesPosIcon span
{
	margin-left: 25px;
}
.hideFiltersIcon
{
	background-image: url(icons/digdash_2019/filter.svg);
}
.refreshIcon
{
	background-image: url(icons/digdash_2019/refresh.svg);
}
.editorIcon
{
	background-image: url(icons/digdash_2019/editor.svg);
}
.logoutIcon
{
	background-image: url(icons/digdash_2019/logout.svg);
}
.navigationIcon
{
	background-image: url(icons/digdash_2019/navigation.svg);
}
.removeSelectionIcon
{
	background-image: url(icons/digdash_2019/remove-selection.svg);
}
.navigationInitIcon
{
	background-image: url(icons/digdash_2019/nav-init.svg);
}
.navigationPrevIcon
{
	background-image: url(icons/digdash_2019/nav-prev.svg);
}
.navigationNextIcon
{
	background-image: url(icons/digdash_2019/nav-next.svg);
}
.navigationNextIcon span
{
	margin-left: 25px;
}
.selectionIcon
{
	background-image: url(icons/digdash_2019/navigation.svg);
}
.saveSelectionIcon
{
	background-image: url(icons/digdash_2019/save.svg);
}
.saveRolesPosIcon
{
	background-image: url(icons/digdash_2019/save.svg);
}
.resetRolesPosIcon
{
	background-image: url(icons/digdash_2019/reset.svg);
}

/********************** interact bar ***********************/
#interactBar
{
	background: var(--background-color-banner);
	border: none;
	border-bottom: 2px solid transparent;
	border-top: 2px solid transparent;
	padding-left: 2px;
	height: 100%;
	z-index: 3000;
}
.combopanel
{
	z-index: 20000;
}
#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 */
	display: none !important;
}
.datePickerSpanMin, .datePickerSpanMax
{
	background-image: url(icons/digdash_2019/calendar.svg);
	background-repeat: no-repeat;
	background-position: right;
	background-size: 22px 22px;
}

/********************** tab panel ***********************/
#tabPanel
{
	background-color: var(--background-color-global);
	background-image: var(--background-image-global);
}

/********************** loading ***********************/
.loading, .downloading, .synchronisation
{
	padding: 10px;
	opacity: 0;
	transition: opacity 0.3s;
	color: var(--color);
	background-color: var(--color-select);
	border: 1px solid var(--border-color);
	border-radius: 5px;
	box-shadow: var(--box-shadow);
}
.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;
}
.loadingImg, .downloadingImg, .synchronisationImg
{
	width: 32px;
	height: 32px;
	background-image: url(icons/loading.svg);
	background-repeat: no-repeat;
	background-size: 100%;
}
.loadingTxt, .downloadingTxt, .synchronisationTxt
{
	margin-left: 10px;
	font-family: var(--font-family);
	font-size: 13px;
	color: var(--color);
}
.export_loading
{
	width: 100%;
	height: 100%;
}
.export_loading_img
{
	width: 100%;
	height: 100%;
	background-image: url(icons/loading.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;
	padding: 10px;
	color: var(--color);
	background-color: var(--color-select);
	border: 1px solid var(--border-color);
	border-radius: 5px;
	box-shadow: var(--box-shadow);
}
.page_loading_img
{
	width: 40px;
	height: 40px;
	background-image: url(icons/loading.svg);
	background-repeat: no-repeat;
	background-position-y: 50%;
	background-size: 40px 40px;
}
.page_loading_txt
{
	font-family: var(--font-family);
	font-size: 15px;
	margin-left: 10px;
}

/********************** errors ***********************/
.errorContainer
{
	display: flex;
	justify-content: center;
	align-items: center;
}
.error
{
	color: var(--color);
	background-color: var(--color-select);
	border: 1px solid var(--border-color);
	border-radius: 5px;
	box-shadow: 0 0 12px -4px rgba(0,0,0,.3);
	padding: 10px;
}
.errorImg
{
	background: url(icons/32-error.png) no-repeat;
	width: 32px;
	height: 32px;
}
.errorTxt
{
	font-family: var(--font-family) !important;
	color: var(--color);
}

/********************** tooltips ***********************/
.dd-tooltip-container
{
	position: relative;
	z-index: 900000;
	max-width: 300px;
	max-height: 200px;
	overflow: auto;
}
.dd-tooltip
{
	font-size: 13px;
	font-family: var(--font-family);
	background-color: #FFFFFF;
	border: 1px solid #CDD1D3;
	border-radius: 5px;
	color: #515151;
	box-shadow: var(--box-shadow);
	text-decoration: none;
	padding: 5px;
}
.dd-tooltip-title
{
	font-size: 13px;
	font-family: var(--font-family-bold);
}

/********************** navigation menu ***********************/
.dashboard_viewer_split .gwt-SplitLayoutPanel-HDragger
{
	background: #F7F7F7;
}
.dashboard_viewer_split .logoTopPanel
{
	display: none;
}
.navigationMenuLeft, .navigationMenuRight
{
	background-color: var(--background-color-navigation-menu);
	z-index: 1;
}
.navigationMenuLeft::-webkit-scrollbar, .navigationMenuRight::-webkit-scrollbar
{
	display: none;
}
.navigationMenuHeader
{
	height: 85px;
	width: 100%;
	background-image: var(--logo-navigation-menu);
	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;
}
.navigationMenu
{
	font-size: 14px !important;
	font-family: var(--font-family) !important;
	background-color: var(--background-color-navigation-menu);
	color: var(--color-navigation-menu);
	height: calc(100% - 150px);
	overflow: auto;
    scroll-behavior: smooth;
}
.anchorTop
{
	background-image:url(icons/double-arrow-down.svg);
}
.anchorBottom
{
	background-image:url(icons/double-arrow-up.svg);
}
.anchors
{
	background-repeat: no-repeat;
	background-size: 35px 35px;
    background-position-x: 50%;
	position: relative;
	width:100%;
	height:40px;
	display : block;
	cursor : pointer;
}
.navigationMenuCollapsed .anchors
{
	visibility : hidden !important;	
}
.navigationMenuCollapsed .navigationMenuHeader
{
	height: 85px;
	width: 100%;
	background-image: var(--logo-navigation-menu-collapsed);
	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::-webkit-scrollbar
{
	display: none;
}
.navigationMenuOver
{
	z-index: 20000;
}
.navigationMenuRight.navigationMenuOver
{
	left: unset !important;
	right: 0px !important;
}
.navigationMenuListMini
{
	padding-inline-start: 0px;
	padding: 0px;
	margin-top: 0px;
}
.navigationMenuList
{
	padding-inline-start: 0px;
	padding: 0px;
	margin-top: 0px;
	line-height: 30px;
}
.navigationMenuCollapsed .navigationMenuList
{
	display: none;
}
.navigationMenuListMini
{
	display: none;
}
.navigationMenuCollapsed .navigationMenuListMini
{
	display: initial;
}
.navigationMenuElement
{
	list-style: none;
	min-height: 30px;
}
.navigationMenuElementMini
{
	list-style: none;
	height: 40px;
	margin-left: 10px;
	margin-right: 10px;
	background-size: 40px 40px;
	background-repeat: no-repeat;
}
.navigationMenuElementMiniSelected
{
	background-color: var(--color-navigation-menu-selected);
	border-radius: 5px;
}
.navigationMenuElementHidden
{
	display: none;
}
.navigationMenuElement_1
{
	background-color: #2C385B;
}
.navigationMenuElement_1
{
	background-color: var(--background-color-navigation-menu);
}
.navigationMenuElement_2
{
	background-color: var(--background-color-navigation-menu-level1);
}
.navigationMenuElement_3
{
	background-color: var(--background-color-navigation-menu-level2);
}
.navigationMenuElement_4
{
	background-color: var(--background-color-navigation-menu-level3);
}
.navigationMenuElement table
{
	border-right: 7px solid transparent;
	table-layout: fixed;
	width: 100%;
}
.navigationMenuElementSelected table
{
	border-right: 7px solid var(--color-navigation-menu-selected);
}
.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
{
	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: 14px;
	font-family: var(--font-family);
	color: var(--color-navigation-menu) !important;
	line-height: 30px;
	text-overflow: ellipsis;
	word-wrap: break-word;
}
.navigationMenuElementSelected .navigationMenuElementText
{
	font-family: var(--font-family-bold);
	font-weight: normal;
	color: var(--color-navigation-menu-selected) !important;
}
.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 #CDD1D3;
	width: auto;
    display: inline-block;
}
.navigationBreadcrumbElt
{
	padding: 0 5px;
	font-family: var(--font-family);
	font-size: 14px;
	color: #2C385B;
}
.navigationBreadcrumbEltLast
{
	padding: 0 5px;
	font-family: var(--font-family-semibold);
	font-size: 14px;
	color: var(--color-navigation-menu-selected);
}
.navigationBreadcrumbSep
{
	background: url(icons/digdash_2019/arrow-right.svg) no-repeat left center;
	width: 20px;
	height: 20px;
	padding: 0 5px;
}

/********************** 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;
}
.rolesTileText, .helpTileText
{
	font-family: var(--font-family);
	padding: 10px !important;
	margin-left: 10px !important;
	margin-right: 10px !important;
	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;
	line-height: 30px;
	font-size: 14px;
	font-family: var(--font-family-semibold);
}
.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: 30%;
	bottom: 0;
	width: 40%;
	border-top: 1px solid #D5D7DA;
}
.rolesMenuTransparent .portlet-header-text, .helpMenuTransparent .portlet-header-text
{
	color: #F7F7F7 !important;
}

.helpMenuDark, .helpMenuWhite
{
	border-right: 1px solid var(--border-color);
}
.helpMenuTransparent
{
	border-right: 1px solid var(--border-color);
}

/********************** contextual help ***********************/
.dd-help-modal
{
	background-color: #CCCCCC;
	z-index: 999999;
	opacity: 0.3;
}
.dd-help
{
	font-size: 13px;
	font-family: var(--font-family);
	background-image: url(icons/dd-background-dark.svg);
	background-repeat: no-repeat;
	background-color: #232C4C;
	border-radius: 5px;
	color: #F7F7F7 !important;
	box-shadow: var(--box-shadow);
    padding: 5px;
 	z-index: 1000000;
}
.dd-help-notification
{
	transition: transform 0.5s linear;
}
.dd-help-header
{
	height: 30px;
	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: var(--font-family-bold);
	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
{
	font-family: var(--font-family);
	font-size: 13px;
	padding: 0px;
}
.dd-help-buttons
{
	width: 100%;
	margin-top: 5px;
}
button[class=dd-help-button-ignore]
{
	cursor: pointer;
	min-width: 130px;
	height: 30px;
	font-size: 13px;
	font-family: var(--font-family-semibold);
	font-weight: normal;
	color: #121628;
	background: #11A0D9;
	border: none;
	border-radius: 7px;
}
button[class=dd-help-button-ignore-all]
{
	cursor: pointer;
	min-width: 130px;
	height: 30px;
	font-size: 13px;
	font-family: var(--font-family-semibold);
	font-weight: normal;
	color: #11A0D9;
	background: transparent;
	border: 1px solid #11A0D9;
	border-radius: 7px;
}
.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;
}

/********************** filtered elements ***********************/
.tdHeaderFilter
{
	text-align: center;
	font-family: var(--font-family);
	color: var(--color);
	border: 1px solid var(--border-color);
	border-radius: 10px;
	background-color: var(--background-color-label);
}
.tdFilter
{
	overflow: hidden;
	text-align: center;
	font-family: var(--font-family);
	font-weight: normal;
	font-size: 13px;
	background-color: var(--background-color-item);
	color: var(--color);
	border-radius: 10px;
	border: 1px solid var(--border-color);
}
.tdHeaderFilterImageUp
{
	float: left;
	cursor: pointer;
	background: url(icons/digdash_2019/arrow-up.svg);
	width: 20px;
	height: 20px;
}
.tdFilterExclude > span
{
	text-decoration: line-through;
}
.tdHeaderFilterImageDown
{
	float: left;
	cursor: pointer;
	background: url(icons/digdash_2019/arrow-down.svg);
	width: 20px;
	height: 20px;
}
.tdFilterImage
{
	float: right;
	cursor: pointer;
	background: url(icons/digdash_2019/remove.svg);
	width: 20px;
	height: 20px;
}
.tdRemoveAllFilterImage
{
	float: right;
	cursor: pointer;
	background: url(icons/digdash_2019/remove.svg);
	width: 20px;
	height: 20px;
}

/********************** filters ***********************/
.divHeader
{
	width:100%;
}
.divContent, .divSlicerHorizontal
{
	width: 100%;
	overflow-y: auto;
}
.slicerTable
{
	user-select: none;
	border: none;
	border-spacing: 2px;
	border-collapse: separate;
	overflow-x: hidden;
	margin-top: -2px;
}
.slicerComboDiv
{
	color: var(--color);
}
.slicerComboDiv > table
{
	border-spacing: 2px;	
}

/********************** vertical filter ***********************/
.slicerSearch
{
	border-collapse: inherit;
	border-spacing: 0px;
	margin-bottom: 2px;
	border-radius: 10px;
	border: 1px solid var(--border-color);
	background-color: var(--background-color-item);
}
.slicerSearchInput
{
	border: none;
	background: transparent;
}
.slicerSearchImg
{
	background: url(icons/digdash_2019/search.svg);
	height: 18px;
	width: 18px;
}
.tdMemberActive
{
	overflow: hidden;
	cursor: pointer;
	font-family: var(--font-family);
	font-size: 13px;
	color: var(--color);
	background-color: var(--background-color-item);
	border: 1px solid var(--border-color);
	border-radius: 10px;
	padding: 1px 1px 1px 5px;
}
.tdMemberInactive
{
	overflow: hidden;
	cursor: pointer;
	font-family: var(--font-family);
	font-size: 13px;
	padding: 1px 1px 1px 5px;
	color: grey;
	background-color: var(--color-select);
	border: 1px solid var(--border-color);
	border-radius: 10px;
}
.tdMemberSelected
{
	overflow: hidden;
	cursor: pointer;
	padding: 1px 1px 1px 5px;
	font-family: var(--font-family);
	font-size: 13px;
	color: var(--color-select);
	background-color: var(--background-color-select);
	border: 1px solid transparent;
	border-radius: 10px;
}

/********************** horizontal filter ***********************/
.spanMemberActive
{
	text-align: center;
	cursor: pointer;
	float: left;
	height: 20px;
	line-height: 20px;
	margin-right: 5px;
	padding: 1px 2px 1px 5px;
	font-family: var(--font-family);
	font-size: 13px;
	color: var(--color);
	background-color: var(--background-color-item);
	border: 1px solid var(--border-color);
	border-radius: 10px;
}
.spanMemberInactive
{
	text-align: center;
	cursor: pointer;
	float: left;
	height: 20px;
	line-height: 20px;
	margin-right: 5px;
	padding: 1px 2px 1px 5px;
	font-family: var(--font-family);
	font-size: 13px;
	color: grey;
	background-color: var(--color-select);
	border: 1px solid var(--border-color);
	border-radius: 10px;
}
.spanMemberSelected
{
	text-align: center;
	cursor: pointer;
	float: left;
	height: 20px;
	line-height: 20px;
	margin-right: 5px;
	padding: 1px 2px 1px 5px;
	font-family: var(--font-family);
	font-size: 13px;
	color: var(--color-select);
	background-color: var(--background-color-select);
	border: 1px solid transparent;
	border-radius: 10px;
}
.separatorMember
{
	height: 16px;
	padding-right: 5px;
	background-color: transparent;
	border: none;
}

/********************** combo filter ***********************/
.slicerComboTDDim
{
	font-family: var(--font-family);
	font-size: 13px;
	color: var(--color);
	white-space: nowrap;
	padding-right: 5px;
}

/********************** date picker filter ***********************/
.slicerDatePickerSpanMin, .slicerDatePickerSpanMax
{
	background-color: var(--background-color-item);
	background-image: url(icons/digdash_2019/calendar.svg);
	background-repeat: no-repeat;
	background-position: right;
	background-size: 22px 22px;
	border: 1px solid var(--border-color);
	border-radius: 10px;
	font-family: var(--font-family);
	font-size: 13px;
	color: var(--color);
	padding: 1px 2px 2px 3px;
}
.slicerDatePickerSpanMax
{
	margin-left: 10px;
}
.slicerDatePickerInput, .slicerDatetimePickerInput
{
	margin-right: 2px;
	padding: 2px;
	background: transparent;
	border: none;
	font-family: var(--font-family);
	font-size: 13px;
	color: var(--color);
	width: 80px;
}

/********************** on by one filter ***********************/
.slicerPrevImg
{
	background: url(icons/digdash_2019/previous.svg);
	height: 25px;
	width: 25px;
	cursor: pointer;
}
.slicerNextImg
{
	background: url(icons/digdash_2019/next.svg);
	height: 25px;
	width: 25px;
	cursor: pointer;
}
.slicerMember
{
	font-family: var(--font-family);
	color: var(--color);
}

/********************** slider filter ***********************/
.slicerSlider
{
	margin: 10px;
}
.selSearchSlicer
{
	cursor: auto;
	overflow-y: auto;
}
.slicerSliderValue
{
	border: 0;
	margin-left: 10px;
	font-family: var(--font-family-semibold);
	font-size: 13px;
	color: var(--color);
}
.slicerSliderMin
{
	border: 0;
	margin-left: 10px;
	font-family: var(--font-family);
	font-size: 13px;
	color: var(--color);
}
.slicerSliderMax
{
	border: 0;
	background: none;
	margin-right: 10px;
	float: right;
	font-family: var(--font-family);
	font-size: 13px;
	color: var(--color);
}

/********************** tree filter ***********************/
.divContent.jstree
{
	margin-top: 10px;
}
.jstree-anchor .jstree-hovered, .jstree-default .jstree-hovered
{
	background: var(--color);
	color: var(--color-select);
}

/********************** legends ***********************/
div[id*='legendManager'].label.legendHorizontal
{
	display: table !important;
	margin: 0 auto !important;
	width: initial !important;
	float: initial !important;
	text-align: center !important;
}
.legendHorizontal
{
	display: table;
	margin: 0 auto;
	width: initial;
	float: initial;
	text-align: center;
}
.legendItem span
{
	padding-bottom: 4px;
	font-family: var(--font-family);
	font-size: 13px;
	color: var(--color);
}
.legendItem .colorCell
{
	border-radius: 50%;
	width: 12px;
	height: 12px;
}
.legendItem .colorPattern
{
	width: 12px;
	height: 12px;
}
.legendItem .colorPattern rect
{
	rx: 12;
	ry: 12;
}
.legendItem .legendImage
{
	margin-right: 5px;
	margin-left: 10px;
	border-radius: 50%;
	width: 12px;
	height: 12px;
}
.legendItem .legendHideImage, .legendItem .legendHideImageSelected
{
	height: 16px;
	width: 16px;
	background-image: url(icons/16-hidelegend.png);
	cursor: pointer;
}
.legendItem .legendHideImageDisabled
{
	height: 16px;
	width: 16px;
	background-image: url(icons/16-hidelegend.png);
	cursor: pointer;
	opacity: 0.5;
}
.legendVertical .legendItem
{
	margin-left: 10px;
	margin-bottom: 0px
}
.legendVertical .dd-label
{
	margin: 1px;
	margin-left: 10px
}
.legendVertical .legendIcon
{
	width: 16px;
	height: 16px;
}
.legendHorizontal .legendIcon
{
	width: 16px;
	height: 16px;
	margin-right: 5px;
	margin-left: 10px;
	vertical-align: top;
}
.legendHorizontal .dd-label
{
	line-height: 12px;
	vertical-align: top;
}
.legendHorizontal .legendImage
{
	vertical-align: top;
}
.legendHorizontal .legendHideImage
{
	display: inline-block;
	margin-left: 5px;
	vertical-align: text-top;
}
.legendHorizontal .legendHideImageDisabled
{
	display: inline-block;
	margin-left: 5px;
	vertical-align: text-top;
}
.legendHorizontal .legendHideImageSelected
{
	display: inline-block;
	margin-left: 5px;
	vertical-align: text-top;
}

/********************** comments ***********************/
.commentsDisplayAll
{
	text-align: center;
	cursor: pointer;
	font-family: var(--font-family);
	font-size: 13px;
	color: var(--color-select);
	background-color: var(--background-color-select);
	margin-bottom: 5px;
	padding: 3px 0px 3px 0px;
	border-radius: var(--radius);
}
.commentHeader
{
	font-family: var(--font-family);
	font-size: 13px;
	color: var(--color);
	background-color: var(--background-color-label);
	border-top-left-radius: var(--radius);
	border-top-right-radius: var(--radius);
}
.commentUser
{
	font-family: var(--font-family);
	font-size: 13px;
	color: var(--color);
	margin-left: 5px;
}
.commentDate
{
	float: right;
	font-family: var(--font-family);
	font-size: 12px;
	font-style: normal;
	margin-right: 2px;
	color: var(--color);
}
.commentEdit
{
	cursor: pointer;
	height: 25px;
	width: 25px;
	background: url(icons/digdash_2019/edit.svg) var(--background-color-label);
}
.commentRemove
{
	cursor: pointer;
	height: 25px;
	width: 25px;
	background: url(icons/digdash_2019/close.svg) var(--background-color-label);
	border-top-right-radius: var(--radius);
}
.commentFilter
{
	cursor: pointer;
	height: 25px;
	width: 25px;
	background: url(icons/digdash_2019/filters.svg) var(--background-color-label);
}
.commentContent
{
	font-family: var(--font-family);
	font-size: 13px;
	color: var(--color);
	background-color: var(--background-color-item);
	border-bottom-right-radius: var(--radius);
	border-bottom-left-radius: var(--radius);
	padding: 5px;
	overflow-wrap: break-word;
	word-wrap: break-word;
	hyphens: auto;
}
.commentsSelection
{
	color: var(--color);
	font-family: var(--font-family);
	font-size: 10px;
	margin-top: 2px;
	margin-bottom: 5px;
	margin-left: 5px;
}
.commentSeparator
{
	height: 8px;
}

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

.documentsTable > tbody > tr > td
{
	padding: 1px;
	background-color: var(--background-color-item);
	color: var(--color);
	border: 1px solid var(--border-color);
	border-radius: 10px;
}

/********************** variable ***********************/
.variable-content *
{
	font-family: var(--font-family);
	color: var(--color);
}
.variable_prev_img
{
	background: url(icons/digdash_2019/previous.svg);
	height: 25px;
	width: 25px;
	cursor: pointer;
}
.variable_next_img
{
	background: url(icons/digdash_2019/next.svg);
	height: 25px;
	width: 25px;
	cursor: pointer;
}

/********************** text query ***********************/
.textquery_search_input
{
	width: calc(100% - 10px);
	text-indent: 20px;
	font-size: 13px;
	color: var(--color);
	background-color: var(--background-color-item);
	border: 1px solid var(--border-color);
	border-radius: 10px;
	padding: 2px;
}
.textquery_search_input:focus
{
	outline: none !important;
	border: 2px solid var(--border-color);
}
.textquery_search_icon
{
	position: absolute;
	left: 0px;
	top: 0px;
	cursor: pointer;
	width: 25px;
	height: 25px;
	background-image: url(icons/digdash_2019/search.svg);
}
.textquery_close_icon
{
	position: absolute;
	right: 25px;
	top: 0px;
	cursor: pointer;
	width: 25px;
	height: 25px;
	background-image: url(icons/digdash_2019/remove.svg);
}
.textquery_speech_img
{
	position: absolute;
	right: 10px;
	top: 5px;
	cursor: pointer;
	width: 16px;
	height: 16px;
	background: url(icons/16-speech.png);
}
.textquery_add_icon
{
	width: 24px;
	cursor: pointer;
	border: 1px solid #CDD1D3;
	border-radius: 5px;
	box-shadow: var(--box-shadow);
}
.textquery_save_icon
{
	background-image: url(icons/digdash_2019/save-round.svg);
	width: 28px;
	height: 28px;
	margin: 0px;
}

/********************** ssbi ***********************/
div.editToolIconSearch
{
	background: url(icons/digdash_2019/search.svg) var(--color-select);
	height: 16px;
	width: 16px;
}
div.editToolIconClear
{
	background: url(icons/digdash_2019/close.svg) no-repeat;
	width: 16px;
	height: 16px;
	margin-top: 3px;
}

/********************** html editor ***********************/
.portlet.htmleditor *
{
	font-family: var(--font-family);
	color: var(--color);
}

/********************** formio ***********************/
.formio-container, .formio-container *, .formio-container *::before, .formio-container *::after
{
	box-sizing: border-box;
}
.formio-container
{
	padding: 5px;
	overflow-y: auto;
	overflow-x: hidden;
}
.formio-container .alert-success
{
	display: none;
}
.formio-component-button
{
	text-align: center;
}
.formio-component-button button
{
	padding-left: 20px;
	padding-right: 20px;
}
.formio-container .form-group
{
	margin-bottom: 10px;
}
.formio-container .formio-component-button
{
	margin-top: 30px;
}
.formio-container .formio-component-select
{
	margin-bottom: 0px;
}
.formio-container .builder-group-button
{
	font-size: 15px;
}
.formio-container .formcomponent
{
	font-size: 13px;
}
.formio-container .nav-tabs .nav-item
{
	font-size: 14px;
}
.formio-container .input-group-text
{
	font-size: 13px;
}
.formio-container .btn-edit
{
	font-size: 14px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}
.formio-container .btn-remove
{
	font-size: 14px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}
.formio-container .card-header, .formio-container .col-form-label,
.formio-container .form-text.text-muted,
.formio-container input, .formio-container select
{
	font-family: var(--font-family);
	font-size: 13px;
	color: var(--color);
}
.formio-container .col-form-label
{
	font-family: var(--font-family-semibold);
}
.formio-container .btn-success, .formio-container .btn-secondary, .formio-container .btn-danger
{
	font-family: var(--font-family);
}
.formio-container .btn-primary:not(.btn-success):not(.btn-danger):not(.btn-secondary)
{
	font-family: var(--font-family);
	background-color: var(--background-color-select);
	color: var(--color-select);
	border: none;
}
.formio-container .btn-primary.disabled, .dashboard_form .btn-primary:disabled
{
	background-color: var(--background-color-select);
	color: var(--color-select);
	opacity: 0.5;
}
.formio-container .form-control
{
	font-family: var(--font-family);
	font-size: 13px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	margin-left: 0px !important;
}
.formio-container .numInputWrapper, .formio-container .flatpickr-monthDropdown-months
{
	font-size: 13px;
	color: var(--color);
}
.formio-container table
{
	font-family: var(--font-family);
	font-size: 13px;
	color: var(--color);
	border-collapse: collapse;
	width: 100%;
}
.formio-component-datagrid .datagrid-table, .formio-component-datagrid .datagrid-table td, .formio-component-datagrid .datagrid-table th
{
	border: 1px solid var(--border-color) !important;
}
.formio-container .table thead th
{
	font-family: var(--font-family-bold);
	font-size: 14px;
}
.formio-datapreview .datagrid-table tbody tr:last-child
{
	display: none;
}
.formio-container .form-check-input
{
	position: absolute;
	margin: 2px 0px 0px -1.25rem !important; 
}
.formio-container .form-check-inline .form-check-input
{
	position: static;
	margin: 2px .3125rem 0px 0px !important;
}
.flatpickr-calendar
{
	font-family: var(--font-family);
}
.flatpickr-calendar.open
{
	z-index: 200000;	
}
.choices__list
{
	font-family: var(--font-family);
}

/************************ scale/zoom **************************/	
#scale_container
{
	position: absolute;
    bottom: 15px;
    right: 15px;
    width: auto;
    height: 30px;
    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_container span
{
	font-family: var(--font-family);
}
#scale_menu
{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    padding: 5px;
    user-select: none;
    font-size: 14px;
    overflow: hidden;
}
.scaleMenu_hidden
{
	opacity : 0;
	width : 0;
	padding : 0px !important;
}
#scale_container: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_expand_button
{
    width : 15px;
    height : 15px;
    border : none;
    cursor : pointer;
}
.expand_button_right_arrow
{
    background-image: url(icons/16-arrow-right.png) !important;
}
.expand_button_left_arrow
{
    background-image: url(icons/16-arrow-left.png) !important;

}
#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;
}

.speechImg
{
	right: 5px;
}

/********************** mobile ***********************/
.dashboard_mobile .topPanel
{
	background-color: #F4F4F4 !important;
	transition: opacity 0.5s ease-in-out, height 0.5s ease-in-out;
	overflow: hidden;
}
.dashboard_mobile .topPanelHidden
{
	opacity: 0;
	height: 0;
	padding: 0;
	margin: 0;
}
.dashboard_mobile .dashTitle 
{
	justify-content: center;
	align-items: center;
	font-size: 15px;
	overflow: hidden;
	max-width: calc(100% - 80px);
	padding-top: 10px;
	text-indent: 40px;
}
.dashboard_mobile .user
{
	min-width : auto;
	padding-right : 0px;
	border: none;
}
.dashboard_mobile .userLabel
{
	display : none;
}
.dashboard_mobile .userOpen .userLabel
{
	display : inline;
}
.dashboard_mobile .menuIcon
{
	padding : 0px;
	margin-left : 30px;
	background-position-x : 10px;
	width : 0px;
}
.dashboard_mobile .userMenu
{
	background-color: #F4F4F4;
}
.dashboard_mobile .userOpen
{
	border: 1px solid #CDD1D3;
	background-color: #F4F4F4;
}
.dashboard_mobile .userOpen .menuIcon
{
	width : 30px;
	margin-left : 0px;
}
.navigationMenuAccess
{
	position: absolute;
	top: calc(50% - 50px);
	height: 100px;
	width: 5px;
	z-index: 100;
	background-color: #2C385B;
	border: 1px solid #2C385B;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
.navigationMenuButtonTouch
{
	background: url(icons/digdash_2019/user-menu.svg) no-repeat;
	width: 30px;
	height: 30px;
	position: fixed;
	margin: 7px;
}
.navigationMenuMobileSlide
{
	transition: left 0.3s linear;
}
.navigationMenuMobileHidden
{
	z-index: 20000;
	overflow:visible;
	left:-3000px !important;
}
.navigationMenuMobileShown
{
	z-index: 20000;
	overflow:visible;
	left:0px;
}
.dashboard_mobile .rolesMenuDark, .dashboard_mobile .rolesMenuWhite, .dashboard_mobile .rolesMenuTransparent
{
	left: 0px;
	top: 0px;
	height: 100%;
	width: 100%;
}