@import url('https://fonts.googleapis.com/css?family=Roboto');

:root {
	--primary: rgb(63, 111, 133);
	--primary-fore: #fff;
	--accent: #c42d27;
	--accentText: #fff;
}

body,
input,
textarea,
select,
option,
.jot,
.dijitButton,
.jot .dijitDropDownButton,
td {
	font-family: Roboto, Myriad, arial, clean, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #222;
}

*:focus {
	outline: 0 !important;
}

.clickable {
	cursor: pointer;
}

.expand_width {
	width: 125px;
}

.editor-scroller .formulaBuilder {
	width: 100%;
	height: 300px;
}

.odg .odg-expando:after {
	float: left;
	width: 16px;
	text-align: center;
}

.odg .odg-expando-expanded:after {
	content: "-";
}

.odg .odg-expando-collapsed:after {
	content: "+";
}

.partiallyVisible {
	opacity: 0.5;
}

.editor-scroller .dijitCheckBox.whereAdvanced {
	margin: 15px 5px 15px 0;
}

.full,
.full>.dgrid {
	width: inherit;
	height: 100%;
}

.single-title .record-count {
	display: inline-block;
}

.single-description {
	/*
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis; */
	margin-bottom: 5px;

}

.single-title .record-count:after {
	content: ' Record(s)';
}

[data-text-after]:after,
.single-title .record-count[data-text-after]:after {
	content: attr(data-text-after);
	margin-left: 5px;
}

.find-and-replace>.dijitDialogPaneContent {
	/* text-align: center; */
}

label.far-find,
label.far-replace,
label.far-scope {
	display: inline-block;
	width: 75px;
	/* text-align: right; */
	margin-right: 5px;
}

.find-and-replace .dijitTextBox,
.find-and-replace .dijitDateTime {
	margin-bottom: 5px;
}

.find-and-replace .row-find .dijitCheckBox {
	margin-left: 5px !important;
}

.find-and-replace .row-find span>.dijitCheckBox+label+.dijitCheckBox {
	/* margin-right: 91px; */
}

.find-and-replace .row-scope>span {
	/* width: 200px; */
	/* display: inline-block; */
	/* text-align: left; */
	/* vertical-align: top; */
	display: block;
}

.find-and-replace .subrow {
	display: inline-block;
	margin-right: 10px;
}

/* .find-and-replace .subrow:last-child {
	margin-bottom: 10px;
} */
.find-and-replace .dijitDateTime {
	display: inline-block;
}

.find-and-replace .row {
	white-space: nowrap;
	margin-bottom: 5px;
	clear: both;
}

.far-status {
	color: #a00;
	margin-top: 5px;
}

input.far-find,
input.far-replace {
	width: 100%;
	border: 0;
}

.find-and-replace .clone-row {
	display: block;
	clear: both;
}

.find-and-replace .frright+.clone-row {
	border-top: 1px solid #ddd;
	padding-top: 10px;
}

.find-and-replace .clone-row label {
	margin-left: 5px;
}

.odg-group-header {
	border-width: 1px 0 !important;
}

.weather-current-date {
	display: none;
}

.weather-current-time,
.weather-forecast-text,
.weather-forecast-temp,
.weather-forecast-temp-unit,
.weather-wind-speed,
.weather-wind-speed-units,
.weather-wind-direction,
.weather-wind-sock {
	display: inline-block;
}

.find-and-replace .dijitDateTime .dijitTextBox {
	width: 90px;
}

.find-and-replace .dijitDateTime .dijitDateTextBox {
	width: 170px;
	margin-right: 5px;
}

.weather-current-time:before {
	content: 'CURRENT AS OF:';
	margin-right: 5px;
}

.weather-forecast {
	text-align: right;
}

.weather-forecast-text {
	float: left;
}

.weather {
	width: 239px;
	height: 177px;
	color: #fff;
	position: absolute;
}

.weather-wind {
	position: absolute;
	bottom: 0;
	width: 100%;
}

.weather-wind-direction:before {
	content: ' WIND DIRECTION:';
	margin-right: 5px;
}

.weather-wind-direction,
.weather-wind-speed,
.weather-wind-sock {
	margin-right: 5px;
}

.weather>div {
	padding: 0 3px;
}

.weather>div:first-child {
	padding-top: 3px;
}

.weather>div:last-child {
	padding-bottom: 3px;
}

.weather-forecast-temp-unit:before {
	content: 'º';
}


.dashEdit-control .dijitSelect .dijitArrowButton {
	width: 16px;
}

.dgrid-caption {
	font-size: 15px;
}

.dgrid-caption-time {
	display: inline-block;
	font-size: 12px;
}

.share-grid {
	display: inline-block !important;
	margin-left: 5px;
	vertical-align: top;
	width: 300px;
}

#auxLogo {
	background-image: url('img/backgrounds/aux_logo128x30.png');
	width: 128px;
	height: 30px;
	display: inline-block;
	margin: 15px 10px 0 10px;
}

.clientName {
	font-size: 18px;
	color: #fff;
	display: inline-block;
	position: absolute;
	margin-top: 24px;
	font-family: 'myriad pro', tahoma, arial, sans-serif;
	font-weight: normal;
	font-style: italic;
}

.ui-exitHeader {
	display: none;
	position: absolute;
	bottom: -25px;
	right: -25px;
	width: 50px;
	height: 50px;
	border-radius: 25px;
	background-color: rgba(170, 0, 0, 0.05);
	z-index: 99999;
}

.share-grid {
	margin-left: 10px;
}

.share-grid,
.dijitFieldCheckBox {
	display: inline-block !important;
	vertical-align: top;
	width: 250px;
}

.sledit-modifyFields {
	margin-left: 100px;
}

.sledit-row-form {
	display: inline-block;
	position: absolute;
	margin-top: -33px;
	margin-left: 122px;
}

.sledit-row-form label {
	display: none !important;
}

.dijitBorderContainerNoGutter>.dijitContentPane {
	padding: 0;
}

html.has-mozilla .dgrid-column-set *:focus,
html.has-safari .dgrid-column-set *:focus {
	border: 1px solid #ddd !important;
	border-width: 0 0 1px 1px !important;
	outline: 0 none !important;
}

.header {
	font-size: 16px;
	color: #254d68;
	padding: 0 3px 8px 0;
}

.gutter {
	padding: 15px 15px 0 15px !important;
	border-style: solid !important;
	border-color: #99b5c7 !important;
	border-width: 1px 1px 0 1px !important;
	background: #fff;
}

.gutter:last-child {
	padding-bottom: 15px !important;
	border-width: 0 1px 1px 1px !important;
}

.settings {
	background-image: url("img/elements/toadTheWet.png") !important;
	background-repeat: no-repeat !important;
	background-position: bottom right !important;
	background-color: #e7f4fd !important;
}

.settings .searchtb {
	width: 200px;
	display: inline-block;
}

.settings-status {
	float: right;
	display: inline-block;
}

.settings-count {
	color: #3f86ac;
}

.settings-top {}

.settings-center {}

.header-buttons {
	position: absolute;
	top: 0px;
	right: 0px;
	font-size: 12px;
	font-weight: normal;
}

.header-buttons .dijitButton {
	margin: 0;
}

.header-buttons .dijitButtonNode {
	background: 0 none !important;
	box-shadow: none !important;
	border: 0 none !important;
}

#structure-pane-controlPanel {
	/* big gear doodad */
}

#sortGroup .dgrid-column-sortRemove,
#sortGroup .dgrid-column-sortAdd {
	width: 22px;
	text-align: center;
}

#sortGroup .dgrid-row {
	padding: 3px 1px !important;
}

#sortGroup .dgrid-cell {
	border: 0 none !important;
}

.fr {
	float: right;
}

.fl {
	float: left;
}

.applicationManager .dgrid {
	width: 410px;
	height: 100%;
}

.applicationManager>.dijitBorderContainer>.dijitContentPane {}

.application .dgrid .field-ordinal {
	width: 25px;
}

.applicationManager .dgrid .field-field,
.applicationManager .dgrid .field-type {
	width: 190px;
}

.applicationManager,
.applicationManager>.dijitBorderContainer {
	height: 100%;
	width: 100%;
}

.datalynk-users .users-add:before {
	border-bottom: 1px solid #DDDDDD;
	content: "Add User";
	display: block;
	font-weight: bold;
	margin: 10px;
	padding-bottom: 10px;
	text-align: center;
	width: 100%;
}

.users-form label {
	display: inline-block;
	width: 75px;
	text-align: right;
	margin-right: 5px;
}

.users-form-row {
	margin-bottom: 5px;
}

.users-form>.dijit {
	margin-left: 80px;
}

.datalynk-users {
	width: inherit;
	height: inherit;
}

.datalynk-users .dgrid {
	width: 75%;
	height: inherit;
}

.datalynk-users .users-add {
	position: absolute;
	width: 25%;
	top: 10px;
}

.dcalendar-more {
	font-size: 10px;
	line-height: 10px;
}

.dcalendar-more {
	background-color: #fff;
	color: blue;
}

.dcalendar-day-disabled .dcalendar-more {
	background: #e4e4e4;
}

.dcalendar-entry {
	padding: 1px 3px !important;
}

.dcalendar-label {
	font-size: 16px;
}

.dcalendar>thead tr:last-child th {
	color: #fff;
}

.dcalendar thead tr {
	background-color: #f8f8f8;
	color: #000;
}

.editor-control.editor-control-surveyColumns label {
	vertical-align: top;
}

#editor-survey_pane #survey-grid {
	display: inline-block;
	width: 50%;
	width: calc(99% - 120px);
}

.editor-survey .editor-control {
	margin-bottom: 10px;
}

/* editor */

/* buttons with no text (that arent in the iconColumn) */
#form-movePrevious .dijitButtonText,
#form-moveNext .dijitButtonText {
	color: #fff;
}

.editor-color {
	width: 125px !important;
}

.editor-color .dijitArrowButton {
	width: 16px;
}

#structure-pane-record .engine-header .dijitButtonNode {
	background: none !important;
	border: 0 none !important;
	box-shadow: none !important;
	padding: 0 !important;
}

.odg td.dgrid-cell>.dijit {
	z-index: 999999;
}

#structure-pane-grid td.dgrid-cell>.dijitCheckBox {
	z-index: 999999;
	width: 15px !important;
}

#clients-new_client {
	position: absolute;
	left: 60%;
	width: 40%;
	top: 0;
	margin: 10px;
}

#clients-new_client label {
	width: 100px;
	display: inline-block;
	text-align: right;
	margin: 0 5px 10px 0;
}

#clients-create_lms,
#clients-create_report {
	margin-left: 105px;
}

/* dashboard edit (dedit) */
#dedit {
	background-color: #3aa2d8;
	position: fixed;
	bottom: 0;
	right: 0;
	border-top-left-radius: 12px;
	border: 2px solid #6f6f6f;
	border-width: 2px 0 0 2px;
	padding: 6px 2px 2px 6px;
	opacity: 0.5;
}

#dedit:hover {
	opacity: 1;
}

#dedit-watermark {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
}

.dgrid-row[group] {
	height: 23px;
	overflow: hidden;
	opacity: 1;
}

/* .dgrid-row[group],
.box-header-right.homeDashboard,
.dgrid-scroller .dgrid-column-set-0 .dgrid-cell > div,
.dgrid-scroller .dgrid-column-set-0 .dgrid-summary-cell > div, */
.loading-lock #dedit:hover {
	-webkit-transition: all 500ms cubic-bezier(0.680, 0, 0.370, 1);
	/* older webkit */
	-webkit-transition: all 500ms cubic-bezier(0.680, -0.475, 0.370, 1.460);
	-moz-transition: all 500ms cubic-bezier(0.680, -0.475, 0.370, 1.460);
	-o-transition: all 500ms cubic-bezier(0.680, -0.475, 0.370, 1.460);
	transition: all 500ms cubic-bezier(0.680, -0.475, 0.370, 1.460);
	/* custom */

	-webkit-transition-timing-function: cubic-bezier(0.680, 0, 0.370, 1);
	/* older webkit */
	-webkit-transition-timing-function: cubic-bezier(0.680, -0.475, 0.370, 1.460);
	-moz-transition-timing-function: cubic-bezier(0.680, -0.475, 0.370, 1.460);
	-o-transition-timing-function: cubic-bezier(0.680, -0.475, 0.370, 1.460);
	transition-timing-function: cubic-bezier(0.680, -0.475, 0.370, 1.460);
	/* custom */
}

#structure-pane-home {
	padding: 10px;
	overflow: auto;
}

.dgrid-summary-header {
	cursor: n-resize;
}

.dgrid-summary-footer.collapsed {
	cursor: s-resize;
}

.dgrid-summary-header .dijitArrowNode {
	background-image: url("img/icons/spriteArrows.png");
	background-repeat: no-repeat;
	height: 8px;
	width: 7px;
	margin-right: 5px;
}

.dgrid-summary-header .dijitArrowNode.closed {
	background-position: -14px 0;
}

.dashboardEditor #structure-pane-home {
	background-color: #ccc;
}

.dashboardEditor .dgrid {
	background: #fff;
}

.box-header .box-header-right .dijitButtonNode {
	background: none !important;
	border: 0 !important;
	box-shadow: none !important;
	color: #eee;
}

.box-header .box-header-right .dijitButtonNode:hover {
	color: #fff;
}

.dojoDndItemAnchor.dgrid-selected {
	border: 0 !important;
	;
}

.dgrid-scroller .dgrid-column-set-0 .dgrid-cell>div,
.dgrid-scroller .dgrid-column-set-0 .dgrid-summary-cell>div {
	cursor: pointer;
}

/* .dgrid-scroller .dgrid-row:hover .dgrid-column-set-0 .dgrid-cell > div {
	opacity: 1;
} */

th.dgrid-cell {
	border: 0;
}

.dgrid-summary-footer {
	border-bottom: 1px solid #ddd;
}

.dgrid-summary-footer.collapsed {
	position: absolute;
	margin-top: -25px;
	border-bottom: 0 none;
}

.dgrid-summary-footer.collapsed .dgrid-summary-cell {
	text-decoration: none;
}

#sortGroup .dgrid-scroller {
	margin-top: 23px !important;
}

.dgrid-summary-cell {
	border-width: 1px;
	-moz-box-sizing: border-box;
	text-decoration: overline;
}

.dgrid-footer {
	background-color: #fff !important;
}

.dgrid-footer th {
	overflow-y: visible !important;
}

.dgrid-footer .footer-aggregate {
	border-top: 3px double #000;
	position: relative;
	top: 1px;
}


.dgrid-group-count {
	display: inline-block;
	margin-left: 5px;
}

.dgrid-group-count:before {
	content: '(';
}

.dgrid-group-count:after {
	content: ')';
}

html,
body,
.loading {
	width: 100%;
	height: 100%;
}

body {
	margin: 0px;
	padding: 0px;
}

.dgrid-cell,
.dgrid-summary-cell {
	vertical-align: middle !important;
}

.loading,
.loading>div {
	position: absolute;
	text-align: center;
}

.loading-lock {
	width: inherit;
	height: inherit;
	background-color: #fff;
	opacity: 0.5;
	z-index: 20000;

}

.loading-content {
	background-color: #fff1a8;
	z-index: 20001;
	padding: 5px;
	width: 100px;
	border-radius: 0 0 10px 10px;
	margin-left: -50px;
	left: 50%;
}

.dgrid-summary-header {
	padding: 6px 3px 6px 5px !important;
	border-bottom: 1px solid #ddd;
}

/* unsaved changes dialog + children */
.unsavedChanges {
	width: 500px;
	background-color: #fff;
}

.unsavedChanges .dgrid {
	height: 100px !important;
	box-shadow: none;
	border: 0 !important;
}

.unsavedChanges .dijitDialogPaneContent {
	padding: 0;
	border: 0;
}

.unsavedChanges .dijitDialogPaneContent>.dijitButton {
	float: right;
	padding: 10px;
}

.unsavedChanges .dgrid-column-0 {
	width: auto;
	vertical-align: middle;
}

.unsavedChanges .dgrid-column-1 {
	width: 70px;
}

.unsavedChanges .dgrid-column-2 {
	width: 90px;
}



.dgrid-no-data,
.dgrid-loading {
	padding: 10px 0;
	text-align: center;
	color: #696969;
	font-style: italic;
}

#sortGroup .dgrid-no-data {
	padding: 0;
	text-align: center;
	margin: 10px 0;
}

#sortGroup {
	height: auto !important;
	width: 500px !important;
}

/* Permissions */

.permissions .indent {
	width: 15px;
	height: 1px;
	float: left;
	font-size: 0;
}

.permissions .dijitButton.save {
	display: block;
	width: 50%;
}

.permissions .dijitButton.save>* {
	width: 100%;
}

#pickRole_dropdown .dijitMenuItem,
#structure-pane-permissions .dgrid-cell {
	white-space: pre;
	/*reqd to show indent of filterselect items*/
}

.permissions .dgrid-cell.datalynk-role:after {
	margin: 0 5px;
	padding: 0 3px;
	border-radius: 4px;
	background-color: rgb(59, 130, 173);
	color: white;
	content: "R";
}

.permissions .dgrid-row .dijitButton {
	margin: -3px 0 -3px 0;
	padding: 1px;
	height: 100%;
}

.permissions .dgrid-row .dijitButtonNode {
	padding: 0 0 1px 0;
}

.permissions .dgrid-row .dijitButton>* {
	height: 100%;
}


.permissions .dgrid-row .dijitButton+.title {
	display: none;
}

.permissions .dgrid-row .new-slice {
	float: right;
}

.permissions .dgrid-row .edit-slice {
	float: left;
}

.permissions-pick {
	margin: 10px 0;
}

.permissions-pick label {
	margin-right: 5px;
}

#structure-pane-permissions .permissions-grid {
	min-width: 600px;
	display: inline-block;
}

#structure-pane-permissions .dgrid-cell {
	width: 50px;
	text-align: center;
}

#structure-pane-permissions .dgrid-cell.dgrid-column-name {
	width: auto;
	text-align: left;
}

.structure-search-container {
	display: block;
}

.permissions-grid .noEdit {
	background-color: #999999;
	cursor: not-allowed;
}

.permissions-grid .dgrid-row .dgrid-cell {
	border-right: 1px solid #B0B0B0;
}

/* grid */

.dgrid-header .dgrid-column-set-0 .dgrid-cell,
.dgrid-footer .dgrid-column-set-0 .dgrid-cell {
	border: 0 none !important;
}

.grid-search-for-value {
	font-style: italice;
	color: #990000;
}



.dgrid-summary-row {
	background-color: #fff;
}

.box-header {
	overflow: hidden;
	position: relative;
	z-index: 1;
	white-space: nowrap;
}

#structure-pane-record .box-header {
	height: auto;
}

.box-header:first-child {
	margin-left: 5px;
}

#structure-pane-record .box-header:first-child {
	margin-left: 0;
}

.box-header-separator,
.box-header-left-item {
	display: inline-block;
	margin-right: 5px;
	margin-top: 4px;
	font-size: 13px;
}

.box-header-right.homeDashboard .dijitButtonText {
	display: none;
}

.box-header-right.homeDashboard {
	position: absolute;
	right: 0;
}

.homeDashboard .box-header-right-capLeft {
	display: none;
}

.box-header-right.homeDashboard {
	border-top-left-radius: 5px;
	opacity: 0.1;
}

.box-header-right.homeDashboard:hover {
	opacity: 1;
}

.box-header-right {
	display: inline-block;
	position: absolute;
	right: 0px;
	padding: 0;
	margin: 0 1px 0 0;
	overflow: hidden;
	border-top-right-radius: 5px;
	height: 25px;
}

#structure-pane-record .box-header-right {
	margin: 0;
}

.box-header-right-capLeft {
	background-image: url("img/backgrounds/background_left_cap.png");
	display: inline-block;
	height: 25px;
	width: 32px;
}

.box-header-right-item {
	vertical-align: top;
	margin: 0;
	padding: 2px 3px 0 3px;
	background-image: url("img/backgrounds/background_controlBar.png");
	height: 25px;
}

.box-header .report-count {
	font-size: 12px;
}


.dijitTitlePaneContentOuter {
	border-bottom-width: 0 !important;
}

.dojoDndItem {
	padding: 0 !important;
}

.dojoDndItemOver {
	padding: 0 !important;
	border: 0 !important;
}

.loading-button .dijitButtonNode {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

.dgrid-tree .dgrid-content>.dgrid-row .dgrid-selected {
	background-color: transparent !important;
}

.dgrid,
#structure-pane-record iframe,
.editor-scroller,
.calendar .dcalendar,
.survey-body {
	border: 1px solid #ccc !important;
}

/* JOT - record */

#structure-pane-record iframe,
#structure-pane-form iframe {
	width: 100%;
	height: inherit;
}

#structure-pane-record .dijitToolbar {
	text-align: right;
}

#widget_form-moveToId {
	font-size: 11px;
}

#structure-pane-record .box-header>span .dijitButtonNode {
	background: none !important;
	border: 0 none !important;
	box-shadow: none !important;
}

/* jumper */
#widget_form-moveToId {
	width: 65px;
}



#widget_form-moveToId #form-moveToId {
	text-align: center;
}

#widget_form-moveToId.dijitTextBoxFocused #form-moveToId {
	text-align: left;
}

/* JOT - form */
#structure-pane-form {
	padding: 0 0 0 0 !important;
}

#structure-pane-form iframe {
	border: 0 !important;
	overflow: hidden;
}

/* STRUCTURE */

#structure-contentPane {
	padding: 0 !important;
}

.dijitToolbar {
	background-image: linear-gradient(to bottom, #D1EAF8 0%, #ADD6EC 75%) !important;
	border-color: #7ABADA !important;
}

.dijitTitlePaneTitle {
	background-image: url("img/backgrounds/background_leftNavHeader.png") !important;
	background-repeat: repeat-x;
	color: #FFFFFF !important;
}

.dijitTitlePaneTitleFocus {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.dijitMenuItemIconCell {
	width: 16px;
	padding-left: 5px !important;
}

.dijitTitlePaneTitleHover,
.dijitTitlePaneTitleOpen,
#structure-pane-permissions .dgrid-scroller tr:hover,
.dojoDndItemOver {
	background-image: linear-gradient(to bottom, #ffffff 0%, #E2C240 100%) !important;
	color: #333333 !important;
}


.dgrid-resize-header-container {
	padding: 3px;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* this handles the right aligned padding */
.dgrid-resize-header-container .odg-column-label {
	padding-right: 3px;
}

.dijitToolbar .dijitButtonText {
	color: #333333;
}

.dijitDisabled .dijitButtonText {
	color: #bcbcbc;
}

.loadingButton {
	opacity: 0.4;
}

#structure-borderContainer {
	width: 100%;
	height: 400px;
}

#structure-leftContainer {
	width: 175px;
	padding: 0 !important;
}

#structure-leftContainer .dijitArrowNode,
#structure-leftContainer .dijitArrowButtonInner {
	display: none;
}

#structure-leftContainer .dijitTitlePaneContentInner {
	padding: 0 !important;
}

#structure-leftContainer .dijitTitlePaneTitle {
	border-right: 0;
	padding-left: 3px;
}

#structure-leftContainer .dijitMenuTable {
	width: 100%;
	border: 0;
}

#structure-leftContainer .dijitTitlePaneContentOuter {
	border: 0 !important;
}

.dijitSplitter {
	border-left: 1px solid #B5BCC7 !important;
}

#structure-leftContainer .dijitMenuItemLabel .dijitDatalynkIcon {
	position: absolute;
	right: 5px;
	z-index: 2;
	visibility: hidden;
}

#structure-leftContainer .dijitMenuItem:hover .dijitMenuItemLabel .dijitDatalynkIcon {
	visibility: visible;
}

.editor-scroller {
	height: 100%;
	overflow-y: auto;
}

/* EDITOR */

#widget_editor-saveAs-name {
	margin-right: 5px;
}

[widgetid='editor-delete-deleteButton'] {
	float: right;
	margin-top: -4px;
}

.editor-control-availableFields,
.editor-control-selectedFields {
	width: 200px;
}

.editor-control-availableFields,
.editor-control-selectedFields {
	height: 300px !important;
	display: inline-block !important;
}

#availableFields {
	margin-right: 15px;
}

.editor-scroller .dijitTitlePane .dijitTitlePaneTitle,
.sledit .dijitTitlePaneTitle {
	border: 1px solid #7FBAD8;
	border-width: 0 0 1px 0;
	background: none !important;
	color: #000 !important;
	font-size: 13px;
	margin: 0 10px;
}

.editor-scroller .dijitTitlePane .dijitTitlePaneTitle .dijitTitlePaneTitleFocus,
.sledit .dijitTitlePaneTitleFocus {
	outline: none;
}

.editor-scroller .dijitTitlePane .dijitTitlePaneContentOuter,
.sledit .dijitTitlePaneContentOuter {
	border: 0;
}

.editor-scroller .editor-control-type label,
.editor-scroller .editor-control-title label,
.editor-scroller .editor-control-description label,
.subscription .editor-control-select-report label,
.editor-scroller .editor-control-source label,
.editor-scroller .editor-control-sourceField label {
	width: 70px;
	display: inline-block;
	text-align: right;
	margin-right: 5px;
	vertical-align: top;
}

.subscription .editor-control-select-report {
	margin-bottom: 5px;
	display: none;
}

.editor-scroller .editor-control-type label {
	vertical-align: middle;
}

.editor-scroller .type-container>span {
	margin: 0 15px 10px 0;
}

.editor-scroller .editor-control-title .dijitTextBox,
.editor-scroller .editor-control-description textarea,
.subscription .editor-control-select-report .dijit,
.editor-scroller .editor-control-source .dijit,
.editor-scroller .editor-control-sourceField .dijit {
	width: 300px;
}

.editor-scroller .editor-control-title,
.editor-scroller .editor-control-source,
.editor-scroller .editor-control-sourceField {
	margin-bottom: 5px;
}

.editor-control-sortGroup .dgrid-column-sortRemove,
.editor-control-sortGroup .dgrid-column-sortAdd {
	width: 22px;
}

.editor-control-sortGroup .dgrid-column-sortColumn {
	width: 150px;
}

.editor-control-type {
	margin-bottom: 10px;
}

.editor-control-sortGroup .dgrid-column-sortOrder {
	width: 60px;
}

.editor-control-sortGroup .dgrid-column-sortGroup {
	width: 50px;
	visibility: hidden;
}

.editor-control-sortGroup .dgrid-column-sortMode {
	width: 75px;
}

.editor-control-sortGroup .dgrid-column-groupBy {
	width: 80px;
}

.editor-control-sortGroup .dgrid-column-groupBy .dijitComboBox {
	width: 80px;
}

.editor-control-sortGroup {
	width: 500px;
	/* still not sure where the extra 1px is coming from */
}

#structure-pane-editor #sortGroup {
	float: left;
}

#structure-pane-editor .simpleButton {
	margin: 0 0 0 10px;
}

.editor-control-sortGroup .dgrid-column-sortColumn .dijit {
	width: 144px;
}

.editor-control-sortGroup .dgrid-column-sortColumn.dgrid-cell-editing {
	padding: 0 !important;
	margin: 0 !important;
}

.criticalText,
.alertText {
	font-size: 11px;
	padding: 1px 5px;
	border-radius: 5px;
	border-width: 1px;
	border-style: solid;
	display: inline-block;
}

.criticalText {
	background-color: #a00;
	border-color: #e98672;
	color: #fff;
}

.alertText {
	background-color: #f4d150;
	border-color: #b59a3a;
	color: #786312;
}

/* HEADER */
.servicetrac_header_bg_clouds {
	/* background-color: #3288bc;
	background-image: url("img/backgrounds/background_clouds.jpg");
    background-repeat: repeat-x; */
	height: 60px;
	width: 100%;
}

#datalynk_logo {
	background-image: url("img/elements/aux_apps_logo.png");
	background-repeat: no-repeat;
	float: left;
	width: 223px;
	height: 40px;
	margin: 15px;
}

#structure-heading #headboard {
	height: 70px;
	width: 100%;
	overflow: hidden;
}

#structure-heading ul {
	margin: 0;
	float: right;
}

#structure-heading li {
	display: inline-block;
	list-style: none;
	margin-left: 15px;
}

.ck-content ul {
	list-style: outside !important;
}

.ck-content * li:last-child {
	visibility: visible !important;
	display: list-item !important;
	height: unset !important;
}

.ck-powered-by {
	display: none !important;
}

.ck-editor {
	text-wrap: wrap;
}

.headerOptions .dijitButton,
.headerOptions .dijitDropDownButton {
	height: 37px;
	padding: 23px 10px 0 10px;
	background-color: rgba(255, 255, 255, 0.3);
	margin: 0 !important;
	border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.headerOptions .dijitButtonNode {
	background: none !important;
	border: 0 none !important;
	box-shadow: none !important;
	color: #fff !important;
}

.headerOptions {
	position: absolute;
	right: 0px;
	top: 0px;
	font-size: 0;
}

.headerOptions>* {
	font-size: 12px;
}

.editor-calendar label {
	display: inline-block;
	width: 145px;
	margin-right: 5px;
	text-align: right;
}

.editor-calendar .editor-control {
	margin-bottom: 5px;
}

.editor-calendar .editor-control:last-child {
	margin-bottom: 0px;
}

.simpleButton {
	width: 16px;
	height: 16px;
	cursor: pointer;
	opacity: 0.75;
	font-size: 15px;
	line-height: 14px;
	text-align: center;
	border-radius: 5px;
	color: #fff;
	font-weight: bold;
	display: inline-block;
}

.simpleButton:hover {
	opacity: 1;
}

.simpleButtonInfo {
	background-color: #4c96b9;
}

.simpleButtonCritical {
	background-color: #a00;
}

.simpleButtonConfirm {
	background-color: #599E21;
}

.error-container {
	width: 60%;
	margin: 50px 0 0 15%;
	padding: 5%;
	border: 2px solid #c4c4c4;
	border-radius: 25px;
}

.error-floater {
	float: right;
	width: 200px;
	height: 165px;
	border-bottom: 1px dotted #c4c4c4;
	background-image: url('img/elements/grumpyCat.png');
	background-repeat: no-repeat;
}

.error-title,
.error-text {
	font-family: 'gill sans';
	font-weight: 100;
	font-size: 15px;
}

.error-title {
	font-size: 20px;
}

.error-text {
	margin-top: 15px;
}

.dgrid-header,
.dgrid-header-scroll,
.engine-header,
.dcalendar thead tr:last-child {
	/* background-image: url('img/backgrounds/background_gridHeader.png');
	background-repeat: repeat-x;
	color: #ffffff; */
}

#structure-pane-editor .editor-scroller .dijitTitlePane:first-child .dijitButtonText {
	display: block;
}

#structure-pane-editor .editor-scroller .iconLarge {
	margin: 5px;
}

.engine-header {
	margin-top: -6px;
	padding: 2px;
}

.type-container {
	display: inline-block;
	margin-bottom: 5px;
}


/* tree stuff */



.dgrid-tree .dgrid-content>.dgrid-row-odd {
	background-color: #d1e0ee;
}

.dgrid-tree .dgrid-content>.dgrid-row-even {
	background-color: #DEE9F4;
}

.dgrid-cell,
.dgrid-summary-cell {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

td.dgrid-cell,
.dgrid-summary-cell {
	border-right-color: transparent;
	border-left-color: transparent;
}

.expression-node {
	display: inline-block;
	vertical-align: top;
	white-space: nowrap;
}

.expression-xor>.expression-node {
	display: block;
}

.expression-type-1 {
	margin-bottom: 2px;
}

.expression-toggle {
	width: 16px;
	height: 16px;
	float: left;
	border-radius: 5px;
	text-align: center;
	font-size: 15px;
	line-height: 14px;
	font-weight: bold;
	color: #fff;
	margin: 3px 3px 0 1px;
	/* visibility: hidden; */
}

.expression-node:hover>.expression-toggle {
	visibility: visible;
}

.expression-remove {
	background: #a00;
}

.expression-add {
	background: #599e21;
}

.expression-add,
.expression-remove {
	cursor: pointer;
	opacity: 0.75;
}

.expression-add:hover,
.expression-remove:hover {
	opacity: 1;
}

.expression-control {
	width: 100px;
	margin-left: 3px;
}

.expression.expression-loading {
	opacity: 0.25;
}

.expression-item {
	padding: 2px;
	border: 1px solid #dadada;
	border-radius: 5px;
	margin-right: 2px;
	min-height: 15px;
	min-width: 6px;
}

.expression-item:hover {
	border-style: dotted;
	cursor: pointer;
}

.expression-type-8.expression-operator+.expression-type-2 {
	border: 1px solid #dadada;
	border-radius: 5px;
	padding: 1px;
}

.expression-type-8.expression-operator+.expression-type-2:hover {
	border-color: #ef770c;
	background: #f7d1a0;
}

.expression-error {
	border-color: #a00;
	background-color: #ffe2e2;
}

.expression-field:hover {
	border-color: #e75adf;
	background-color: #f4e4f3;
}

.expression-operator:hover {
	border-color: #eba112;
	background-color: #f4ecde;
}

.expression-value:hover {
	border-color: #469c9f;
	background-color: #dbedee;
}

.editor-email-row,
.editor-subscription-row {
	margin-bottom: 5px;
}

.editor-email-row:last-child,
.editor-subscription-row:last-child {
	margin-bottom: 0;
}

.editor-subscription-row {
	margin-left: 105px;
	padding-top: 0 !important;
}

.editor-row-labelled {
	margin-left: 0;
	margin-top: 10px;
}

.editor-row-labelled:first-child {
	margin-top: 0;
}

.editor-subscription-row label:last-child {
	margin-left: 5px;
}

.editor-email-row label,
.editor-subscription-row label:first-child {
	display: inline-block;
	width: 100px;
	text-align: right;
	margin-right: 5px;
	vertical-align: top;
}

.editor-email-row .dijitTextBox {
	width: 300px;
}

.subscription-role-list,
.subscription-format {
	display: inline-block;
	padding: 0 0 0 2px !important;
	width: 300px;
	overflow: hidden;
}

.subscription-role-list .dijitCheckBox,
.subscription-format .dijitRadio {
	display: block;
	margin-bottom: 5px;
	overflow: unset;
}

.subscription-role-list .dijitCheckBox:last-child,
.subscription-format .dijitRadio:last-child {
	margin-bottom: 0;
}

.subscription-role-list label,
.subscription-format label {
	position: relative;
	top: -15px;
	left: 20px;
	white-space: nowrap;
}

.subscription .editorContainer,
.role .editorContainer {
	border-top-width: 1px !important;
}

.subscription .editorContainer .editor-scroller {
	border: 0 !important;
}

.subscription .editor-control-title label,
.subscription .editor-control-description label,
.subscription .editor-control-select-report label {
	width: 100px;
}

.editor-panel-subscription,
.editor-control-select-report,
.editor-section-email {
	display: none;
}

[data-editor-mode="subscription"] .editor-panel-subscription,
[data-editor-mode="subscription"] .editor-control-select-report,
[data-editor-mode="subscription"] .editor-section-email {
	display: block;
}


[data-editor-mode="subscription"] .editor-control-type,
[data-editor-mode="subscription"] .editor-panel-settings,
[data-editor-mode="subscription"] .editor-panel-filtering,
[data-editor-mode="subscription"] .editor-graph,
[data-editor-mode="subscription"] .editor-survey,
[data-editor-mode="subscription"] .editor-panel-columns,
[data-editor-mode="subscription"] .editor-panel-sorting,
[data-editor-mode="subscription"] .editor-section-color,
[data-editor-mode="role"] .editor-control-type,
[data-editor-mode="role"] .editor-panel-settings,
[data-editor-mode="role"] .editor-graph,
[data-editor-mode="role"] .editor-survey,
[data-editor-mode="role"] .editor-panel-columns,
[data-editor-mode="role"] .editor-panel-sorting,
[data-editor-mode="role"] .editor-section-color {
	display: none;
}

.emails .field-category {
	width: 100px;
}

.emails .field-category .dijitDatalynkIcon {
	margin-right: 5px;
}

.emails .field-name {
	width: 35%;
}

.emails .dgrid-column-emails-when {
	width: 90px;
}

.emails td.dgrid-cell {
	vertical-align: top !important;
}

.emails .emails-description {
	font-size: 11px;
	color: #444;
	text-overflow: ellipsis;
	margin-left: 5px;
}

[data-editor-mode="subscription"] .editor-control-select-report {
	display: block;
}

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

.roles .roles-grid {
	padding: 0 !important;
	border: 0 none !important;
}

.roles .roles-member-name,
.roles .roles-member-count {
	display: inline-block;
}

.roles .roles-member-count {
	margin-left: 5px;
	color: #3f86ac;
	cursor: pointer;
}

.roles .roles-member-count:before {
	content: '(';
	color: #adadad;
}

.roles .roles-member-count:after {
	content: ')';
	color: #adadad;
}

.roles .roles-button {
	cursor: pointer;
	display: inline-block;
	margin-right: 5px;
}

.roles .roles-button:last-child {
	margin-right: 0;
}

.roles .dgrid-column-dashboard {
	width: 150px;
}

.roles .dgrid-column-iconColumn-modify,
.roles .dgrid-column-iconColumn-users,
.roles .dgrid-column-iconColumn-duplicate,
.roles .dgrid-column-iconColumn-dashboard {
	width: 24px;
}

.roles .dgrid-column-name {
	width: 325px;
}

.roles .dgrid-column-description {
	width: auto;
}

.roles .dgrid-cell:last-child {
	width: 37px;
}

.roles .role-no-dashboard {
	opacity: 0.75;
}

@CHARSET "UTF-8";

/* comment this out if you want to see the tab controller */

#structure-contentPane>.dijitTabContainer>.dijitTabController {
	display: none;
}

.dgrid-icon-column {
	width: 24px;
}

.label-html {
	background-color: #a00;
	color: #fff;
	padding: 0 3px;
	position: absolute;
	top: 0px;
	left: 0px;
	border-radius: 10px;
	font-size: 10px;
}

.highlightNode {
	outline: 1px dashed #ff0000 !important;
	outline-offset: -2px;
	background-color: #fff !important;
	background-image: none !important;
}

.highlightNode>* {
	visibility: hidden;
}

.autoHeight {
	height: inherit;
}

.dijitDatalynkIcon {
	cursor: pointer;
}


.hideUI #structure-heading,
.hideUI>.dijitToolbar,
.hideUI #structure-leftContainer,
.hideUI #structure-leftContainer_splitter,
.hideUI .box-header {
	display: none;
}

.hideUI .structure-pane {
	padding: 0 !important;
	margin: 0 !important;
}

.hideUI #structure-pane-grid>.dgrid,
.hideUI #structure-pane-record iframe {
	max-height: 100% !important;
	height: 100% !important;
	width: 100% !important;
	margin: 0;
	padding: 0;
	border: 0 none !important;
	border-radius: 0;
}

iframe {
	border: 0;
	margin: 0;
	padding: 0;
}

.dgrid-summary-footer .dgrid-column-set-0 .dgrid-column-set {
	visibility: hidden;
}

.floating-labelchanger {
	position: absolute;
	top: 0;
	width: inherit;
}

.editing-label {
	text-align: left !important;
}

.editing-label .dgrid-resize-header-container,
.editing-label .dgrid-sort-arrow {
	display: none;
}

.datalynk-users .dgrid-columnFilter .dijit {
	width: 100%;
}

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

.calendar-dcalendar {
	width: inherit;
	height: inherit;
}

#widget_form-moveToId.newRecord .dijitInputInner {
	visibility: hidden;
}

.splash {
	position: absolute;
	z-index: 999999;
	width: 100%;
	height: 100%;
	background-image: url('img/elements/loading.gif');
	background-size: 32px 32px;
	background-repeat: no-repeat;
	background-position: center;
	background-color: #fff;
	opacity: 1;
}

.splash.hide {
	opacity: 0;
	visibility: hidden;
}

.splash>span {
	margin-top: 16px;
	position: absolute;
	text-align: center;
	top: 50%;
	width: 100%;
	color: #696969;
	font-family: 'Gill Sans', arial, sans-serif;
	font-weight: 100;
	font-size: 14px;
}

/* .dgrid-footer {
	height: 22px;
} */
.dgrid-footer .dgrid-cell {
	display: table-cell;
	vertical-align: middle;
}

.dgrid-footer .dgrid-sortable {
	cursor: default;
}

.dgrid-footer .dgrid-cell-padding {
	overflow: hidden;
}

/* editor */
.editor-section-color .filter-andOr {
	display: none;
}

.expression-unhandled {
	width: 381px;
}

.filter .expression .dijitComboBox {
	width: auto;
}

.filter .expression {
	margin: 0 0 5px 0;
}

.filter .expression .dijitComboBox,
.filter .dijitFieldSelect,
.filter .expression>.dijitDatalynkIcon,
.expression-unhandled,
.editor-section-color .editor-color {
	margin-right: 5px;
}

.filter .expression>.dijitDatalynkIcon,
.expression-unhandled+div {
	position: relative;
	top: -3px;
}

.filter-andOr-left,
.filter-andOr-right,
.filter-andOr-select {
	display: inline-block;
	margin-right: 5px;
	vertical-align: top;
}

.filter-andOr-select {
	position: relative;
	top: -2px;
}

.filter-andOr {
	margin-bottom: 10px;
}

.displayNone {
	display: none !important;
}

.dijitComboBoxHideDropDown .dijitButtonNode {
	/*display: none;*/
}

.permissions {
	height: 100%;
	overflow-y: auto;
}

.permissions .indent {
	width: 15px;
	height: 1px;
	float: left;
	font-size: 0;
}

.permissions .dijitButton.save {
	display: block;
	width: 50%;
}

.permissions .dijitButton.save>* {
	width: 100%;
}

#pickRole_dropdown .dijitMenuItem,
#structure-pane-permissions .dgrid-cell {
	white-space: pre;
	/*reqd to show indent of filterselect items*/
}

#structure-pane-permissions .dgrid-row .dijitButton+.title {
	display: none;
}

#structure-pane-permissions .dgrid-row .new-slice {
	float: right;
}

#structure-pane-permissions .dgrid-row .edit-slice {
	float: left;
}


.permissions-pick {
	margin: 10px 0;
}

.permissions-pick label {
	margin-right: 5px;
}

#structure-pane-permissions .permissions-grid {
	min-width: 600px;
	display: inline-block;
}

#structure-pane-permissions .dgrid-cell {
	width: 50px;
	text-align: center;
}

#structure-pane-permissions .dgrid-cell.dgrid-column-name {
	width: auto;
	text-align: left;
}

.dgrid .dgrid-column-set-0 {
	width: 66px !important;
}

.dgrid-hide-delete .dgrid-column-set-0,
.dgrid-hide-edit .dgrid-column-set-0,
.dgrid-hide-view .dgrid-column-set-0 {
	width: 44px !important;
}

.dgrid-hide-delete.dgrid-hide-edit .dgrid-column-set-0,
.dgrid-hide-delete.dgrid-hide-view .dgrid-column-set-0,
.dgrid-hide-edit.dgrid-hide-view .dgrid-column-set-0 {
	width: 22px !important;
}

.dgrid-hide-delete.dgrid-hide-edit.dgrid-hide-view .dgrid-column-set-0 {
	display: none;
}

.dgrid-column-set-1 .dgrid-row-table td:last-child,
.dgrid-column-set-1 .dgrid-row-table th:last-child {
	width: auto !important;
}

.editor-control-selectedFields .dgrid-column-hidden {
	width: 40px;
	text-align: center;
}

.editor-control-availableFields {
	margin-right: 10px;
}

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

.jot .field-required {
	color: #a00;
}

.dgrid th.dojoDndItemSelected {
	border: 0 !important;
}

[onClick],
[onclick],
.clickable {
	cursor: pointer;
	color: #3491c3;
}

[disabled],
.disabled {
	cursor: disabled;
}

/* iconColumns */
.dgrid-iconColumn .dijitButton {
	visibility: hidden;
	margin: 0;
}

.dojoDndItemOver .dgrid-iconColumn .dijitButton {
	visibility: visible;
}

.dgrid-iconColumn .dijitButtonNode {
	border: 0 !important;
	padding: 0 !important;
	background: none !important;
	box-shadow: none !important;
}

.dgrid-iconColumn .dijitButtonText {
	display: none;
}

.editor-required:before,
.editor-expression:before {
	vertical-align: top;
	margin: -1px 2px 0 0;
	display: inline-block;
	width: 10px;
	height: 10px;
	text-align: center;
	position: relative;
	border-radius: 5px 5px 0;
	background: #a00;
	color: #fff;
}

#availableFields .editor-required:before {
	content: '*';
}

.editor-expression:before {
	content: '=';
	line-height: 9px;
}

.notifier-container {
	width: 30%;
	margin: 5px;
}

.notifier-container.notifier-container-top.notifier-container-center {
	margin-left: -13%;
}

.notifier-box {
	background: #eee;
	border: 2px solid #696969;
	padding: 15px 30px;
	border-radius: 15px;
	text-align: center;
	opacity: 0.90;
	font-size: 15px;
}

.notifier-container-top .notifier-box {
	margin-bottom: 5px;
}

.notifier-container-bottom .notifier-box {
	margin-top: 5px;
}

.notifier-box:hover {
	opacity: 1;
}

.alert {
	background: #d6edb4;
	border-color: #415533;
	color: #434c3d;
}

.warning {
	background: #fdeaa2;
	border-color: #684a28;
	color: #332413;
}

.critical {
	background: #fdb0ad;
	border-color: #5e2c2a;
	color: #2d1514;
}

.rowColor-black {
	background-color: #000;
	color: #fff !important;
}

.color-black {
	color: #000
}

.rowColor-white {
	background-color: #fff;
}

.color-white {
	color: #fff;
}

.rowColor-highlighter {
	background-color: #c6ff00;
}

.color-highlighter {
	color: #c6ff00;
}

.rowColor-navyblue {
	background-color: #214798;
	color: #fff !important;
}

.color-navyblue {
	color: #214798;
}

.rowColor-astrogreen {
	background-color: #42c61a
}

.color-astrogreen {
	color: #42c61a;
}

.rowColor-neongreen {
	background-color: #01ff01;
}

.color-neongreen {
	color: #01ff01;
}

.rowColor-grey {
	background-color: #999;
}

.color-grey {
	color: #999;
}

.rowColor-green {
	background-color: #92d050;
}

.color-green {
	color: #92d050;
}

.rowColor-lgreen {
	background-color: #e1ffc1;
}

.color-lgreen {
	color: #e1ffc1;
}

.rowColor-purple {
	background-color: #ba80d4;
}

.color-purple {
	color: #ba80d4;
}

.rowColor-lpurple {
	background-color: #f2dcfc;
}

.color-lpurple {
	color: #f2dcfc;
}

.rowColor-red {
	background-color: #ff0000;
}

.color-red {
	color: #ff0000;
}

.rowColor-pink {
	background-color: #fc9999;
}

.color-pink {
	color: #fc9999;
}

.rowColor-lambo {
	background-color: #ec15ad;
	color: #fff;
}

.color-lambo {
	color: #ec15ad;
}

.rowColor-blue {
	background-color: #00b0f0;
}

.color-blue {
	color: #00b0f0;
}

.rowColor-lblue {
	background-color: #9bdcf4;
}

.color-lblue {
	color: #9bdcf4;
}

.rowColor-tan {
	background-color: #ecead6;
}

.color-tan {
	color: #ecead6;
}

.rowColor-yellow {
	background-color: #ffff00;
}

.color-yellow {
	color: #ffff00;
}

.boldFont {
	font-weight: bold;
}

.rc-selector {
	display: inline-block;
	padding: 1px;
	width: 100%;
}

.dcalendar-low-bit .dcalendar-day-scroller {
	height: inherit !important;
	top: 0 !important;
}

.dcalendar-low-bit .dcalendar-entry {
	font-size: 40px;
	line-height: 40px;
	padding: 0 !important;
	text-align: center;
	width: inherit;
	position: absolute;
	top: 50%;
	margin-top: -20px;
}

.dcalendar-low-bit .dcalendar-more {
	display: none;
}

.dcalendar-day-disabled .dcalendar-entry {
	opacity: 0.2;
	filter: alpha(opacity=20);
}

.editor-type-survey .editor-panel-filtering,
.editor-type-survey .editor-panel-columns,
.editor-type-survey .editor-panel-sorting,
.editor-type-survey .editor-section-color {
	display: none;
}

.separator {
	clear: both;
	display: block;
	height: 1px;
	margin-top: 15px;
	width: 219px;
	margin-bottom: 10px;
}


.menu_item_class {
	color: #000000;
	font-size: 12px;
}

.importIcon {
	background-repeat: no-repeat;
	width: 68px;
	height: 31px;
	text-align: center;
}

.fr {
	float: right;
}

.fl {
	float: left;
}

.survey-body {
	overflow: auto;
}

.editor-survey label {
	display: inline-block;
	margin-right: 5px;
	text-align: right;
	width: 115px;
}

.survey-question-votes {
	color: #696969;
	font-size: 11px;
}

.survey-question-votes {
	margin-left: 10px;
}

.survey-noresults {
	padding: 15px;
}



.survey-row-even {
	background-color: #eeeeee;
}

.survey-graph {
	margin-left: 2%;
	width: 96%;
	padding-top: 10px;
}

.survey-votes {
	width: 45px;
}

.survey-percent {
	width: 35px;
	text-align: right;
}

.survey-results-bar-graph {
	width: 50%;
}

.survey-vertical-graph {
	height: 100%;
}

.vertical-graph {
	display: inline-block;
	float: right;
	width: 400px;
}

.vertical-graph-parent {
	display: inline-block;
	background-color: #ff00ff;
	text-align: center;
	height: inherit;
}

.vertical-graph-bar {
	background: #00ff00;
	margin-right: 5px;
}

.vertical-graph-bar-label {
	height: inherit;
	position: absolute;
}

.survey-inside>div {
	display: inline-block;
}

.survey-graph .survey-label {
	width: 25px;
}

.survey-inside {
	padding: 2px 4px;
}

.survey-votes {
	width: 40px;
	text-align: right;
}

.survey-percent {
	width: 35px;
	text-align: right;
}

.survey-question {
	width: 90%;
	padding: 15px;
	border-bottom: 1px solid #ddd;
	margin: auto;
}

.survey-bar {
	display: block;
	height: 20px;
	line-height: 20px;
	background-image: linear-gradient(to bottom, #ffffff 0%, #E2C240 100%) !important;
	text-indent: 5px;
	position: relative;
	top: -1px;
	left: -1px;
	box-shadow: 1px 1px 1px #BABABA;
}

.survey-row {
	width: 100%;
	text-align: middle;
	margin: 5px;
	background-color: #eaeaea;
}

.survey-stats,
.survey-stats-summary {
	white-space: nowrap;
}

.survey-stats {}

.survey-stats-summary {
	margin-left: 10px;
}

.dashEdit-object-pane .single-widget {
	height: 100%;
}

.dijitContentPane.dashEdit-object-pane.dijitContentPaneSingleChild {
	padding: 0 !important;
}

.odg .dgrid-content>*:hover {
	background-color: #bfd6eb !important;
}

.odg .dgrid-content .dgrid-selected {
	background-color: #fff1b2 !important;
}

.odg .dgrid-content .dgrid-selected:hover {
	background-color: #75b3ec !important;
}

.odg .dgrid-no-data:hover {
	background-color: transparent !important;
}

.form-textbox .dgrid,
.form-textbox .dgrid th,
.form-textbox .single-options,
.jot .jotEmbedGridHeader {
	font-weight: normal;
}

.form-textbox .dgrid .dgrid-column-0-0-0>* {
	margin-right: 5px;
}

.form-html {
	width: 100%;
	padding: 0 3px;
}

.form-textbox .dgrid .dgrid-column-0-0-0>*:last {
	margin-right: 0;
}

/* from migrate */
@CHARSET "UTF-8";

.single-widget,
.single-widget>.dijitBorderContainerNoGutter {
	height: inherit;
}

.single-title {
	font-size: 14px;
	font-weight: 300;
}

.single-title {
	float: left;
	display: inline-block;
}


.single-title .location-option:last-child:after {
	content: none;
	margin: 0;
}

.single-options {
	float: right;
	white-space: nowrap;
}


.single-title .icon {
	display: none;
}

.confirm-dialog .dijitTextBox {
	display: block;
}

.confirm-dialog .dijitContentPane>* {
	margin-bottom: 15px;
}

#structure-pane-grid .single-stage {
	border: 1px solid #aaa;
	border-radius: 6px 0 6px 6px;
}

.odg .dgrid {
	border: 0 !important;
}

.single-options .dijitButtonNode,
.jot .jotEmbedGridHeader .dijitButtonNode {
	background: 0 none !important;
	border: 0 !important;
	box-shadow: none !important;
	color: #fff !important;
}

.general-error:before {
	content: 'Error';
	margin-right: 5px;
	background-color: #a00;
	color: #fff;
	padding: 5px;
}

.general-error {
	border: 1px solid #777;
	border-left-width: 0;
	border-radius: 6px 6px 6px 0;
	display: inline-block;
	padding: 5px 5px 5px 0;
	overflow: hidden;
}

.form-line .single-options {
	float: none;
}

.odg-row-grandtotals .dgrid-column-set-0 .icon {
	display: none !important;
}

.form-textbox .dgrid-content {
	width: inherit !important;
}

.form-textbox .single-title {
	float: left;
	font-size: 12px;
}

.form-textbox .dgrid {
	border-top-width: 0 !important;
}

.form-textbox .single-options .dijitButton,
.jot .jotEmbedGridHeader .dijitButton,
.jot .jotEmbedGridHeader .dijitDropDownButton {
	margin-top: 0;
}

.form-textbox .single-options:before,
.jot .jotEmbedGridHeader:before {
	background-image: url("img/backgrounds/background_left_cap_invert.png");
}

.slimForm .jot .jotEmbedGridHeader {
	display: none;
}

.slimForm .odgSearchBox {
	display: none;
}

.jot .jotEmbedGridHeader {
	float: right;
	display: inline-block;
	font-weight: normal;
	height: 24px;
}

.form-textbox .single-options,
.jot .jotEmbedGridHeader {
	background-image: url("img/backgrounds/background_controlBar_invert.png");
}

.form-textbox .single-options .dijitButtonText,
.jot .jotEmbedGridHeader .dijitButtonText {
	color: #464646;
}

.form-textbox .single-options .dijitButtonDisabled .dijitButtonText,
.jot .jotEmbedGridHeader .dijitButtonDisabled .dijitButtonText {
	color: #afafaf;
}

.odg-related-display .aggregateResult {
	color: #32627e;
}

.odg .dgrid-cell[class*="cellRule"]>.odg-related-display {
	color: inherit;
	text-decoration: inherit;
	font-weight: inherit;
	font-style: inherit;
}

#form-title_label {
	color: #444;
}

[widgetid="engine-button-edit"].dijitDisabled,
[widgetid="engine-button-view"].dijitDisabled {
	display: none;
}

.single-stage {
	overflow: auto !important;
	border: 1px solid #ddd;
}

.sledit>*,
.sledit .dijitTitlePane .dijitTitlePaneContentOuter {
	border-left-width: 0 !important;
	border-right-width: 0 !important;
}

.dijitReportSelect-application,
.dijitFormSelect-application {
	margin-right: 5px;
}

.rabugr-group-row {
	margin-bottom: 5px;
}

.rabugr-group-row:last-child {
	margin-bottom: 0;
}

.rabugr-group-row label {
	margin-right: 5px;
}

.sledit .sublabel {
	margin-left: 5px;
	display: inline-block;
	width: auto;
}

.sledit label {
	display: inline-block;
	text-align: right;
	width: 150px;
}

.sledit .sledit-emailBody label,
.sledit .sledit-description label {
	width: auto;
}

.sledit .sledit-emailBody label+.dijitComboBox,
.sledit .sledit-description label+.dijitComboBox {
	width: 8em;
}

.sledit-description {
	height: 125px;
	overflow: hidden;
}

.rabugr-group-row label {
	width: auto !important;
	text-align: left !important;
}

.sledit .dijitTextArea,
.dijitEmailAddressTextBox,
.dijitPhoneNumberTextBox,
.sledit .dijitEditor {
	display: inline-block;
	width: calc(100% - 175px) !important;
	vertical-align: top;
}

.sledit .sledit-row-fieldOrExpressionSelect .dijitTextArea,
.sledit .sledit-row-fieldOrExpressionSelectWithContext .dijitTextArea {
	width: calc(100% - 317px) !important;

}

.sledit .dijitFieldSelectInjector {
	background-color: #fff;
	margin-top: -22px;
	position: absolute;
	right: 33px;
}

.sledit .dijitFieldSelectInjector+.dijitFieldSelectInjector {
	margin-top: 22px;
}

.feditor-extras .customfield-label {
	margin-bottom: 10px;
}

.sledit .dijitFieldSelectInjector+.dijitTextArea,
.dijitFieldSelectInjector+textarea {
	width: calc(100% - 15em) !important;
	box-sizing: border-box;
}

.customfield-expression-wrapper {
	position: relative;
	width: 100%;
	margin-bottom: 10px;
}

.customfield-expression-wrapper .dijitFieldSelectInjector {
	right: 0;
	margin-top: 0;
	box-sizing: border-box;
}

.feditor>.ui-widget .dgrid-footer {
	height: auto !important;
}

.fieldColorSelect {
	display: inline-block;
}

.colorSelectSuffix {
	margin: 0 5px;
}


.filter.cellColor .filter-andOr {
	display: none;
}

#availableFields,
#selectedFields {
	height: 500px !important;
}

.box-header>.dijitButton:first-child .dijitButtonNode,
.engine-header .dijitButtonNode {
	border: 0 !important;
	background: none !important;
	box-shadow: none !important;
}

iframe {
	border: 1px solid #ddd;
	border-top-width: 0;
	margin-left: 4px;
	box-shadow: 5px 5px 5px #ddd;
}

.jot-add-mode .engine-header>* {
	visibility: hidden;
}

.location-option {
	cursor: pointer;
}

.dgrid-content {
	outline: 0 !important;
}


/* old jot related things, should get nuked/fixed on new update */
/* .dgrid-autoheight .dgrid-column-set-scroller {
	position: relative;
	width: inherit !important;
	overflow-x: auto !important;
} */

body {
	background-color: #fff !important;
}

label.whereClause {
	display: inline-block;
	float: left;
	margin-top: 3px;
	margin-right: 5px;
}

.dijitSimpleToggle {
	display: inline-block;
	margin-left: 5px;
	cursor: pointer;
	color: blue;
	text-decoration: underline;
	vertical-align: baseline;
	float: right;

}

.dijitSimpleToggle:before,
.dijitSimpleToggle:after {
	text-decoration: none;
	color: #000;
}

.dijitSimpleToggle:before {
	content: '(';
}

.dijitSimpleToggle:after {
	content: ')';
}

.pane-import #uploader {
	display: block;
}

.pane-import #widget_filename {
	display: block;
	clear: both;
	margin-bottom: 3px;
}

.pane-import .dijitUploader,
.pane-import .dijitButton {
	margin-left: 0;
	/* display:block; */
}

.pane-import .dijitFileUploadContainer {
	display: inline-block;
}

#placegrid {
	overflow: scroll;
	border-bottom: 0 !important;
	clear: both;
	margin-bottom: 3px;
}

#widget_importOptionsComboBox {
	margin-bottom: 5px;
}

#placegrid .dgrid-row-table {
	/* width: auto; */
}

#placegrid th.dgrid-cell {
	vertical-align: top !important;
}

.pane-import .dijitCheckBox {
	float: left;
	display: block;
}

.pane-import #checklabel {
	display: block;
}

#placegrid .dijitTextBox {
	display: block;
}

#placegrid th>div {
	margin-bottom: 2px;
	background: white;
}

#intro {
	color: #C6C6C6;
	margin-bottom: 15px;
	margin-left: 5px;
}

th.dgrid-cell,
td.dgrid-cell {
	width: 190px;
}

#checklabel {
	display: block;
}

.notifier-noAutoClose {
	position: relative;
}

#importLabel {
	display: block;
}

.notifier-noAutoClose:after {
	content: "x";
	display: block;
	height: 25px;
	width: 25px;
	color: #415533;
	position: absolute;
	top: 1px;
	right: 3px;
	cursor: pointer;
}

.form-section-closed>li {
	display: none !important;
}

.form-section-closed>li:first-child {
	display: list-item !important;
}

/* date control rules */

/* YYYY/MM */

.yearMonthFormat {
	width: 70px !important;
}

/*
 YYYY/MM/DD
 MMM/DD YYYY
*/
.shortDateFormat {
	width: 100px !important;
}

.shortDateFormat.addTime {
	width: 160px !important;
}

/* full month name */
.medDateFormat {
	width: 150px !important;
}

.medDateFormat.addTime {
	width: 210px !important;
}

/* abbr day, full month */
.testname {
	width: 185px !important;
}

.testname.addTime {
	width: 245px !important;
}

/*Full both */
.fullDateFormat {
	width: 235px !important;
}

.fullDateFormat.addTime {
	width: 280px !important;
}

/* abbr both */
.abbrBothFormat {
	width: 140px !important;
}

.abbrBothFormat.addTime {
	width: 200px !important;
}

/* full day, abbr month */
.abbrMonth {
	width: 200px !important;
}

.abbrMonth.addTime {
	width: 238px !important;
}


.find_replace_tabs .dijitTab {
	background: none !important;
	border: none !important;
	padding: 3px 6px !important;
	box-shadow: none !important;
	padding-left: 20px !important;
}

.find_replace_tabs .dijitTabPaneWrapper {
	border: none;
}

.find-and-replace .row-find>span,
.find-and-replace .row-replace>span {
	display: block;
}

.find-and-replace .row-find>span.findcon,
.find-and-replace .row-replace>span.replacecon {
	display: inline-block;
}

.find-and-replace .frleft {
	float: left;
	width: 70%;
}

.find-and-replace .frright {
	float: right;
	margin-bottom: 15px;
}

.find-and-replace .frleft .dijitTextBox {
	/* 	display:block;
	width: auto; */
}

.find-and-replace .frleft .dijitTextBox input.dijitInputContainer {
	width: 100%;
}

.find-and-replace .frleft .dijitTextArea {
	height: 18x;
	max-width: 325px;
	width: 100% !important;
}

.find-and-replace .frright .dijitButton {
	display: block;
}

.find-and-replace .frright .dijitButtonNode {
	width: 100%;
}

.find-and-replace .row.row-find {
	white-space: normal;
}

.find-and-replace label {
	padding: 5px 0;
	display: inline-block;
}

.find-and-replace>.dijitDialogPaneContent {
	height: 320px;
}

.find_replace_tabs .dijitTab {
	background-image: url("img/icons/notchecked.png") !important;
	background-repeat: no-repeat !important;
	background-position: left center !important;
	margin-right: 10px !important;
}

.find_replace_tabs .dijitTabChecked {
	background-image: url("img/icons/checked.png") !important;
}

.find-and-replace .dijitDateTime .dijitDateTextBox {
	margin-right: 0 !important;
}

.find-and-replace .searchModLabels label {
	margin-left: 5px;
}

.find-and-replace .hideMe {
	display: none !important;
}

.sledit-row-frequency p {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	padding-left: 5px;
}

.gridhtml p {
	margin: 0;
}


/* camera shit */
.canvasAddon .dijitSplitter {
	background-color: #fff;
}

.cameraButton .dijitButtonNode,
.cameraButton.dijitSelect,
[data-mediaDevice-camera-dropdown="1"],
.dijitCamera .dijitButtonNode {
	border-radius: 24px !important;
	padding: 10px !important;
}

.cameraButton.dijitButtonDoubleSize .dijitButtonNode {
	border-radius: 48px !important;
}

.canvasAddonCropper {
	z-index: 2;
}

.gantt-title,
.gantt-title+.odgSearchBox {
	margin: 5px 0 0 10px;
	padding: 5px 0 5px 10px;
	border-left: 2px dotted #ddd;
}

.gantt-title .dijitDateTextBox {
	width: 100px;
	text-align: center;
}

.gantt-title .dijitNumberTextBox.dijitSpinner {
	width: 50px;
	text-align: center;
}

.gantt-title>label {
	margin-left: 5px;
}

.gantt-title>label:first-child {
	margin-left: 0;
	margin-right: 5px;
}

.dijitGanttChart.gantt-hide>* {
	display: none;
}

.dijitGanttChart.gantt-hide:before {
	content: 'No records match your criteria';
	position: absolute;
	display: inline-block;
	margin: auto;
	left: 0;
	right: 0;
	font-size: 12px;
	top: calc(50% - 6px);
	text-align: center;
}


/** PARAMETERIZED **/
.parameterized-row {}

.parameterized-label {
	margin-right: 5px;
}

.parameterized-label:after {
	content: ':';
}

/** issue #31 **/
.jotform-form .egrid[data-row-count="0"] .dgrid-column-set-scroller-container {
	display: none;
}

.feditor-buttons .feditor-newFormula {
	margin-top: 200px;
}

.dgrid .print-delay {
	opacity: 0.5;
}

.dgrid .print-delay:before {
	content: 'Preparing...';
	position: absolute;
	z-index: 9999999;
	top: 0;
	left: 0;
	right: 0;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	color: #000;
	background-color: #fff;
	border: 1px solid #a00;
}




.tab-pane .form-collapse-table {
	display: none !important;
}

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

.jotform-form .tab-buttons {
	display: flex;
	flex-wrap: nowrap;
	overflow: auto;
	align-items: stretch;
	padding: 5px 6px 0 6px;
	clear: both;
	z-index: 2;
}

.tab-buttons .material-button {
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-bottom: 0;
	border-left-width: 0;
	border-radius: 6px 6px 0 0;
	box-shadow: 1px 1px 5px #ddd;
	display: flex;
	align-items: center;
	justify-content: center;

}

.tab-buttons .material-button:first-child {
	border-left-width: 1px;
}


.jotform-form .tab-buttons~ul.form-section,
.jotform-form .tab-buttons~ul.form-section-closed {
	border: 1px solid #ddd;
	padding: 8px;
	border-radius: 5px;
	background-color: #fff;
	box-shadow: 1px 1px 5px #ddd;
	z-index: 1;
	overflow: hidden;
}

.jotform-form .tab-pane~ul.form-section:not(.tab-pane),
.jotform-form .tab-pane~ul.form-section-closed:not(.tab-pane) {
	border-top: 0;
	margin-top: -2px;
	border-radius: 0 0 5px 5px;
	position: relative;
}

.jotform-form .tab-pane~ul.form-section:not(.tab-pane):before,
.jotform-form .tab-pane~ul.form-section-closed:not(.tab-pane):before {
	content: '\00a0';
	position: absolute;
	height: 4px;
	top: -4px;
	left: 0;
	right: 0;
	background-color: inherit;
	z-index: 2;
}




/* acccent
rgb(255, 64, 129)
*/


.theme-grouped .servicetrac_header_bg_clouds,
.theme-grouped .dgrid-header,
.theme-grouped .dgrid-header-row,
.theme-grouped .dgrid-header-scroll,
.theme-grouped .engine-header,
.theme-grouped .dcalendar thead tr:last-child,
.theme-grouped .grouped-left .dijitTitlePaneTitle.dijitTitlePaneTitleOpen {
	background-color: var(--primary);
	color: var(--primary-fore) !important;
}


/* LEFT NAV HOVER STUFF */
.claro .dijitMenu .dijitMenuItemHover td,
.claro .dijitMenu .dijitMenuItemSelected td {
	background-color: var(--accent) !important;
	background-image: none !important;
	color: var(--accentText) !important;
	border-color: var(--accent) !important;
}

.claro .dijitMenu .dijitMenuItemHover td span,
.claro .dijitMenu .dijitMenuItemSelected td span {
	color: var(--accentText) !important;
}

/* TABLE HEADER */
.claro .dgrid-header th.dojoDndItemOver,
.claro .dgrid-header .dgrid-header-row th.dojoDndItemOver,
.claro .dgrid-header .dgrid-cell.dojoDndItemOver,
.claro .dgrid-header .dgrid-cell.dojoDndItemOver .dgrid-resize-header-container {
	background: var(--accent) !important;
	/* solid red */
	background-image: none !important;
	/* remove gradient */
	color: var(--accentText) !important;
	border-color: var(--accent) !important;
}


.claro .dgrid-header th.dojoDndItemOver * {
	color: var(--accentText) !important;
}

/* FIX: if you still want a generic rule, this is the correct form */
.dojoDndItemOver {
	background-image: none !important;
}

span[style*="color:"] .claro .dijitMenu .dijitMenuItemHover td .color-black,
.claro .dijitMenu .dijitMenuItemHover td span[style*="color:"],
.claro .dijitMenu .dijitMenuItemHover td .dijitIcon,
.claro .dijitMenu .dijitMenuItemSelected td .color-black,
.claro .dijitMenu .dijitMenuItemSelected td span[style*="color:"],
.claro .dijitMenu .dijitMenuItemSelected td .dijitIcon {
	color: var(--accentText) !important;
}

.dgrid-resize-header-container,
.dgrid-grid .dgrid-scroller .dgrid-cell-padding {
	padding-top: 5px;
	padding-bottom: 5px;
}

.grouped-left .dijitTitlePane:not(:first-child) {
	border-top: 1px solid #bbb;
}

.grouped-left .dijitTitlePaneTitle,
.dijitToolbar {
	background-color: #ddd;
	background-image: none !important;
	color: #111 !important;
	border: 0;
}

.grouped-left .dijitTitlePane .dijitTitlePaneTitle {
	padding: 0 !important;
	border: 0;
}

.grouped-left .dijitTitlePane .dijitTitlePaneTitleFocus {
	margin-top: 0;
	padding: 5px 2px;
}

.grouped-toolbar.dijitToolbar {
	border-bottom: 1px solid #bbb !important;
	background-color: rgba(63, 111, 133, 0.2);
}

.claro .theme-grouped .dijitTitlePaneContentOuter {
	border: 0;
}

.claro .theme-grouped .dijitContentPane.single-stage {
	border-radius: 6px;
}

.theme-grouped .single-widget.jotStage .widget-comments {
	top: 56px;
}

.theme-grouped .engine-header {
	display: grid;
	grid-template-columns: auto auto auto auto 1fr;
	grid-template-rows: auto;
	padding: 4px 8px;
	gap: 4px;
	box-sizing: border-box;
	border-radius: 6px 6px 0 0;
}

.theme-grouped .engine-header .dijitButton {
	margin: 0;
	padding: 0;
}

.theme-grouped .engine-header .dijitButton .dijitButtonContents {
	height: 19px;
	display: flex;
	align-items: center;
}

.theme-grouped .dgrid-row-even {
	background-color: #ffffff;
}

.theme-grouped .dgrid-row-odd,
.theme-grouped .dgrid-grid .dgrid-content .dgrid-row-odd .dgrid-column-set-0 {
	background-color: #eee;
}

.dgrid-resize-handle {
	right: -2px !important;
	border-left: 5px solid rgba(255, 255, 255, 0.25) !important;
}


.dgrid-cell>a[target="dlAttatchmentGetter"]:only-child {
	display: inline-block;
	width: 100%;
}

.dgrid-cell>a[target="dlAttatchmentGetter"]:only-child img {
	width: 100%;
	max-width: unset;
}

.dijitMailingListSelect[data-mailinglist-count] {
	position: relative;
}

.dijitMailingListSelect[data-mailinglist-count]:after {
	content: attr(data-mailinglist-count);
	position: absolute;
	left: calc(100% + 5px);
	top: 2px;
	white-space: nowrap;
	font-style: italic;
}

/* TESTING NEW STYLES */

/* Wrapper stays horizontal */
.single-wrapper {
	display: block;
	width: 100%;
	overflow: visible;
	white-space: nowrap;
}

/* Title on the left */
.single-title {
	float: left;
	max-width: 50%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* Search stays beside title */
.single-title+.odgSearchBox {
	float: left;
	margin-left: 10px;
	padding-left: 10px;
	border-left: 2px dotted #ddd;
}

/* Buttons ALWAYS on the right, NEVER wrap */
.single-options {
	float: right;
	white-space: nowrap;
	display: inline-block;
}

/* Buttons inline, not column */
.single-options .dijitButton {
	display: inline-block;
	vertical-align: middle;
	margin-left: 6px;
}

/* Button internals aligned properly */
.single-options .dijitButtonContents {
	display: inline-block;
	text-align: center;
}

/* Icon above text WITHOUT flexbox */
.single-options .dijitIcon {
	display: block;
	margin: 0 auto;
	line-height: 16px;
}

.single-options .dijitButtonText {
	display: block;
	font-size: 11px;
	line-height: 12px;
	margin-top: 2px;
}

/* Prevent toolbar height from forcing wrap */
.engine-header,
.jot .jotEmbedGridHeader {
	overflow: visible;
	height: auto;
}

/* Left nav hover */
.grouped-left .dijitTitlePaneTitleHover {
	font-weight: bold !important;
}

/* hover (covers Button + DropDownButton) */
.theme-grouped .grouped-toolbar .dijitButtonNode:hover,
.theme-grouped .grouped-toolbar .dijitButtonHover .dijitButtonNode,
.theme-grouped .grouped-toolbar .dijitDropDownButtonHover .dijitButtonNode {
	background: #86ccffbc !important;
	/* lighter blue on hover */
	border-color: #1f4662 !important;
	/* brighter purple */
	font-weight: bold;
}

/* pressed / active */
.theme-grouped .grouped-toolbar .dijitButtonActive .dijitButtonNode,
.theme-grouped .grouped-toolbar .dijitDropDownButtonActive .dijitButtonNode {
	border-color: #1f4662 !important;
}


.datalynkChart .am5-export-host {
  display: inline-flex;
  align-items: center;
  margin-left: 8px;
}

/* Helps amCharts menu button not look out-of-place */
.datalynkChart .am5exporting {
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 13px;
}

/* =========================================================
   Chart toolbar (amCharts5 widget header) - icons + text
   Fixes: icons invisible (white-on-white), clipping, layout
   ========================================================= */

.datalynkChartHeader .single-options {
	overflow: visible !important; /* allow dropdown menus */
}

/* Kill generic toolbar white text for THIS header */
.datalynkChartHeader .single-options .dijitButtonNode {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	color: var(--primary) !important;  /* text/icon default */
	padding: 2px 6px !important;
	white-space: nowrap;
}

/* Make the icon + label stack nicely */
.datalynkChartHeader .single-options .dijitButtonContents {
	display: inline-block !important;
	text-align: center;
}

/* IMPORTANT: claro uses sprite backgrounds on dijitIcon.
   For Font Awesome, we must remove backgrounds. */
.datalynkChartHeader .single-options .dijitIcon {
	background: none !important;
	width: 16px;
	height: 16px;
	display: block;
	margin: 0 auto;
	line-height: 16px;
	overflow: visible;
	font-size: 20px;
}

/* Force FA glyph visibility inside dijitIcon */
.datalynkChartHeader .single-options .dijitIcon.fa {
	font-size: 16px;
	color: var(--accent) !important;
}
.datalynkChartHeader .single-options .dijitIcon.fa:before {
	display: block;
	width: 16px;
	text-align: center;
}

/* Label under icon */
.datalynkChartHeader .single-options .dijitButtonText {
	display: block !important;
	font-size: 11px;
	line-height: 12px;
	margin-top: 2px;
	color: var(--primary) !important;
}

/* Hover */
.datalynkChartHeader .single-options .dijitButtonNode:hover .dijitButtonText,
.datalynkChartHeader .single-options .dijitButtonNode:hover .dijitIcon.fa {
	color: #759db3 !important;
}

/* Dropdown arrow spacing */
.datalynkChartHeader .single-options .dijitArrowButtonInner {
	margin-left: 2px;
}

/* Export host + menu stacking */
.datalynkChartHeader .am5-export-host {
	display: inline-block;
	vertical-align: middle;
	margin-left: 6px;
}


/* Hide dropdown arrow ONLY for the Download DropDownButton */
.datalynkChartHeader .dlNoArrow .dijitArrowButton,
.datalynkChartHeader .dlNoArrow .dijitArrowButtonInner,
.datalynkChartHeader .dlNoArrow .dijitArrowNode{
  display: none !important;
}
/* Remove the extra space reserved for the arrow */
.datalynkChartHeader .dlNoArrow .dijitButtonContents{
  padding-right: 0 !important;
}
.am5-exporting-menu {
	z-index: 999999 !important;
}

/* Fullscreen background safety */
.datalynkChart:fullscreen,
.datalynkChart:-webkit-full-screen,
.datalynkChart.is-fullscreen {
	background: #fff !important;
	color: #111 !important;
}
.datalynkChart.is-fullscreen .datalynkChartHeader {
	background: #fff !important;
}