html,
body {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  overflow: hidden;
  font-family: HelveticaNeue, Helvetica, Arial, sans-serif;
  text-rendering: optimizeSpeed;
  -webkit-font-smoothing: antialiased;
  font-smooth: auto;
}

* {
  outline: none;
}

.wf {
  font-size: 14px;
}
.wf .wfDisableTextSelect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Chrome/Safari/Opera */
  -khtml-user-select: none; /* Konqueror */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE/Edge */
  user-select: none; /* non-prefixed */
}
.wf .wfRoundedButton {
  border-radius: 4px;
}
.wf .wfBold {
  font-weight: bold;
}
.wf .wfUnderlined {
  text-decoration: underline;
}
.wf .wfItalic {
  font-style: italic;
}
.wf .wfHidden {
  display: none !important;
}
.wf .wfInvisible {
  visibility: hidden !important;
}
.wf .wfFullWidth {
  width: 100%;
}
.wf .wfFullWidthAndHeight {
  width: 100%;
  height: 100%;
}
.wf .wfToolbar {
  background-image: none;
}
.wf .wfToolbar .wfToolbarRightContainer {
  float: right;
}
.wf .dijitContainer,
.wf .wfBorderContainer {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.wf .wfTitlePane {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}
.wf .wfTitlePane > .wfContentPane {
  padding: 0;
  margin: 0;
}
.wf .wfTitlePane .wfTitlePaneTitleNode {
  padding: 0.5em;
  margin: 0;
  font-size: 1.2em;
}
.wf .dijitContentPane,
.wf .wfContentPane {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.wf .wfCollapserWidget {
  padding: 0;
  margin: 0;
  width: 12px !important;
  color: #c0c0c0;
  background-color: #ffffff;
  cursor: pointer;
  font-size: 1em;
  height: 100%;
}
.wf .wfCollapserWidget:hover {
  background-color: #c0cfd8;
}
.wf .wfCollapserWidget:hover .wfCollapserWidgetIcon {
  visibility: visible;
}
.wf .wfCollapserWidget .wfCollapserWidgetIcon {
  visibility: hidden;
  border-radius: 2px;
  border: 1px solid #d3d3d3;
  overflow: hidden;
  margin: 0 2px;
  padding: 1px;
  position: absolute;
  top: 50%;
}
.wf .wfCollapserWidget .wfCollapserWidgetIcon i {
  font-size: 0.7em;
  line-height: 0.8em;
  display: block;
  float: left;
}
.wf .wfCalendarTodayButton {
  width: 100%;
  margin-top: 2px;
}
.wf .wfCalendarTodayButton .dijitButtonNode {
  width: 100%;
  background-color: #fff;
  padding: 4px;
}
.wf .wfCalendarTodayButton .dijitButtonText {
  margin-left: 4px;
  font-size: 1em;
  color: #333;
}
.wf .wfIcon {
  color: #606366;
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.wf .wfGridIdField {
  width: 60px;
}
.wf .wfGridBooleanField {
  width: 100px;
}
.wf .wfGridDateField {
  width: 120px;
}
.wf .wfGridDatetimeField {
  width: 140px;
}
.wf .wfGridUserField {
  width: 250px;
}
.wf .wfGridStatusField {
  width: 150px;
}
.wf .wfGridIconField {
  width: 45px;
}
.wf .wfGridLinkedELementField img {
  vertical-align: middle;
}
.wf td.wfGridFieldWithLink {
  text-decoration: underline;
  cursor: pointer;
}
.wf .wfGridDisabledRow {
  color: #ababab;
}
.wf .wfToolbarDisabled {
  opacity: 0.5;
  pointer-events: none;
}
.wf .wfDisabled {
  opacity: 0.5;
  pointer-events: none;
}

abbr:focus,
acronym:focus,
address:focus,
b:focus,
base:focus,
big:focus,
blockquote:focus,
br:focus,
canvas:focus,
caption:focus,
center:focus,
cite:focus,
code:focus,
col:focus,
colgroup:focus,
dd:focus,
del:focus,
dfn:focus,
dir:focus,
div:focus,
dl:focus,
dt:focus,
em:focus,
fieldset:focus,
font:focus,
form:focus,
h1:focus,
h2:focus,
h3:focus,
h4:focus,
h5:focus,
h6:focus,
hr:focus,
i:focus,
img:focus,
ins:focus,
kbd:focus,
label:focus,
legend:focus,
li:focus,
link:focus,
menu:focus,
ol:focus,
p:focus,
pre:focus,
q:focus,
s:focus,
samp:focus,
small:focus,
span:focus,
strike:focus,
strong:focus,
sub:focus,
sup:focus,
table:focus,
tbody:focus,
td:focus,
tfoot:focus,
th:focus,
thead:focus,
tr:focus,
tt:focus,
u:focus,
ul:focus,
var:focus {
  outline-width: 0px;
}

.claro #dojox_image_LightboxDialog_0_underlay {
  background-color: black;
}

.imageDialog.dojoxLightbox {
  overflow: hidden !important;
}

.claro .dijitTab {
  font-weight: bold;
}

.claro .dijitContentPaneLoading {
  display: block;
  margin: 15px;
  padding: 5px 15px 15px 35px;
  background: url("../img/wf/ajaxLoading.gif") no-repeat;
}

.claro .dijitTabChecked {
  font-weight: bold;
}

.claro .dijitToolbar .dijitButtonNode .dijitButtonText {
  font-size: 11px;
  color: #243c5f;
}

.contentPaneMessage {
  padding: 20px;
  font-size: 1.2em;
}

.dojoxGridRowSelectorStatusText {
  visibility: hidden !important;
}

/** without this rule in chrome disabled textbox values are not displayed **/
.dj_webkit .dijitTextBoxDisabled input {
  color: #000000;
}

/**  gis3d.wf.dijit.form.ClearableTextBox **/
.claro .dijitClearableTextBox {
  padding-right: 12px;
  position: relative;
}

.claro .dijitClearableTextBox a.dijitClearableTextBox {
  height: 12px;
  display: block;
  overflow: hidden;
  position: absolute;
  top: 4px;
  right: 5px;
  background: url("../img/wf/dojo/clearable.png") 0 0 no-repeat;
  z-index: 2000;
  cursor: pointer;
}

.dj_ie .claro .dijitClearableTextBox a.dijitClearableTextBox {
  top: 2px;
}

.claro .dojoxGridRowTable tr {
  background-color: transparent;
}

.claro .noPadding {
  padding: 0;
}

.wf .dijitDialogPaneContentArea {
  padding: 0;
}

.dojoxUploaderIndex {
  width: 10%;
}

.dojoxUploaderIcon {
  width: 20%;
}

.dojoxUploaderFileName {
  width: 50%;
}

.dojoxUploaderSize {
  width: 20%;
}

.dijitDialogTitle {
  color: #ffffff;
}

.dijitSplitter.dijitSplitterV {
  background-color: #dddddd;
}

.claro .dijitToggleButton,
.claro .dijitButton,
.claro .dijitDropDownButton,
.claro .dijitComboButton {
  background-image: none;
  background-color: transparent;
}

.claro .dijitToggleButton.wfUnderlineButton .dijitButtonText,
.claro .dijitButton.wfUnderlineButton .dijitButtonText,
.claro .dijitDropDownButton.wfUnderlineButton .dijitButtonText,
.claro .dijitComboButton.wfUnderlineButton .dijitButtonText {
  text-decoration: underline;
}

.claro .dijitToggleButton .dijitButtonNode,
.claro .dijitButton .dijitButtonNode,
.claro .dijitDropDownButton .dijitButtonNode,
.claro .dijitComboButton .dijitButtonNode {
  background-image: none;
  background-color: transparent;
  border-color: transparent;
}

.claro .dijitToggleButton.dijitToggleButtonHover.dijitHover,
.claro .dijitButton.dijitButtonHover.dijitHover,
.claro .dijitDropDownButton.dijitDropDownButtonHover.dijitHover,
.claro .dijitComboButton.dijitComboButtonHover.dijitHover {
  background-image: none;
  background-color: transparent;
  border-color: transparent;
}

.claro .dijitToggleButton.dijitToggleButtonHover.dijitHover .wfIcon,
.claro .dijitButton.dijitButtonHover.dijitHover .wfIcon,
.claro .dijitDropDownButton.dijitDropDownButtonHover.dijitHover .wfIcon,
.claro .dijitComboButton.dijitComboButtonHover.dijitHover .wfIcon {
  color: #6b99b8;
}

.claro .dijitToggleButton.dijitToggleButtonHover.dijitHover .dijitButtonNode,
.claro .dijitButton.dijitButtonHover.dijitHover .dijitButtonNode,
.claro .dijitDropDownButton.dijitDropDownButtonHover.dijitHover .dijitButtonNode,
.claro .dijitComboButton.dijitComboButtonHover.dijitHover .dijitButtonNode {
  background-image: none;
  background-color: transparent;
  border-color: transparent;
}

.wfButton.wfButtonDark.dijitButton .dijitButtonNode,
.wfButton.wfButtonDark.dijitButton.dijitHover.dijitButtonHover .dijitButtonNode {
  background-color: #368;
  background-image: none;
  border: 1px solid #759dc0;
  border-radius: 4px;
  color: #fff;
  box-shadow: none;
  padding: 5px;
  font-weight: bold;
}

.wfButton.wfButtonDark.dijitButton .dijitButtonNode .wfIcon,
.wfButton.wfButtonDark.dijitButton.dijitHover.dijitButtonHover .dijitButtonNode .wfIcon {
  color: #fff;
}

.wfButton.wfButtonDark.dijitButton.dijitButtonDisabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.claro .dijitMenu .dijitMenuItemHover td,
.claro .dijitMenu .dijitMenuItemSelected td,
.claro .dijitMenuItemHover,
.claro .dijitComboBoxMenu .dijitMenuItemHover,
.claro .dijitMenuItemSelected {
  background-image: none;
  background-color: #c0cfd8;
}

.claro .dijitTabButtonIcon.wfIcon {
  font-size: 1em;
  line-height: 1em;
  vertical-align: 0;
}

.claro .dijitTabChecked .wfIcon {
  color: #6b99b8;
}

.claro .dijitTabContainerBottom-tabs .dijitTab {
  background-image: none;
  background-color: #d9dfe4;
}

.claro .dijitTabContainerBottom-tabs .dijitTabChecked {
  padding-bottom: 4px;
  background-image: none;
  background-color: #ffffff;
}

.claro .dijitTabHover {
  background-color: #c0cfd8;
}

.claro .dijitTabActive {
  background-color: #9bb8ca;
}

.claro .searchCtrlTabContainer .dijitTab .tabLabel,
.claro .mapControllerToolsCenterCp .dijitTab .tabLabel {
  color: #222222;
  font-size: 0.9em;
}

.claro .dijitDialog .dijitTab {
  background-image: none;
}

.claro .dijitDialog .detailsCtrlTabContainer .dijitTabChecked {
  background-color: #fff;
}

.claro .dijitTabContainerLeft-tabs .dijitTabChecked {
  background-color: #ffffff;
}

.dialogTabContainer .tabLabel {
  text-shadow: none;
  padding-top: 0;
}

.claro .dijitMenuItem {
  color: #222;
  font-size: 0.85em;
}

.claro .dijitMenuItemIcon.wfIcon {
  padding: 4px;
}

.claro .legendBar .dijitReset.dijitInline.dijitButtonNode {
  background-color: transparent;
}

.wf .dijitNumberTextBox input.dijitInputInner,
.wf .dijitCurrencyTextBox input.dijitInputInner,
.wf .dijitSpinner input.dijitInputInner {
  text-align: left;
}

.dj_webkit .dijitToolbar .dijitDropDownButton {
  padding-left: 0;
}

.dj_webkit .dijitToolbar .dijitDropDownButton.dijitHover.dijitDropDownButtonHover {
  padding-left: 0;
}

.wfButtonStackedIcons {
  position: relative;
}

.claro .dijitInline.dijitButtonNode .fa-remove-badge {
  font-size: 16px;
  color: #d46464;
  position: absolute;
  top: 9px;
  left: 14px;
}

.claro .dijitInline.dijitButtonNode .fa-slash-over {
  font-size: 16px;
  position: absolute;
  top: 7px;
  left: 0px;
}

.claro .dijitInline.dijitButtonNode .fa-stacked-smaller {
  font-size: 12px;
  position: absolute;
  top: 13px;
  left: 17px;
}

.claro .dijitInline.dijitButtonNode .fa-stacked-smaller2 {
  font-size: 12px;
  position: absolute;
  top: 13px;
  left: 15px;
}

.claro .dijitInline.dijitButtonNode .fa-stacked-smaller3 {
  font-size: 10px;
  position: absolute;
  top: 3px;
  left: 17px;
  font-weight: bold;
  color: red;
}

.claro .dijitInline.dijitButtonNode .fa-stacked-back {
  opacity: 0.5;
}

.wf .dijitSplitter {
  background-color: #ddd;
}

.claro .dijitCalendar.dijitCalendarHover,
.claro .dijitCalendar.dijitCalendarActive,
.claro .dijitCalendar {
  background-color: #c0cfd8;
}

.claro .dijitCalendarPreviousMonth,
.claro .dijitCalendarNextMonth {
  background-color: #e3e9ed;
}

.claro .dijitCalendarPreviousMonth .dijitCalendarDateLabel,
.claro .dijitCalendarNextMonth .dijitCalendarDateLabel {
  border-color: #e3e9ed;
}

.claro .dijitToolbar .dijitDropDownButtonDisabled {
  opacity: 0.5;
}

.claro .dijitStackContainer-dijitContentPane {
  padding-left: 0;
}

.claro .dijitToolbar {
  background-image: none;
  background-color: #eeeeee;
  border: 1px solid #dddddd;
  border-bottom: 1px solid #ffffff;
}

body.is-mac .dgrid-header-row {
  right: 0;
}

.dgrid-no-data,
.dgrid-loading {
  color: #aaa;
  font-size: 1em;
  padding: 1em;
  text-align: center;
}

.dgrid .dgrid-header th:first-child {
  border-left: 0;
}

.dgrid .dgrid-header th:last-child {
  border-right: 0;
}

.dgrid .dgrid-header th {
  font-size: 13px;
  color: #333;
}

.dgrid-cell .dijitArrowButtonContainer {
  width: 20px;
}

.dgrid-pagination .dgrid-status {
  font-size: 0.85em;
  color: #444;
  padding-top: 5px;
}

.dgrid-pagination .dgrid-navigation {
  font-size: 0.85em;
}

.dgrid-pagination .dgrid-navigation .dgrid-page-link {
  color: #444;
}

.dgrid-pagination .dgrid-page-disabled.dgrid-page-link {
  color: #aaa;
}

.dgrid-selected {
  background-color: #c0cfd8;
}

.grid {
  margin-top: 2px;
  height: 99%;
  background-color: #fafafa;
  border: 1px solid #ddd;
}

.dgrid-cell.field-id {
  width: 60px;
}

.dgrid-cell.field-selector {
  text-align: center;
  width: 40px;
}

.dgrid .field-position {
  width: 100px;
}

.gridWithSelector .dgrid-column-0 {
  text-align: center;
  width: 30px;
}

.gridIdField {
  width: 50px;
}

.gridElementIdField {
  width: 100px;
}

.dgrid-focus {
  border: 1px dotted black;
}

.wfGridOptions {
  background-position: 0 -192px;
  background-color: transparent;
  border: none;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 99999;
}
.wfGridOptions .wfIcon {
  font-size: 1em;
}

.wfGridSortArrow {
  background-position: -64px -16px;
  display: block;
  float: right;
  margin: 0 4px 0 5px;
  height: 12px;
}

.wfGridSortArrowPos {
  display: inline-block;
  font-size: 0.8em;
  margin-left: 2px;
  font-weight: bold;
}

.wfGridDisabled {
  pointer-events: none;
}

.wfGridElementLink {
  text-decoration: underline;
  cursor: pointer;
}

form.gis3dForm {
  padding: 0px;
  border: 0px;
  margin: 0px;
}

form.gis3dForm label {
  font-weight: bold;
}

form.gis3dForm .gis3dFormEmptyMessage {
  padding: 15px;
  font-style: italic;
}

form.gis3dForm label {
  font-weight: 500;
}

form.gis3dForm > table {
  width: calc(100% - 2px);
  border-spacing: 0;
  margin: 1px;
}

form.gis3dForm td {
  margin: 5px;
  padding: 5px 8px;
}

form.gis3dForm td.gis3dFormLabelWrapper {
  background-color: #e1ebfb;
  padding: 5px;
  width: 200px;
}

form.gis3dForm td.gis3dFormContentWrapper {
  background-color: #eeeeee;
  padding: 4px;
  line-height: 20px;
}

form.gis3dForm .formFormatterLeftContent {
  display: inline-block;
}

form.gis3dForm .formFormatterCenterContent {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
}

form.gis3dForm .formFormatterRightContent {
  display: inline-block;
  float: right;
}

form.gis3dForm .linkedElementDialogValue img.labelPropertyImage {
  vertical-align: middle;
}

.gis3dForm.gis3dFormList ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

form.gis3dForm .emptyValue {
  font-style: italic;
  color: #adadad;
}

.formElementIcon {
  background-repeat: no-repeat;
  height: 18px;
  text-align: center;
  width: 18px;
}

.formFormatterRightContent .dijitButton.dijitButtonDisabled {
  opacity: 0.5;
}

.imageWidgetFormFieldIcon {
  background-repeat: no-repeat;
  height: 18px;
  text-align: center;
  width: 18px;
}

.booleanWidgetFormFieldUl {
  margin: 0px;
  padding: 0px;
}

.booleanWidgetFormFieldUl li {
  display: inline-block;
}

.booleanWidgetFormFieldSeparator {
  width: 5px;
}

.gis3dCheckBoxList li {
  list-style: none;
}

.gis3dCheckBoxList ul {
  margin: 0px;
  padding: 0px;
}

.formManagerEmptyImage {
  display: none;
}

.gridFormFieldIcon {
  background-repeat: no-repeat;
  height: 18px;
  text-align: center;
  width: 18px;
}

.formFormatterGridFieldType .dgrid {
  height: 150px;
  background-color: #fff;
}

.formFormatterSimpletextareaFieldType pre {
  background-color: transparent;
  border-width: 0;
  padding: 2px;
  font-size: 1em;
}

.formFormatterSubFormFieldType .subFormNode:not(:last-child) {
  margin-bottom: 10px;
}

.formFormatterSubFormFieldType .dijitButtonDisabled .dijitIcon {
  opacity: 0.5;
}

.formFormatterSubFormFieldType td.gis3dFormLabelWrapper {
  vertical-align: top;
}

.formFormatterSimpletextareaFieldType pre {
  background-color: none;
}

label.wfHasHelpIndicator {
  border-bottom: 1px dotted rgba(0, 0, 0, 0.25);
}

label.wfHasHelpIndicator::after {
  content: "?";
  color: rgba(0, 0, 0, 0.25);
  vertical-align: super;
  font-size: 0.55em;
  padding-left: 1px;
  border: none;
}

.triStateFormFieldMain ul {
  margin: 0px;
  padding: 0px;
}

.triStateFormFieldMain ul li {
  display: inline-block;
  margin-left: 5px;
}

form.gis3dForm td.gis3dFormLabelWrapper {
  background-color: #e3e9ed;
}

.subFormFieldButton.dijitButton .dijitButtonNode {
  padding: 3px;
  border-radius: 4px;
  background-image: none;
  box-shadow: none;
  background-color: #fff;
}

.formFormatterSimpletextareaFieldType pre {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.formFormatterRichtextareaFieldType iframe {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

.colorWidgetFormFieldImg {
  cursor: pointer;
  float: left;
  width: 20px;
  height: 20px;
  margin-right: 10px;
}

.checkBoxFormAccessoryCont {
  width: 25px;
}

.gridWidgetFormFieldError {
  border: 1px solid #ff0000;
}

.booleanWidgetFormFieldUl {
  display: inline-block;
}

.booleanWidgetFormError .booleanWidgetFormFieldUl {
  border: 1px solid #d46464;
  padding: 0 2px 0 2px;
}

.imageWidgetFormFieldClickableImg {
  cursor: pointer;
}

.fileWidgetFormFieldError {
  border: 1px solid #d46464;
}

.imageWidgetFormFieldError {
  border: 1px solid #d46464;
}

.wfDialogWidgetFormFieldButton {
  margin-left: 10px;
  display: inline-block;
}

.wfDialogWidgetFormFieldLabel {
  display: inline-block;
}

.wfDialogWidgetFormFieldEmptyValueLabel {
  color: #b5bcc7;
  font-style: italic;
}

.passwordWidgetFormFieldHiddenValue {
  color: #b5bcc7;
  font-style: italic;
}

.widgetFormFieldHighlight {
  color: #ca7842;
  font-weight: bold;
}

.olControlOverviewMapElement,
.olMapViewport {
  padding: 0px;
  border: 0px;
  margin: 0px;
}

.olControlOverviewMapExtentRectangle {
  border: 2px dotted red;
  cursor: move;
  overflow: hidden;
}

.olControlOverviewMapContainer {
  position: relative;
  bottom: 0px;
  right: 0px;
}

.olControlOverviewMapElement {
  background-color: #ffffff;
}

.olControlLoadingPanel {
  background-image: url("../img/wf/ajaxLoading.gif");
  background-position: center center;
  background-repeat: no-repeat;
  display: none;
  height: 24px;
  margin-left: 10px;
  margin-top: 10px;
  position: relative;
  width: 24px;
}

.olControlScaleLine {
  bottom: 10px;
}

.olImageLoadError {
  display: none;
}

.olControlAttribution {
  font-size: smaller;
  right: 3px;
  bottom: 3px;
  position: absolute;
  display: block;
}

.ol-attribution {
  pointer-events: none;
}

.ol-attribution img {
  display: none;
}

.ol-attribution:not(.ol-collapsed) {
  background: none;
}

.ol-attribution.ol-uncollapsible {
  bottom: 2px;
}

.ol-attribution ul {
  color: #ffffff;
  text-shadow: none;
  font-size: 0.8em;
}

.ol-overviewmap {
  height: 100%;
  width: 100%;
}

.ol-overviewmap .ol-overviewmap-map {
  height: 100%;
  width: 100%;
}

.ol-dragbox {
  border: 2px solid red;
  opacity: 0.5;
}

.cwf .mapControllerMainBc {
  height: 100%;
  width: 100%;
}

.cwf .mapControllerToolsCp {
  width: 30%;
}

.cwf .mapControllerToolsCp.mapControllerToolsCpDisabled {
  pointer-events: none;
  opacity: 0.7;
}

.cwf .mapControllerToolbarCp {
  height: 36px;
}

.cwf .mapControllerToolbarCp .dijitToolbar {
  border-bottom: 1px solid #dddddd;
}

.cwf .mapOverviewController {
  height: 200px;
}

.cwf .mapControllerToolbarCp .dijitToolbar {
  border-right: 0;
}

.cwf .overviewMapControllerBc {
  border-left: 1px solid #ddd;
}

.cwf .mapControllerToolsCenterCp .dijitTabController {
  background-color: #368;
}

.cwf .mapControllerToolsCenterCp .dijitTabPaneWrapper {
  border-color: #ddd;
}

.cwf .mapControllerToolsCenterCp .layerControllerToolbarCp .dijitToolbar {
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.cwf .measureLinearCoordsMapActionTooltip {
  position: relative;
  background-color: #ffcc33;
  color: black;
  border-radius: 4px;
  padding: 4px 8px;
  opacity: 0.7;
}

.cwf .measureLinearCoordsMapActionTooltipContent {
  margin: 0;
  padding: 5px;
}

.cwf .measureLinearCoordsMapActionTooltipContent li {
  list-style: none;
}

.cwf .cwfScaleWidget {
  padding: 2px 2px 2px 4px;
  display: inline-block;
}

.cwf .cwfScaleWidget .cwfScaleWidgetText {
  font-size: 0.9em;
  color: #777;
  font-weight: bold;
}

.cwf .cwfScaleWidget .dijitArrowButton {
  border: none;
  background-image: none;
  background-color: white;
  padding: 1px;
}

.cwf .cwfScaleWidget .dijitSelect .dijitSelectLabel {
  font-size: 0.9em;
  color: #555;
}

.cwf .cwfScaleWidget .dijitSelect .dijitButtonContents {
  border-right: 0;
}

.cwf .cwfScaleWidget .dijitSelectFocused,
.cwf .cwfScaleWidget .dijitSelectHover {
  background-color: #ffffff;
  background-image: none;
}

.cwf .mapControllerOlMap {
  width: 100%;
  height: 100%;
  z-index: 1000;
  display: inline-block;
}

.cwf .mapControllerDiffOlMap {
  width: 200px;
  height: 100%;
  z-index: 1000;
  display: inline-block;
  border-left: 5px solid #eee;
}

.cwf .mapMessageControllerTitles {
  position: absolute;
  width: 100%;
  z-index: 1000;
  display: flex;
}

.cwf .mapMessageControllerMapTitleCont {
  text-align: center;
  margin-top: 10px;
  width: 50%;
}

.cwf .mapMessageControllerMapTitleText {
  background-color: #ddeeff;
  border-radius: 25px;
  font-weight: bold;
  padding: 10px 20px 10px 20px;
  display: inline-flex;
  color: #2f4f4f;
}

.cwf .mapControllerGmapsMap {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.cwf .dijitContentPane.mapControllerStatusBarCp {
  padding: 2px 1px 1px;
  height: 23px;
}

.cwf .borderContainerStatusBarCtrl {
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 1px solid #ddd;
  background-color: #eee;
  font-size: 0.85em;
  color: #444;
}

.cwf .leftCpStatusBarCtrl {
  padding: 0 2px;
  width: 34%;
  line-height: 20px;
}

.cwf .centerCpStatusBarCtrl {
  padding: 33;
  line-height: 20px;
}

.cwf .rightCpStatusBarCtrl {
  padding: 0 2px;
  width: 33%;
  text-align: right;
  line-height: 20px;
}

.cwf .selectionController .dgrid-row:hover {
  background-color: #def;
}

.cwf .selectionController .dgrid-row {
  cursor: pointer;
}

.cwf .mapControllerMapCp {
  overflow: hidden;
}

.cwf div.gis3dolControlLogoOverlay {
  position: absolute;
  right: 7px;
  bottom: 10px;
  display: block;
  font-size: smaller;
  color: #ffffff;
  font-family: Arial, Helvetica, sans-serif;
}

.cwf div.gis3dolControlLogoOverlay.logoOverlayWithAttribution {
  bottom: 25px;
}

.cwf div.gis3dolControlAttribution a:link,
.cwf div.gis3dolControlAttribution a:visited {
  color: #ffffff;
}

.cwf div.gis3dolControlAttribution a:hover,
.cwf div.gis3dolControlAttribution a:active {
  color: #efefef;
}

.cwf .ol-attribution {
  background: none !important;
  margin-left: 5px;
  bottom: 0px;
  right: 0px;
}

.cwf .ol-attribution.ol-uncollapsible {
  bottom: 5px;
}

.cwf .ol-attribution img {
  display: none;
}

.cwf .ol-attribution ul {
  color: #ffffff;
  text-shadow: -1px 0 rgba(0, 0, 0, 0.2), 0 1px rgba(0, 0, 0, 0.2), 1px 0 rgba(0, 0, 0, 0.2), 0 -1px rgba(0, 0, 0, 0.2);
  font-size: 0.8em;
}

.cwf .ol-attribution a:link,
.cwf .ol-attribution a:visited {
  color: #ffffff;
}

.cwf .ol-attribution a:hover,
.cwf .ol-attribution a:active {
  color: #efefef;
}

.cwf .ol-viewport .ol-attribution {
  background-color: rgba(255, 255, 255, 0.3) !important;
  margin: 0 6px 4px 0;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
}

.cwf .ol-attribution img {
  display: inline-block;
}

.cwf .ol-viewport .ol-attribution button {
  font-family: courier;
  font-size: 8pt;
  border: none !important;
  margin: 0;
  padding: 0;
  background-color: rgb(187, 187, 187) !important;
  height: 16px;
  width: 16px;
  align-items: center;
  justify-content: center;
  pointer-events: auto;
  cursor: pointer;
}

.cwf .ol-viewport .ol-attribution ul {
  font-size: 7pt;
  padding: 0 !important;
  line-height: 1.1;
  margin: 0 4px;
  text-shadow: 1px 1px 0.5px rgba(0, 0, 0, 0.6) !important;
}

.cwf .ol-viewport .ol-attribution ul li {
  display: inline-block;
  margin-right: 8px;
}

.cwf .ol-viewport .ol-attribution ul li:last-child {
  margin-right: 0;
}

.cwf .ol-viewport .ol-attribution:not(.ol-collapsed) button span {
  display: none;
}

.cwf .ol-viewport .ol-attribution:not(.ol-collapsed) button:after {
  font-family: sans-serif;
  content: "X";
}

.cwf .ol-attribution.ol-logo-only {
  display: none;
}

.cwf .olWithGmaps .ol-viewport {
  z-index: 1000;
}

.cwf .olWithGmaps div.gis3dolControlLogoOverlay {
  bottom: 20px;
}

.cwf .olWithGmaps div.gis3dolControlLogoOverlay.logoOverlayWithAttribution {
  bottom: 36px;
}

.cwf div.gis3dolControlLogoOverlay.logoOverlayWithAttribution {
  bottom: 25px;
}

.cwf .olWithGmaps .ol-viewport .ol-attribution {
  margin: 0 6px 17px 0;
}

.cwf .olWithGmaps .ol-viewport .ol-attribution.ol-uncollapsible {
  margin: 0 6px 13px 0;
}

.cwf div.gis3dolControlLogoOverlay {
  position: absolute;
  right: 10px;
  bottom: 10px;
  display: block;
  font-size: smaller;
  color: #ffffff;
  font-family: Arial, Helvetica, sans-serif;
}

.cwf div.gis3dolControlAttribution a:link,
.ol-attribution a:link {
  color: #ffffff;
}

.cwf div.gis3dolControlAttribution a:visited,
.ol-attribution a:visited {
  color: #ffffff;
}

.cwf div.gis3dolControlAttribution a:hover,
.ol-attribution a:hover {
  color: #efefef;
}

.cwf div.gis3dolControlAttribution a:active,
.ol-attribution a:active {
  color: #efefef;
}

.cwf div.gis3dolControlLogoOverlay.withOsmAttribution {
  bottom: 12px;
}

.cwf .mapControllerToolsCenterCp.noOverviewMap .dijitTabController {
  background-color: #ddd;
}

.mapControllerToolsCenterCp .dijitTabListWrapper .dijitTabContainerTop-tabs {
  background-color: #c0cfd8;
  border-bottom: 0;
}

.mapControllerToolsCenterCp .dijitTabListWrapper .dijitTabContent {
  background-color: rgba(238, 238, 238, 0.5);
  background-image: none;
  border: 0;
  padding: 4px 6px;
  box-shadow: none;
  border-radius: 0;
}

.mapControllerToolsCenterCp .dijitTabListWrapper .dijitTabContent.dijitTabChecked {
  padding: 4px 6px;
  background-color: rgb(238, 238, 238);
  background-image: none;
}

.cwf .mapControllerToolbarCp {
  height: 70px;
}

.cwf .mapControllerToolbarCp .dijitToolbar {
  border-bottom: 1px solid #dddddd;
}

.cwf .mapControllerToolbarCp .dijitToolbar {
  border-right: 0;
}

.cwf .mapWidgetIcon.setRegularPolygonMapWidgetIcon {
  width: 15px;
  height: 15px;
}

.cwf .setPolygonSideNumberMapWidgetSpinner {
  margin-left: 5px;
  margin-right: 5px;
  width: 50px;
}

.cwf .setPolygonBufferRadiusMapWidgetSpinner {
  margin-left: 5px;
  margin-right: 5px;
  width: 50px;
}

.cwf .dijitToolbar .dijitButtonDisabled,
.cwf .dijitToolbar .dijitToggleButtonDisabled {
  opacity: 0.4;
}

.cwf .selectPolygonTypeMapWidget {
  margin-left: 5px;
  margin-right: 5px;
}

.cwf .selectPolygonTypeMapWidget {
  background-color: transparent;
}

#init-loader {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ededed;
  z-index: 999;
  vertical-align: middle;
}

#init-loader .loadingMessage {
  margin: 50px auto 0px auto;
  padding: 0px;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  font-size: 11px;
  text-transform: uppercase;
}

.loadingbar {
  position: relative;
  width: 208px;
  height: 18px;
  overflow: hidden;
  border-radius: 5px;
  top: 30;
  margin: 10px auto;
}

.loadingbar-mask {
  position: absolute;
  top: 0;
  left: 0;
}

.loadingbar-image-color {
  background-color: white;
}

.loadingbar-image.animated {
  -webkit-animation: moveBars 1s linear infinite;
  -moz-animation: moveBars 1s linear infinite;
  -ms-animation: moveBars 1s linear infinite;
  -o-animation: moveBars 1s linear infinite;
  animation: moveBars 1s linear infinite;
}

/* ANIMATIONS */
@keyframes moveBars {
  100% {
    margin-left: -51px;
  }
}
@-webkit-keyframes moveBars {
  100% {
    margin-left: -51px;
  }
}
@-moz-keyframes moveBars {
  100% {
    margin-left: -51px;
  }
}
@-ms-keyframes moveBars {
  100% {
    margin-left: -51px;
  }
}
@-o-keyframes moveBars {
  100% {
    margin-left: -51px;
  }
}
#init-loadingMessage {
  background-color: #ffffdd;
  border: 2px solid #ffd851;
  opacity: 0;
  font-weight: bold;
  right: 8px;
  padding: 6px;
  position: absolute;
  text-align: center;
  top: 8px;
  width: 180px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  /* for ie7 */
  filter: alpha(opacity=0);
  z-index: 1000;
}

.advSearchElement {
  padding: 0.5em;
  border: 1px solid #ddd;
  margin-top: 0.4em;
}

.advSearchElementHeader {
  overflow: hidden;
}

.advSearchElementIndex {
  font-size: 1em;
  font-weight: 600;
  padding: 0 1px;
  display: inline-block;
}

.advSearchDestroyElement {
  float: right;
  margin: 0px;
}

.claro .advSearchDestroyElement .dijitButtonNode {
  background-image: none;
  background-color: #fafafa;
  border: 0px;
  box-shadow: 0 0 0;
  color: #002f6c;
  padding: 0px;
  border-radius: 0px;
}

.advSearchAddElement {
  margin: 0.5em 0.4em;
  font-size: 0.8em;
  float: right;
}

.claro .advSearchAddElement .dijitButtonNode {
  background-image: none;
  background-color: #fafafa;
  border: 0px;
  box-shadow: 0 0 0;
  color: #002f6c;
  padding: 0px;
  border-radius: 0px;
}

.advSearchElement .dijitComboBox {
  margin: 0.4em 0 0;
  width: 100%;
}

.advSearchElement .dijitTextBox {
  margin: 0.4em 0 0;
  width: 100%;
}

.advSearchElement.error {
  border: 1px solid #d46464;
}

.advSearchElement .gis3dDateTimeTextBox li {
  width: 49%;
}

.advSearchElement .gis3dDateTimeTextBox li:nth-child(2) {
  margin-left: 2px;
}

.advSearchElement .gis3dDateTimeTextBox .dijitTextBox {
  margin: 4px 0 0;
}

.advSearchElementButtonContainer {
  margin-top: 5px;
}

.advSearchElementButtonContainer .dijitButton .dijitButtonNode {
  background-image: none;
  background-color: #fff;
  box-shadow: none;
  border: 1px solid #ddd;
  border-radius: 0;
}

.advSearchElementButtonContainer .dijitButton.dijitButtonHover .dijitButtonNode {
  background-color: #c0cfd8;
}

.searchControllerMapCp {
  height: 250px;
  padding: 0;
}

.wf .advSearchControllerSearchFilterContentPane {
  padding: 0;
}

.searchCtrlAdvSearchAlphaNumFilterContentPane {
  padding: 0;
}

.searchCtrlAdvSearchFilterContentPane {
  padding: 0;
}

.searchCtrlAdvSearchMessageContentPane .noLayerSelectedMessage {
  margin-top: 0;
  border: 1px solid #cde;
  background-color: #def;
  padding: 1em;
  text-align: center;
  font-size: 0.9em;
  font-weight: bold;
  color: #457;
  margin-left: 8px;
}

.searchCtrlTabContainer {
  padding: 0;
}

.searchCtrlTabContainer .dijitTabPane {
  padding: 0;
}

.advLayerSearchControllerGridContentPane {
  padding: 0;
}

.advLayerSearchControllerGridContainerContentPane {
  padding: 0;
}

.searchControllerMapCp .dojoxExpandoTitle {
  background-color: #ddd;
  background-image: none;
}

.searchControllerMapCp .dojoxExpandoTitleNode {
  color: #777788;
}

.advLayerSearchControllerAlphaNumEmptyFilter,
.advLayerSearchControllerSpatialEmptyFilter {
  margin-top: 1em;
  border: 1px solid #cde;
  background-color: #def;
  padding: 1em;
  text-align: center;
  font-size: 0.9em;
  font-weight: bold;
  color: #457;
}

.advLayerSearchControllerAndOrCont ul {
  margin: 0;
  padding-left: 0;
  list-style-type: none;
}

.advLayerSearchControllerAndOrCont ul li {
  margin-right: 1.2em;
  display: inline-block;
}

.advLayerSearchControllerAndOrCont ul li label {
  font-size: 0.9em;
  padding-left: 0.3em;
  margin-top: 2px;
  color: #444;
  position: relative;
  top: 1px;
}

.advLayerSearchControllerAlphaNumFilterList > div.advSearchElement,
.advLayerSearchControllerSpatialFilterList > div.advSearchElement {
  float: left;
  width: 350px;
  margin-right: 5px;
}

.advLayerSearchControllerSpatialFilterList > div.advSearchElement {
  width: 300px;
}

.advSpatialSearchElementCont {
  width: 250px;
}

.advSpatialSearchElementOperatorWidget {
  width: 80px;
}

.advSpatialSearchElementType {
  display: inline;
  padding-left: 5px;
}

.advSpatialSearchElement .dijitButtonNode {
  padding: 3px;
  background-image: none;
  box-shadow: none;
  background-color: #fff;
}

.advSearchElementButtonCont {
  display: inline;
  padding-left: 5px;
}

.searchControllerMapCp.dojoxExpandoClosed .dojoxExpandoTitleNode {
  display: block;
}

.advLayerSearchControllerElementSelectorCont {
  display: inline-block;
  margin-right: 5px;
}

.advLayerSearchControllerElementSelectorLabel {
  font-weight: bold;
  margin-right: 5px;
}

.noLayerSelectedMessage {
  margin-left: 8px;
  margin-top: 1em;
  border: 1px solid #cde;
  background-color: #def;
  padding: 1em;
  text-align: center;
  font-size: 0.9em;
  font-weight: bold;
  color: #457;
}

.attachmentCtrlToolbar .dijitButtonDisabled {
  opacity: 0.5;
}

.wf .wfAuditController .field-startDatetime {
  width: 150px;
}
.wf .wfAuditController .field-appUser {
  width: 150px;
}
.wf .wfAuditController ul.auditDiffList {
  list-style-type: none;
  padding: 0px;
}
.wf .wfAuditController span.auditDiffFieldName {
  font-weight: bold;
}
.wf .wfAuditController .auditDiffFieldNameCol {
  vertical-align: top;
}
.wf .wfAuditController span.auditDifferenceNoDifference {
  font-weight: bold;
}
.wf .wfAuditController .auditControllerGeometryItem {
  display: inline-block;
  vertical-align: middle;
}
.wf .wfAuditController .auditDiffGeomSeparator {
  display: inline-block;
  vertical-align: middle;
}
.wf .wfAuditController .auditDiffGeomRow {
  height: 150px;
}
.wf .wfAuditController img.labelPropertyImage {
  vertical-align: middle;
}

.wf .wfDataAnalysisDefinitionController {
  color: #333333;
}
.wf .wfDataAnalysisDefinitionController > .dijitContentPane {
  padding: 0;
  margin: 0;
}
.wf .wfDataAnalysisDefinitionController .operationsPane {
  padding: 0;
}
.wf .wfDataAnalysisDefinitionController .operations {
  padding: 0;
  margin: 0;
}
.wf .wfDataAnalysisDefinitionController .emptyOperations {
  padding: 2.5em;
  margin: 0.5em;
  background-color: #ccddee;
  border: 1px solid rgb(170.85, 198.9, 226.95);
  border-radius: 0.5em;
  text-align: center;
  font-weight: bold;
  color: rgb(55.25, 110.5, 165.75);
}
.wf .wfDataAnalysisDefinitionController .mainBorderContainer {
  width: 100%;
}
.wf .wfDataAnalysisDefinitionController li.wfAnalysisOperationPane {
  list-style: none;
}

.editingOptionsContentPane .gridButton {
  margin-right: 5px;
  cursor: pointer;
}

.detailsCtrlTabContainer .emptyMessage {
  padding: 15px;
  font-style: italic;
}

.elementGeomControllerGeometryData {
  width: 97%;
  height: 500px;
  padding: 15px;
  background-color: #eee;
}

.elementGeomControllerFormatLabel {
  font-weight: bold;
  display: inline-block;
  margin-right: 5px;
}

.wfElementGridPaneController .bottomToolbar {
  text-align: right;
}
.wfElementGridPaneController .dgrid .ceasedGridRow {
  color: #ababab;
}
.wfElementGridPaneController .field-dvStatus {
  width: 30px;
  text-align: center;
}
.wfElementGridPaneController .dvStatus-created {
  background-color: #80B327;
  font-weight: bold;
}
.wfElementGridPaneController .dvStatus-modified {
  background-color: #F6BB00;
  font-weight: bold;
}
.wfElementGridPaneController .dvStatus-deleted {
  background-color: #B92D00;
  font-weight: bold;
}
.wfElementGridPaneController .filterForm form.gis3dForm .formFormatterCenterContent {
  width: auto;
}
.wfElementGridPaneController .filterForm .linkedElementDialogValue {
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.wfElementGridPaneController .filterForm .linkedElementDialogEmptyValue.linkedElementDialogActiveValue {
  color: #9b9b9b;
}

.dataOperationControllerToolbarMessage {
  display: inline-block;
  font-weight: bold;
  padding: 3px;
}

.wfGridPaneController .dgrid {
  width: 100%;
  height: 100%;
}
.wfGridPaneController .gridMessageText {
  text-align: center;
  line-height: 30px;
  background-color: #eee;
}
.wfGridPaneController .fastSearch,
.wfGridPaneController .advSearchToggle {
  float: right;
}
.wfGridPaneController .advSearchCont {
  height: 148px;
}
.wfGridPaneController .advSearchButtonCont {
  margin-top: 5px;
  margin-right: 5px;
  display: flex;
  justify-content: flex-end;
}

.claro .wfGridPaneController .dijitToolbar.advSearchToolbar {
  background-color: transparent;
  margin-top: 5px;
  border: 0;
}
.claro .wfGridPaneController .dijitToolbar.advSearchToolbar .dijitButtonText {
  font-size: 12px;
  text-decoration: underline;
}

.wfGridPaneFormFilter {
  padding: 10px;
}
.wfGridPaneFormFilter li {
  display: inline-block;
  margin-left: 10px;
}
.wfGridPaneFormFilter .gis3dFormLabel {
  font-weight: bold;
}
.wfGridPaneFormFilter .formFormatterListFieldType .dijitSelectLabel {
  text-align: left;
  width: 188px;
}
.wfGridPaneFormFilter .linkedElementDialogNode,
.wfGridPaneFormFilter .formFormatterLinkedElementDialogFieldType .linkedElementDialogEmptyValue,
.wfGridPaneFormFilter .filterForm .linkedElementDialogValue {
  width: 178px;
}
.wfGridPaneFormFilter form.gis3dForm .formFormatterTimeFieldType .dijitTimeTextBox {
  width: 209px;
}
.wfGridPaneFormFilter .buttonBar {
  margin-left: 5px;
  margin-bottom: 10px;
  margin-top: 10px;
}

.gridViewCtrlToolbar .dijitButtonDisabled {
  opacity: 0.5;
}

.gridViewCtrlToolbar .historyDateTextBox {
  width: 95px;
  margin-left: 5px;
}

.gridViewCtrlSearchToolbar {
  float: right;
  margin-right: 16px;
}

.gridViewCtrlSearchToolbarIcon {
  background-repeat: no-repeat;
  height: 24px;
  text-align: center;
  width: 24px;
}

.gridViewController-advSearchMenu {
  margin-left: 2px;
  margin-top: 2px;
  width: 280px;
}

.gridViewController-advSearchMenu-hidden {
  display: none;
  margin: 0 !important;
}

.gridViewController-advSearchMenu h3.heading {
  padding: 0.6em 0.5em;
  margin: 0;
  background-color: #eee;
  border: 1px solid #ddd;
  font-weight: 500;
  font-size: 0.85em;
  color: #666;
  text-transform: uppercase;
}

.dijitToolbar.gridViewController-advSearchMenu-toolbar {
  background-image: none;
  background-color: #eee;
  font-size: 12px;
  color: #444;
  border: 1px solid #ccc;
  height: 30px;
  padding: 2px;
}

.dijitToolbar.gridViewController-advSearchMenu-toolbar .dijitButton .dijitButtonNode {
  padding: 6px 0 5px;
  border: 1px solid #ddd;
  border-radius: 0;
}

.gridViewController-advSearchMenu-andOrToggle {
  padding: 0.5em;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  background-color: #fafafa;
}

.gridViewController-advSearchMenu-andOrToggle label {
  color: #666666;
}

.gridViewController-advSearchMenu-elementsContainer {
  border: 1px solid #ddd;
  border-bottom: none;
  border-top: none;
  padding: 0.5em;
}

.gridViewController-advSearchMenuCenterPane {
  background-color: #fafafa;
}

.gridViewController-advSearchMenu-buttons {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding-bottom: 0.5em;
  overflow: auto;
}

.gridViewController-container .bulkModePane {
  height: 34px;
}

.gridViewController-container .collectionModePane {
  height: 50%;
}

.gridViewController-container .dataCollectionGrid {
  height: 90%;
}

.gridViewController-topSearch.dijitReadOnly {
  background-color: #eee;
}

.gridViewController-topSearch.dijitReadOnly .dijitInputContainer {
  background: none;
}

.dgrid .gridViewCtrlCeasedRow {
  color: #ababab;
}

.wfImageController .imageControllerContent {
  background-color: #ffffff;
}
.wfImageController .imageControllerTable {
  list-style: none;
}
.wfImageController .imageItem {
  display: inline-block;
  float: left;
}
.wfImageController .imageItemLabel {
  text-align: center;
}
.wfImageController .imageItemCont {
  padding: 8px;
}
.wfImageController .imageControllerTable li.dojoDndItemAfter {
  border-right: 5px solid red;
}
.wfImageController .imageControllerTable li.dojoDndItemBefore {
  border-left: 5px solid red;
}
.wfImageController .noImageFoundMessage {
  color: #888a85;
  margin: 30px auto;
  text-align: center;
}

.layerController {
  border: 0 none;
  height: 100%;
  margin: 0;
  padding: 0;
}

.layerController li {
  list-style: none;
}

.layerController div.legendBar {
  overflow: hidden;
}

.layerController div.legendRootGroupBar {
  background-repeat: repeat-y;
  min-height: 24px;
  overflow: hidden;
}

.layerController div.legendRootGroupBar div.labelContainer {
  margin-left: 26px;
}

.layerController div.legendRootGroupBar div.label {
  color: #666666;
  cursor: pointer;
  font-size: 14px;
  font-weight: bold;
  padding-left: 5px;
  padding-top: 4px;
  text-shadow: 1px 1px 0 #eeeeee;
  white-space: nowrap;
}

.layerController div.legendRootGroupBar.level1 .label {
  color: #666666;
  font-size: 1em;
  white-space: nowrap;
}

.layerController div.legendGroupBar {
  font-weight: bold;
  background-color: #e1ebfb;
  border: 1px solid #cccccc;
  background: #eaeaea url(../dojo/dijit/themes/soria/images/titleBar.png) repeat-x scroll left top;
  overflow: hidden;
}

.layerController div.ckb {
  padding: 5px;
  float: left;
  margin: 0px auto;
}

.layerController div.label {
  color: #777788;
  font-size: 1em;
  height: 100%;
  padding-left: 5px;
  padding-top: 7px;
  white-space: nowrap;
}

.layerController div.labelContainer.noQuery {
  margin-left: 26px;
}

.layerController div.label.noQuery {
  padding-top: 5px;
}

.layerController div.legendBar div.label {
  cursor: default;
}

.layerController div.buttons {
  float: right;
}

.layerController ul li ul li {
  border-left: 0 none;
  list-style-type: none;
  margin-left: 20px;
}

.layerController li.rootGroupLayer {
  padding-left: 0px;
  margin-left: 20px;
  border-left: 0px;
  background: #ffffff;
}

.layerController li.layerLi {
  background: none repeat scroll 0 0 transparent;
  border-left: 0 none;
  margin-left: 0;
  padding-left: 0;
  padding-top: 0;
}

.layerController li.layerLi.disabledLayer {
  opacity: 0.5;
  pointer-events: none;
}

.layerController li.layerLi ul {
  background-color: #ffffff;
  border-top: 0px;
  margin-left: 0px;
}

.layerController ul {
  margin-left: 0px;
  padding-left: 0px;
}

.layerController .selectedLayer {
  font-weight: bold;
}

.layerController .selectedLayer div.label {
  text-decoration: underline;
  text-shadow: 1px 1px 0 #dddddd;
}

.layerController .active div.legendBar div.label,
.layerController .active div.legendBar div.ckb {
  cursor: pointer;
}

.layerController li.active {
  cursor: pointer;
}

.layerController .legendImage {
  padding-left: 10px;
}

.cwf table.layerControllerContextMenu .dijitMenu .dijitMenuItem td {
  padding: 2px;
}

.queryableWidget .dijitButtonNode {
  border: 0;
  background-image: none;
  background: none;
  box-shadow: none;
  padding: 0;
}

.cwf .layerControllerOpacitySlider {
  height: 400px;
}

.cwf .layerControllerOpacitySliderLeftDecoration {
  width: 1.5em;
  font-size: 75%;
  color: gray;
}

.cwf .layerControllerOpacitySliderRightDecoration {
  width: 1em;
  font-size: 75%;
  color: gray;
}

.legendRootGroupBar {
  background-color: #ddd;
}

.layerControllerContent {
  background-color: #eee;
}

.layerControllerContent li ul {
  margin: 0;
}

.layerControllerContent li ul li.layerLi {
  background-color: #eee;
  padding-left: 20px;
  margin-left: 0;
}

.layerController div.label {
  font-size: 0.9em;
  padding-top: 8px;
}

.cwf div.labelContainer.expandedLayerGroup {
  background-image: url("../img/wf/icon/24/squared-minus.png");
  background-position: top right;
  background-repeat: no-repeat;
}

.cwf div.labelContainer.collapsedLayerGroup {
  background-image: url("../img/wf/icon/24/squared-plus.png");
  background-position: top right;
  background-repeat: no-repeat;
}

.cwf .layerController .layerControllerSearchResult {
  padding: 20px;
}

.claro .layerControllerContextMenu .contextMenuTitle,
.claro .layerControllerContextMenu .contextMenuTitle td,
.claro .layerControllerContextMenu .contextMenuTitle.dijitMenuItemSelected,
.claro .layerControllerContextMenu .contextMenuTitle.dijitMenuItemSelected td {
  border-color: #316589;
  background-color: #316589;
  color: #ffffff;
  padding: 4px 0;
  cursor: default;
}

.claro .layerControllerContextMenu .contextMenuTitle td.dijitMenuItemLabel {
  text-align: center;
  position: relative;
  left: -4px;
}

.layerController .labelContainer {
  display: block;
}

.layerController .inlineLegend {
  float: left;
}

.cwf .layerControllerOpacitySlider {
  height: 320px;
  margin-left: 10px;
}

.cwf .layerControllerOpacitySlider .dijitRuleLabelsContainer {
  font-size: 0.7em;
  color: #666;
}

.cwf .layerControllerOpacitySliderLeftDecoration {
  width: 2.1em;
}

.layerControllerContextMenu .contextMenuTitle {
  font-weight: bold;
}

.layerControllerSearchInput {
  margin-left: 5px;
}

.claro .layerController div.legendBar .dijit.dijitReset.dijitInline.wfButton.wfToggleButton.dijitButton.dijitButtonDisabled.dijitDisabled,
.claro .layerController div.legendBar .dijit.dijitReset.dijitInline.wfButton.wfToggleButton.dijitButton.dijitButtonDisabled.dijitDisabled.dijitButtonChecked.dijitChecked,
.claro .layerController div.legendBar .dijit.dijitReset.dijitInline.wfButton.wfToggleButton.dijitButton,
.claro .layerController div.legendBar .dijit.dijitReset.dijitInline.wfButton.dijitButton.dijitButtonDisabled.dijitDisabled,
.claro .layerController div.legendBar .dijit.dijitReset.dijitInline.wfButton.dijitButton.dijitButtonDisabled.dijitDisabled.dijitButtonChecked.dijitChecked {
  color: #368;
  opacity: 0.2;
  border-color: transparent;
}

.claro .layerController div.legendBar .dijit.dijitReset.dijitInline.wfButton.wfToggleButton.dijitButton.dijitButtonChecked.dijitChecked {
  color: #368;
  opacity: 1;
}

.claro .layerController div.legendBar .wfToggleButton.dijitButton .dijitInline.dijitButtonNode {
  border-color: transparent;
}

.claro .layerController div.legendBar .dijit.dijitReset.dijitInline.wfButton.wfToggleButton.dijitButton.dijitButtonHover {
  opacity: 1;
}

.layerFilterController .titleContentPane {
  padding: 10px;
}
.layerFilterController .backIcon {
  display: inline-block;
  color: #606366;
}
.layerFilterController .backButton {
  margin-left: 5px;
  text-decoration: underline;
  cursor: pointer;
  display: inline-block;
}
.layerFilterController .title {
  margin-left: 10px;
  color: #606366;
  display: inline-block;
  font-weight: bold;
}
.layerFilterController .wfFilterConditionGroupCont {
  height: 100%;
}
.layerFilterController .wfFilterFilter {
  height: 100%;
}
.layerFilterController .wfFilterConditionGroupFilter {
  height: 100%;
  overflow: hidden;
  border: 0;
  margin: 0 10px;
}
.layerFilterController .wfFilterCont {
  height: 100%;
}
.layerFilterController .andOrCont {
  padding: 10px 15px 10px 15px;
}
.layerFilterController .andOrCont ul {
  margin: 0;
  padding-left: 0;
  list-style-type: none;
}
.layerFilterController .andOrCont ul li {
  margin-right: 1.2em;
  display: inline-block;
}
.layerFilterController .andOrCont ul li label {
  font-size: 0.9em;
  padding-left: 0.3em;
  margin-top: 2px;
  color: #444;
  position: relative;
  top: 1px;
}

.linkGroupPaneControllerToolbarIcon {
  background-repeat: no-repeat;
  height: 18px;
  text-align: center;
  width: 18px;
}

.linkGroupPaneControllerSelector {
  margin-left: 5px;
  padding-left: 0;
  margin-top: 5px;
  margin-right: 5px;
  list-style: none;
}

.linkGroupPaneControllerSelector .emptySelectorItem {
  color: #aaa;
}

.linkGroupPaneControllerSelectorCp {
  width: 230px;
}

.linkGroupPaneControllerGridCp {
  height: 100%;
}

.linkGroupPaneControllerSelectorItem {
  padding: 5px;
  cursor: pointer;
  font-size: 11px;
  border: 2px solid #fff;
  background-color: #fff;
}

.linkGroupPaneControllerSelectorSelectedItem {
  background-color: #e3e9ed;
  border: solid 1px #759dc0;
}

.linkGroupPaneControllerSearch {
  margin: 0px 0px 5px 0px;
  width: 218px;
}

.linkGroupPaneControllerTypeSelectLabel {
  display: inline-block;
  font-weight: bold;
  margin-left: 5px;
  margin-right: 5px;
}

.linkGroupPaneControllerEmptySelector {
  text-align: center;
  font-size: 0.9em;
  font-weight: bold;
  color: #457;
  font-style: italic;
}

.linkGroupPaneControllerGridCp {
  height: 100%;
}
.linkGroupPaneControllerGridCp .dgrid-row.ceasedGridRow {
  color: #ababab;
}

.linkGroupPaneControllerSearch {
  margin: 5px;
}

.linkedElementCtrlToolbar .dijitButtonDisabled {
  opacity: 0.5;
}

.linkedElementCtrlToolbar .historyDateTextBox {
  width: 95px;
  margin-left: 5px;
}

.linkPaneCtrlToolbar .dijitButtonDisabled {
  opacity: 0.5;
}

.dgrid .linkPaneCtrlCeasedRow {
  color: #ababab;
}

.cwf .mapDataValidationControllerGridContentPane .dgrid-row {
  cursor: pointer;
}

.wf .mapMessageController {
  width: 100%;
  background-color: #c0cfd8;
  color: #3d638f;
  padding: 5px;
  text-align: center;
  z-index: 10000;
  position: absolute;
}
.wf .mapMessageController .operationText {
  display: inline-block;
  margin-left: 5px;
}
.wf .mapMessageController .wfIcon {
  color: #3d638f;
}
.wf .mapMessageController .mapMessageText {
  padding: 8px 0px 5px;
}
.wf .mapMessageController .mapMessageOp {
  cursor: pointer;
  font-weight: bold;
}
.wf .mapMessageController .mapMessageOp a {
  display: inline-block;
  padding: 5px 8px;
}
.wf .mapMessageController .mapMessageCancel {
  cursor: pointer;
  padding: 5px 8px;
  font-weight: bold;
}
.wf .mapMessageController .mapMessageOpCont {
  overflow: auto;
  text-align: center;
}
.wf .mapMessageController .mapMessageOpCont > div {
  display: inline-block;
}
.wf .mapMessageController .mapMessageOp a:hover,
.wf .mapMessageController .mapMessageOp a:hover .wfIcon,
.wf .mapMessageController .mapMessageCancel:hover,
.wf .mapMessageController .mapMessageCancel:hover .wfIcon {
  background-color: #69c;
  color: #fff;
}

.mapSelectionControllerGridContentPane {
  padding: 0;
}

.mapSelectionControllerBottomToolbarContentPane {
  padding: 0;
}

.mapSelectionControllerBottomToolbar {
  display: none;
  text-align: right;
}

.mapSelectionControllerGridContentPane .field-removeRow .far {
  font-size: 22px;
  color: #368;
}

.mapSelectionControllerGridContentPane {
  padding: 0;
}

.mapSelectionControllerBottomToolbarContentPane {
  padding: 0;
}

.mapSelectionControllerGridContentPane .field-removeRow {
  width: 30px;
  vertical-align: middle;
}

.mapSelectionControllerGridMainAttributeCell, .mapSelectionControllerGridMainAttributeCell ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.mapSelectionControllerGridMainAttributeCell .mapSelectionItemLabel {
  font-weight: bold;
  display: inline-block;
}

.mapSelectionControllerGridMainAttributeCell .mapSelectionItemValue {
  margin-left: 5px;
  display: inline-block;
}

.mapSelectionControllerGridMainAttributeCell img {
  vertical-align: middle;
  width: 24px;
  height: 24px;
}

.mapSelectionController .dgrid-row:hover {
  background-color: #a4bfd0;
}

.menuSearchContNode {
  padding-top: 10px;
  padding: 5px 0 0 15px;
}

.menuSearchContNode .dijitTextBox {
  height: 20px;
  width: 182px;
}

ul.leftMenu {
  padding: 0 15px;
  margin-top: 5px;
}

.menuSearchResult {
  padding: 10px;
}

.wf .menuStackContainer {
  width: 230px;
  background-color: #eeeeee;
}

ul.leftMenu {
  padding: 0 15px;
  margin-top: 10px;
}

ul.leftMenu > li {
  margin-bottom: 15px;
  background-color: #ffffff;
}

ul.leftMenu .menuTitle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #ddd;
  padding: 2px 6px;
  border-bottom: 1px solid #cccccc;
  margin-bottom: 1px;
  color: #333;
  cursor: pointer;
  user-select: none;
}

ul.leftMenu .menuTitle:hover {
  opacity: 0.8;
}

ul.leftMenu .menuTitle i {
  font-size: 16px;
}

ul.leftMenu .menuTitleLabel {
  font-weight: bold;
}

ul.leftMenu .menu {
  list-style: none;
  padding: 0;
}

ul.leftMenu .menu ul,
ul.leftMenu .menu ul ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.menu > li {
  padding: 2px 6px;
  color: #333333;
  border-bottom: 1px solid #eee;
  font-size: 13px;
}

.menu > li:hover {
  cursor: pointer;
  background-color: #e3e9ed;
}

.menu > li > div.selected {
  font-weight: bold;
  color: #cc0000;
}

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

.wfNestedControllerTopPane strong {
  display: inline-block;
  margin-right: 0.5em;
  color: #444;
}

.wfNestedControllerFilteringSelect {
  width: 400px;
}

.wf .segElemGeomControllerForm .dijitNumberTextBox input.dijitInputInner {
  text-align: right;
}
.wf .segElemGeomControllerForm .formFormatterCenterContent {
  width: 80%;
}
.wf .segElemGeomControllerForm .dijitTextBox {
  width: 100%;
}
.wf .segElemGeomControllerForm .formFormatterRightContent {
  display: inline-block;
  float: none;
  margin-left: 5px;
}

.segmentedElementControllerSelector {
  margin-left: 5px;
  padding-left: 5px;
  margin-top: 0px;
  list-style: none;
}

.segmentedElementControllerSelectorCp {
  width: 350px;
}

.segmentedElementControllerGridCp {
  height: 100%;
}

.segmentedElementControllerSelectorItem {
  padding: 5px;
  cursor: pointer;
  font-size: 11px;
  border: 2px solid #fff;
  background-color: #fff;
}

.segmentedElementControllerSelectorSelectedItem {
  background-color: #e3e9ed;
  border: solid 1px #759dc0;
}

.segmentedElementControllerSearch {
  margin: 0px 0px 5px 0px;
  width: 300px;
}

.segmentedElementControllerTypeSelectLabel {
  display: inline-block;
  font-weight: bold;
  margin-left: 5px;
  margin-right: 5px;
}

.segmentedElementControllerEmptySelector {
  text-align: center;
  font-size: 0.9em;
  font-weight: bold;
  color: #457;
  font-style: italic;
}

.segmentedElementControllerGridCp {
  height: 100%;
}
.segmentedElementControllerGridCp .dgrid-row.ceasedGridRow {
  color: #ababab;
}

.vertexEditorController .field-position {
  width: 50px;
}
.vertexEditorController .vertexEditorDiffCell {
  background-color: #ffe8ba;
}
.vertexEditorController .dgrid-selected .vertexEditorDiffCell {
  background-color: #c0cfd8;
  color: #ffe8ba;
  font-weight: bold;
}

.wfAnalysisOperationOutputPane .idFieldCont,
.wfAnalysisOperationOutputPane .geomFieldCont {
  margin-top: 10px;
  margin-bottom: 10px;
}
.wfAnalysisOperationOutputPane .idFieldCont .dijitTextBox,
.wfAnalysisOperationOutputPane .geomFieldCont .dijitTextBox {
  width: 300px;
}
.wfAnalysisOperationOutputPane .idFieldCont label,
.wfAnalysisOperationOutputPane .geomFieldCont label {
  font-weight: bold;
  padding: 5px;
  display: inline-block;
  width: 100px;
}
.wfAnalysisOperationOutputPane .outputGrid {
  height: 383px;
}
.wfAnalysisOperationOutputPane .dgrid-cell {
  vertical-align: middle;
}
.wfAnalysisOperationOutputPane .field-position {
  width: 70px;
}
.wfAnalysisOperationOutputPane .field-buttons {
  width: 50px;
}
.wfAnalysisOperationOutputPane .outputExprValue {
  display: inline-block;
}
.wfAnalysisOperationOutputPane .outputExprEditButton {
  display: inline-block;
  float: right;
}
.wfAnalysisOperationOutputPane .outputGrid .dijitButton .dijitButtonNode {
  background-color: #eeeeee;
  border-color: #bbbbbb;
}
.wfAnalysisOperationOutputPane .outputGrid .dijitTextBox {
  width: 100%;
}
.wfAnalysisOperationOutputPane .tabLabel {
  font-weight: bold;
  color: #000;
  text-shadow: none;
  padding-top: 2px;
}
.wfAnalysisOperationOutputPane .geomFieldExpr {
  display: inline-block;
  width: 300px;
}
.wfAnalysisOperationOutputPane .geomFieldEditExpr {
  display: inline-block;
}
.wfAnalysisOperationOutputPane .geomFieldCont .wfAwesomeButton .dijitButtonNode {
  background-color: transparent;
}
.wfAnalysisOperationOutputPane .geomFieldExpr {
  margin-left: 10px;
  border: 1px solid #eee;
  background-color: #ddd;
  padding: 5px;
}

.wfAnalysisOperationPane {
  list-style: none;
  overflow: hidden;
  border: 1px solid #eee;
  position: relative;
}
.wfAnalysisOperationPane .mainBorderContainer {
  height: 500px;
  width: 100%;
}
.wfAnalysisOperationPane .dijitContentPane {
  padding: 0;
  margin: 0;
}
.wfAnalysisOperationPane .dijitTitlePaneContentInner {
  padding: 0;
}
.wfAnalysisOperationPane .dijitTitlePaneTitleHover {
  background-color: #ddd;
  border-color: #b5bcc7;
}
.wfAnalysisOperationPane .dijitTitlePaneTitleOpen {
  background-color: #ddd;
}
.wfAnalysisOperationPane .attributes {
  padding: 0.25em;
  margin: 0;
  float: left;
  margin-bottom: -1000px;
  padding-bottom: 1000px;
  background-color: #eeeeee;
}
.wfAnalysisOperationPane .attributes .identifier span {
  display: block;
  font-size: 2em;
  font-weight: bold;
  border-radius: 5em;
  text-align: center;
  width: 2em;
  height: 1em;
  line-height: 1;
  user-select: none;
  cursor: pointer;
  padding: 0.5em 0;
  margin: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.wfAnalysisOperationPane .operationControls {
  padding: 0 0.25em;
  margin: 0;
  background-color: white;
  display: block;
  width: calc(100% - 5em);
  float: left;
}
.wfAnalysisOperationPane .operationControls > div {
  overflow: hidden;
}
.wfAnalysisOperationPane .operationControls .inputs {
  padding: 0 0.25em;
  margin: 0;
  background-color: white;
  display: block;
}
.wfAnalysisOperationPane .operationControls .inputs .input1Cont {
  float: left;
  padding: 0.25em;
  margin: 0;
  width: 500px;
}
.wfAnalysisOperationPane .operationControls .inputs .operationTypeCont {
  float: left;
  padding: 0.25em;
  margin: 0 0.5em;
}
.wfAnalysisOperationPane .operationControls .inputs .input2Cont {
  float: left;
  padding: 0.25em;
  margin: 0;
}
.wfAnalysisOperationPane .operationControls .inputs label {
  display: block;
  font-weight: bold;
}
.wfAnalysisOperationPane .operationControls .inputs .inputName {
  display: inline-block;
  border: 1px solid #eeeeee;
  height: 1.3em;
  width: 450px;
  padding: 0.1em;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.wfAnalysisOperationPane .operationControls .paramsPaneContainer {
  padding: 0.25em;
  margin: 0 0.5em;
  height: 300px;
  width: 100%;
}
.wfAnalysisOperationPane .operationControls .outputPaneContainer {
  padding: 0.25em;
  margin: 0 0.5em;
  height: 300px;
}
.wfAnalysisOperationPane .deleteButton {
  padding: 0.1em 0.1em 0 0;
  margin: 0;
  position: absolute;
  top: 10px;
  right: 10px;
  line-height: 1;
  opacity: 0.25;
}
.wfAnalysisOperationPane .deleteButton:hover {
  cursor: pointer;
  opacity: 1;
  color: red;
}

.wfAnalysisGroupingPane .operationControls .wfAnalysisGroupingAttrPane {
  width: 100%;
}
.wfAnalysisGroupingPane .operationControls .wfAnalysisGroupingAttrPane form td.gis3dFormContentWrapper .dijitInputContainer input,
.wfAnalysisGroupingPane .operationControls .wfAnalysisGroupingAttrPane form td.gis3dFormContentWrapper .dijitTextBox {
  width: 500px;
}
.wfAnalysisGroupingPane .operationControls .wfAnalysisGroupingFilterPane {
  height: 160px;
}

.wfAnalysisFilterParamsPane {
  height: 290px;
  width: 100%;
}

.wfAnalysisFormParamsForm .gis3dFormLabel {
  width: 300px;
  margin-left: 5px;
  padding: 5px;
  display: inline-block;
  font-weight: bold;
}
.wfAnalysisFormParamsForm .gis3dFormLabelWrapper {
  display: inline-block;
}
.wfAnalysisFormParamsForm .gis3dFormContentWrapper {
  display: inline-block;
}

.wfAnalysisHistoryFilterParamsPane .gis3dFormLabel {
  width: 150px;
}

.wfAnalysisGroupByParamsPane {
  height: 290px;
  width: 100%;
}
.wfAnalysisGroupByParamsPane .field-buttons {
  width: 50px;
}

.wfAnalysisJoinParamsPane {
  padding: 10px 0 10px 10px;
}
.wfAnalysisJoinParamsPane .editExprCont {
  width: 200px;
  display: inline-block;
}
.wfAnalysisJoinParamsPane .condition .dijitTextBox {
  width: 500px;
}
.wfAnalysisJoinParamsPane .condition label {
  font-weight: bold;
  margin-right: 5px;
  display: inline-block;
  width: 110px;
}
.wfAnalysisJoinParamsPane .condition2 {
  margin-top: 10px;
}
.wfAnalysisJoinParamsPane .joinType {
  margin-top: 10px;
}
.wfAnalysisJoinParamsPane .expr {
  display: inline-block;
  border: 1px solid #eee;
  background-color: #ddd;
  width: 555px;
  padding: 5px;
}
.wfAnalysisJoinParamsPane .changeType {
  margin-left: 485px;
  margin-bottom: 10px;
  text-decoration: underline;
  cursor: pointer;
}

.wfAnalysisOperatorParamsPane .operator {
  padding: 10px;
}
.wfAnalysisOperatorParamsPane .operator label {
  font-weight: bold;
  padding-right: 10px;
}

.wfAnalysisSegElemJoinParamsPane .filterTitle {
  margin: 15px 0 10px 10px;
  font-weight: bold;
}

.wfAnalysisSpatialJoinParamsPane .joinType {
  padding: 10px;
}
.wfAnalysisSpatialJoinParamsPane label {
  font-weight: bold;
  padding-right: 10px;
  display: inline-block;
  width: 80px;
}

.dijitDialog .dijitButton .dijitButtonNode {
  border-radius: 0px;
  background-image: none;
  box-shadow: none;
  background-color: #fff;
}

.wf .dijitDialogTitleBar {
  background-color: #368;
  background-image: none;
  border-left: none;
  border-right: none;
  border-bottom: 0;
  color: #fff;
}

.wf .dijitDialogTitleBar .dijitDialogTitle {
  color: #fff;
}

.dialogHeader h2 {
  color: #243c5f;
  line-height: 45px;
  margin: 0;
  padding: 0 0.7em;
  overflow: hidden;
  text-shadow: 1px 1px #dddddd;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dialogHeader h2 img.labelPropertyImage {
  vertical-align: middle;
}

.dialogToolbar {
  background-repeat: no-repeat;
  width: 22px;
  height: 22px;
  text-align: center;
}

.dialogToolbarPanel {
  background-color: #e1ebfb;
}

.dialogTabContainer {
  background-color: #eeeeee;
}

.dialogTabContainer .dijitTabContainerLeft-tabs {
  width: 100px;
  margin-left: 2px;
}

.dialogTabContainer .dijitTabChecked .wfElementDialogTabIcon {
  color: #fff;
}

.dialogTabContainer .tabLabel {
  font-weight: bold;
  color: #243c5f;
  padding: 3px;
}

.dialogTabContainer .dijitTabChecked .tabLabel {
  color: #fff;
}

.attributesContainer {
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(238, 238, 238)), color-stop(0.75, rgb(255, 255, 255))) !important;
  background-image: -moz-linear-gradient(center bottom, rgb(238, 238, 238) 0%, rgb(255, 255, 255) 75%) !important;
}

.progressDialogContent {
  padding: 20px;
}

.progressDialogMessage {
  text-align: center;
  margin-top: 10px;
  max-width: 400px;
}

.dijitDialogPaneContentArea div.paddedContent {
  padding: 8px;
}

.dijitDialogPaneContentArea form .radioLabel {
  background-color: #dde9fa;
  font-weight: normal;
}

.dijitDialogPaneContentArea form td.gis3dFormLabelWrapper {
  padding-top: 8px;
  padding-right: 1px;
  padding-left: 7px;
  border-bottom: 1px solid #fff;
}

.dijitDialogPaneContentArea form td.gis3dFormContentWrapper {
  background-color: #fff;
  padding: 4px;
  border-bottom: 1px solid #ddd;
}

.dijitDialogPaneContentArea form tr:last-child td {
  border-bottom: 0;
}

.dijitDialogPaneContentArea form td.gis3dFormContentWrapper .dijitDisabled .dijitArrowButtonInner {
  display: none;
}

.dijitDialogPaneContentArea form td.gis3dFormContentWrapper .dijitInputContainer input,
.dijitDialogPaneContentArea form td.gis3dFormContentWrapper .dijitTextBox {
  width: 98%;
}

.dijitDialogPaneContentArea form td.gis3dFormContentWrapper .wfDateTextBox.dijitTextBox.dijitComboBox.dijitDateTextBox.dijitValidationTextBox {
  width: 200px;
}

.dijitDialogPaneContentArea form td.formGroupName {
  background-color: #d8e6f9;
  font-weight: bold;
  padding: 5px;
  width: 280px;
}

.dijitDialogPaneContentArea form div.dijitEditor {
  border: 1px solid #8ba0bd;
  background-color: #ffffff;
}

.dijitDialogPaneActionBar .dijitButton.prevElementButton,
.dijitDialogPaneActionBar .dijitButton.nextElementButton {
  float: left;
}

.detailsCtrlTabContainer .dijitTabContainerTop-tabs .dijitTabChecked {
  padding-top: 3px;
  background-color: #368;
}

.detailsCtrlTabContainer .nowrapTabStrip.dijitTabContainerTop-tabs {
  padding-left: 5px;
}

.dijitTabContainer.dijitTabContainerTop.dijitContainer.dijitLayoutContainer.tabStrip-disabled.detailsCtrlTabContainer {
  margin-top: 4px;
}

.dijitDialogPaneContentArea .detailsCtrlNoteTab form td.gis3dFormContentWrapper {
  background-color: #ffffff;
}

.dijitDialogPaneContentArea .detailsCtrlNoteTab form.gis3dForm .emptyValue {
  margin: 10px;
}

.dijitDialogPaneContentArea .detailsCtrlNoteTab form.gis3dForm .wfTinyMceFormField {
  margin: 0px 10px 0px 10px;
}

.dijitDialogPaneContentArea form td.gis3dFormLabelWrapper {
  padding-top: 8px;
  padding-right: 1px;
  padding-left: 7px;
}

.dijitEditorIFrameContainer body p {
  color: #000000;
}

.dijitDialog .dijitDialogPaneActionBar {
  border: 0;
}

.inputDialogMainPane {
  padding: 10px;
}

.remoteContentDialog .dijitDialogTitleBar {
  background-color: #368;
  background-image: none;
  border-left: none;
  border-right: none;
  border-bottom: 0;
  height: 15px;
  padding: 0;
}

.dijitDialogPaneContentArea .formFormatterSubFormFieldType form tr:not(:last-child) td.gis3dFormLabelWrapper {
  border-bottom: 1px solid #fff;
}

.dijitDialogPaneContentArea .formFormatterSubFormFieldType form tr:not(:last-child) td.gis3dFormContentWrapper {
  border-bottom: 1px solid #ddd;
}

.wf.claro .dialogTabContainer .dijitTabContainerTop-tabs .dijitTabChecked {
  background-color: #368;
  padding-top: 3px;
  border: 1px solid transparent;
}
.wf.claro .dialogTabContainer .dijitTabContainerTop-tabs .dijitTabChecked.dijitHover {
  background-color: #368;
}
.wf.claro .dialogTabContainer .dijitTabContainerTop-tabs .dijitTabChecked.dijitHover .wfElementDialogTabIcon,
.wf.claro .dialogTabContainer .dijitTabContainerTop-tabs .dijitTabChecked.dijitHover .tabLabel {
  color: #fff;
}
.wf.claro .dialogTabContainer .dijitTabContainerTop-tabs .dijitHover {
  background-color: transparent;
}
.wf.claro .dialogTabContainer .dijitTabContainerTop-tabs .dijitHover .wfElementDialogTabIcon,
.wf.claro .dialogTabContainer .dijitTabContainerTop-tabs .dijitHover .tabLabel {
  color: #368;
}

.wf.claro .dijitTabContainerTabListNested .dijitTabChecked {
  border: 0;
}

.wf.claro .dialogTabContainer .dijitTabContainerTop-tabs.dijitTabContainerTabListNested {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  background-color: #eee;
  padding-top: 5px;
}
.wf.claro .dialogTabContainer .dijitTabContainerTop-tabs.dijitTabContainerTabListNested .dijitTabChecked.dijitHover {
  background-color: transparent;
}
.wf.claro .dialogTabContainer .dijitTabContainerTop-tabs.dijitTabContainerTabListNested .dijitTabChecked.dijitHover .wfElementDialogTabIcon,
.wf.claro .dialogTabContainer .dijitTabContainerTop-tabs.dijitTabContainerTabListNested .dijitTabChecked.dijitHover .tabLabel {
  color: #368;
}
.wf.claro .dialogTabContainer .dijitTabContainerTop-tabs.dijitTabContainerTabListNested .dijitTabChecked.dijitHover {
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  border-bottom: 3px solid #368;
}
.wf.claro .dialogTabContainer .dijitTabContainerTop-tabs.dijitTabContainerTabListNested .dijitTabChecked {
  border: 1px solid transparent;
  border-bottom: 3px solid #368;
}
.wf.claro .dialogTabContainer .dijitTabContainerTop-tabs.dijitTabContainerTabListNested .dijitTabChecked .tabLabel {
  color: #368;
}
.wf.claro .dialogTabContainer .dijitTabContainerTop-tabs.dijitTabContainerTabListNested .dijitTabChecked .wfElementDialogTabIcon {
  background-color: transparent;
  color: #368;
}
.wf.claro .dialogTabContainer .dijitTabContainerTabListNested .dijitTab {
  margin-right: 15px;
  color: #368;
  background-color: #eee;
}
.wf.claro .dialogTabContainer .dijitTabListWrapper {
  background-color: #eee;
}
.wf.claro .dialogTabContainer .dijitTabContainerTabListNested .dijitTabInner.dijitHover {
  border: 1px solid transparent;
}

.wf.claro .dijitDialog .dialogTabContainer .dijitTabContainerTop-tabs.dijitTabContainerTabListNested {
  background-color: #fff;
}
.wf.claro .dijitDialog .dialogTabContainer .dijitTabContainerTabListNested .dijitTab {
  background-color: #fff;
}
.wf.claro .dijitDialog .dijitTab {
  background-color: #fff;
}
.wf.claro .dijitDialog .dialogTabContainer .dijitTabListWrapper {
  background-color: #e3e9ed;
}

.dialogHeader {
  height: 48px;
  background-color: rgb(200, 200, 200);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.15, rgb(200, 200, 200)), color-stop(0.71, rgb(200, 200, 200)), color-stop(0.96, rgb(192, 192, 192)));
  background-image: -moz-linear-gradient(center top, rgb(200, 200, 200) 15%, rgb(200, 200, 200) 71%, rgb(192, 192, 192) 96%);
  display: flex;
  justify-content: space-between;
}
.dialogHeader .dijitButton .dijitButtonNode,
.dialogHeader .dijitDropDownButton .dijitButtonNode {
  background-color: #fff;
  border-color: #ddd;
  border-radius: 4px;
  padding: 4px;
}
.dialogHeader .dijitButton.dijitButtonHover.dijitHover .dijitButtonNode,
.dialogHeader .dijitDropDownButton.dijitDropDownButtonHover.dijitHover .dijitButtonNode {
  background-color: #fff;
  border-color: #ddd;
  border-radius: 4px;
  padding: 4px;
  color: #0099e6;
}

.dijitDialogPaneActionBar {
  background-color: #e1ebfb;
  padding: 0.6em 0.3em;
  text-align: right;
}
.dijitDialogPaneActionBar .dijitButton .dijitButtonNode,
.dijitDialogPaneActionBar .dijitDropDownButton .dijitButtonNode {
  background-color: #fff;
  border-color: #ddd;
  border-radius: 4px;
}
.dijitDialogPaneActionBar .dijitButton.dijitButtonHover.dijitHover .dijitButtonNode,
.dijitDialogPaneActionBar .dijitDropDownButton.dijitDropDownButtonHover.dijitHover .dijitButtonNode {
  background-color: #fff;
  border-color: #ddd;
  border-radius: 4px;
}
.dijitDialogPaneActionBar .dijitButtonText {
  font-size: 0.9em;
}

.baseDialog .keepOpenOptionLabel {
  font-weight: bold;
  font-size: 0.9em;
  margin-left: 5px;
  margin-right: 1em;
  color: #333;
  user-select: none;
}

.app .changeThemeDialog .dgrid {
  height: 100%;
  cursor: pointer;
}
.app .changeThemeDialog .dgrid-header {
  display: none;
}
.app .changeThemeDialog .dgrid-footer {
  display: none;
}
.app .changeThemeDialog .dgrid-row {
  height: 30px;
}
.app .changeThemeDialog .dgrid-cell {
  vertical-align: middle;
}
.app .changeThemeDialog .dgrid-row:hover {
  background: #f2f5f9;
}
.app .changeThemeDialog .field-name {
  font-size: 1.1em;
  padding-left: 15px;
  color: #069;
}
.app .changeThemeDialog .changeThemeSearchPane {
  height: 32px;
}
.app .changeThemeDialog .changeThemeGridPane {
  overflow-y: hidden;
  height: calc(100% - 34px);
}
.app .changeThemeDialog .changeThemeSearchWidget {
  margin: 5px;
}
.app .changeThemeDialog .keepPositionOptionLabel {
  font-weight: bold;
  font-size: 0.9em;
  margin-left: 5px;
  margin-right: 1em;
  color: #333;
  user-select: none;
}

.app .changeOrganizationDialog .dgrid {
  height: 100%;
  cursor: pointer;
}
.app .changeOrganizationDialog .dgrid-header {
  display: none;
}
.app .changeOrganizationDialog .dgrid-footer {
  display: none;
}
.app .changeOrganizationDialog .dgrid-row {
  height: 30px;
}
.app .changeOrganizationDialog .dgrid-cell {
  vertical-align: middle;
}
.app .changeOrganizationDialog .dgrid-row:hover {
  background: #f2f5f9;
}
.app .changeOrganizationDialog .field-name {
  font-size: 1.1em;
  padding-left: 15px;
  color: #069;
}
.app .changeOrganizationDialog .changeOrganizationSearchPane {
  height: 32px;
}
.app .changeOrganizationDialog .changeOrganizationGridPane {
  overflow-y: hidden;
  height: calc(100% - 34px);
}
.app .changeOrganizationDialog .changeOrganizationSearchWidget {
  margin: 5px;
}

.cloneSelectionOptionsDialog.formDialog .dijitDialogPaneContentArea {
  overflow: hidden;
}

.cloneSelectionOptionsDialog .gis3dFormContentWrapper {
  display: flex;
}
.cloneSelectionOptionsDialog .gis3dFormField-includeLinks .gis3dFormLabelWrapper {
  padding: 5px;
}
.cloneSelectionOptionsDialog .gis3dFormField-includeLinks .gis3dFormLabelWrapper label {
  font-weight: bold;
}
.cloneSelectionOptionsDialog .dgrid {
  height: 150px;
}
.cloneSelectionOptionsDialog .dgrid-pagination {
  display: none;
}

.wfColorPickerDialog .dialogHeader h2 {
  width: auto;
}
.wfColorPickerDialog .colorPickerDialogPaneContentArea {
  width: 340px;
  height: 175px;
}
.wfColorPickerDialog .colorPickerDialogContent {
  margin: 6px;
}

.confirmDialog {
  z-index: 10000;
}
.confirmDialog .confirmDialogMessage {
  padding: 15px;
  font-weight: bold;
}
.confirmDialog .dijitDialogTitleBar {
  background-color: #368;
  background-image: none;
  border-left: none;
  border-right: none;
  border-bottom: 0;
  padding: 4px;
}
.confirmDialog .dijitDialogTitleBar .dijitDialogTitle {
  color: #ffffff;
  font-size: 0.9em;
  font-weight: bold;
}
.confirmDialog .dijitDialogPaneContentArea {
  overflow-y: auto;
}

.dataOperationElementDialog span.diffNoValue {
  font-style: italic;
  color: #606366;
}

.wf .dataViewStatsDialog .propSelectionLabel {
  margin: 10px;
  font-weight: bold;
  display: inline-block;
}
.wf .dataViewStatsDialog .statsContent {
  margin-top: 15px;
  padding-left: 10px;
}
.wf .dataViewStatsDialog .statsContent ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.wf .dataViewStatsDialog .statsContent li {
  padding: 5px;
}
.wf .dataViewStatsDialog .statsContent .statsLabel {
  display: inline-block;
  font-weight: bold;
}
.wf .dataViewStatsDialog .statsContent .statsValue {
  display: inline-block;
  margin-left: 10px;
}
.wf .dataViewStatsDialog .backButton {
  text-decoration: underline;
  cursor: pointer;
}
.wf .dataViewStatsDialog .elementGridTitle {
  display: inline-block;
}

.wfDecoratorResultDialog .dijitDialogPaneContentArea {
  padding: 20px;
}

.elementDialog .dialogHeader {
  background-color: #e3e9ed;
  background-image: none;
  align-items: center;
}
.elementDialog .dijitTabContainerLeft-tabs .dijitTab {
  padding-top: 5px;
  padding-bottom: 5px;
}
.elementDialog .dijitTabHover {
  background-color: #cccccc;
}
.elementDialog .dijitToolbar {
  border-left: 1px solid #cccccc;
}
.elementDialog .dialogTabContainer .dijitTabContainerLeft-tabs {
  width: 120px;
}
.elementDialog .tabElementDialogDecoratorIframe {
  height: calc(100% - 3px);
  width: 100%;
  border: none;
}
.elementDialog .elementDialogCreateAnotherLabel {
  font-weight: bold;
  font-size: 0.9em;
  margin-right: 1em;
  color: #333;
}
.elementDialog .wfToolbar {
  min-height: 25px;
}
.elementDialog .wfElementDialogTabIcon {
  padding: 0;
}
.elementDialog .wfElementDetailsControllerTabIcon {
  padding: 0;
}
.elementDialog .dijitDialogPaneActionBar.wfElementDialogLeftTabBarPresence {
  padding-left: 120px;
}
.elementDialog .prevElementButton,
.elementDialog .nextElementButton {
  float: left;
}
.elementDialog .dijitTabContainerTop-tabs .dijitTab {
  border-radius: 4px 4px 0 0;
}
.elementDialog .elementDialogMainButtonContainer {
  display: inline-block;
  white-space: nowrap;
}

.elementSelectionDialog .fastSearch {
  float: left;
}

.expressionDialogTree .dijitTreeLabel {
  background-color: transparent;
  outline: none;
}

.expressionDialogTree .dijitTreeRow.dijitTreeRowSelected,
.app .expressionDialogTree .dijitTreeRow.dijitTreeRowHover {
  background-color: transparent;
  border-color: transparent;
}

.expressionDialogTree .dijitTreeRow.dijitTreeRowSelected {
  font-weight: bold;
  color: #368;
}

.expressionDialogTree .dijitTreeRow.dijitTreeRowHover {
  color: #abd6ff;
  cursor: pointer;
}

.expressionDialogExprEditor {
  border: 1px solid #eee;
}

.expressionDialogExprPane {
  width: 30%;
}

.expressionDialogTreePane {
  width: 40%;
}

.expressionDialogDocPane {
  width: 30%;
}

.expressionDialogExprEditor {
  height: calc(100% - 130px);
}

.expressionDialogExprEditor .cm-variable {
  color: #008000;
}

.expressionDialogPaneTitle {
  padding: 15px;
  font-weight: bold;
  font-size: 16px;
  background-color: #c0cfd8;
}

.expressionDialogExprResultType {
  margin: 15px 0 15px 0;
}

.expressionDialogExprResultTypeInputLabel {
  padding-left: 10px;
  margin-bottom: 10px;
  font-weight: bold;
  float: left;
}

.expressionDialogExprResultTypeInput {
  margin-left: 10px;
  width: 200px;
}

.expressionDialogExprValidation {
  margin: 5px;
}

.expressionDialogExprValidationMessage {
  padding-left: 10px;
  padding-bottom: 10px;
  color: green;
}

.expressionDialogExprValidationMessageError {
  font-weight: bold;
  color: red;
}

.expressionDialogDoc {
  padding: 15px;
}

.expressionDialogEditorErrorMark {
  color: #fff;
  background-color: #ff0000;
}

.filterDefinitionListDialog .dijitDialogTitleBar {
  background-color: #368;
  background-image: none;
  border-left: none;
  border-right: none;
  border-bottom: 0;
  height: 15px;
  padding: 0;
}

.formDialog .dijitDialogPaneContentArea {
  overflow-y: scroll;
}

.fileUploadDialog .fileUploadDialogDescription {
  margin-bottom: 5px;
}
.fileUploadDialog .fileUploadDialogContent {
  padding: 10px;
}
.fileUploadDialog .fileUploadDialogButtonBar {
  background-color: #eee;
  padding: 0.6em 0.3em;
  text-align: right;
}
.fileUploadDialog table.dojoxUploaderFileListTable {
  width: 100%;
}
.fileUploadDialog .fileUploadDialogSelectButton {
  margin: 5px;
  cursor: pointer;
  border: 1px solid #759dc0;
  padding: 2px 2px 2px 2px;
}
.fileUploadDialog .dojoxUploaderFileList {
  height: 144px;
  padding: 5px;
}

.fileUploadDialog.fileUploadDialogWithOverwriteFilesOption .dojoxUploaderFileList {
  height: 114px;
}
.fileUploadDialog.fileUploadDialogWithOverwriteFilesOption .fileUploadDialogOverwriteFilesCont {
  margin: 8px;
}
.fileUploadDialog.fileUploadDialogWithOverwriteFilesOption .fileUploadDialogOverwriteFilesCont {
  display: flex;
}
.fileUploadDialog.fileUploadDialogWithOverwriteFilesOption .fileUploadDialogOverwriteFilesLabel {
  margin-left: 10px;
}

.claro .fileUploadDialog .dijitDialogPaneActionBar {
  padding: 0;
  margin: 0;
}

.wfIframeDialog .dijitDialogPaneContent,
.wfIframeDialog .dijitDialogPaneContent .dijitContentPane {
  padding: 0;
}

.wfIframeDialog iframe {
  border: 0;
}

.infoDialog .dijitDialogTitleBar {
  background-color: #368;
  background-image: none;
  border-left: none;
  border-right: none;
  border-bottom: 0;
  padding: 4px;
}
.infoDialog .dijitDialogTitleBar .dijitDialogTitle {
  color: #ffffff;
  font-size: 0.9em;
  font-weight: bold;
}
.infoDialog .infoMessage {
  text-align: center;
  padding: 15px;
  font-weight: bold;
}

.inputDialog label {
  font-weight: bold;
  margin-right: 10px;
}
.inputDialog table {
  width: 100%;
  margin-top: 10px;
}
.inputDialog .inputDialogWidget {
  width: calc(100% - 10px);
}

.mapFastSearchDialog .eldefSelectionPane {
  padding: 5px;
}
.mapFastSearchDialog .eldefSelectionLabel {
  display: inline-block;
  font-weight: bold;
}
.mapFastSearchDialog .eldefSelectionWidget {
  display: inline-block;
}
.mapFastSearchDialog .dijitInputContainer input, .mapFastSearchDialog .dijitTextBox {
  width: 510px;
}
.mapFastSearchDialog form.gis3dForm .formFormatterCenterContent.linkedElementDialogNode {
  width: 200px;
}

.mediaGalleryDialog .mediaGalleryTableItemLabel {
  font-size: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 80px;
  height: 15px;
  line-height: 1em;
}

.mediaGalleryDialog .mediaGalleryContent {
  background-color: #ffffff;
}

.mediaGalleryDialog .mediaGalleryTable {
  list-style: none;
}

.mediaGalleryDialog .mediaGalleryTableItem {
  width: 80px;
  height: 80px;
  text-align: center;
  padding: 5px;
  display: inline-block;
  cursor: pointer;
}

.mediaGalleryDialog .mediaGalleryTableItem.mediaGallerySelectedTableItem {
  background-color: #97baee;
}

.mediaGalleryDialog .mediaGalleryTableItem.mediaGallerySelectedTableItem .mediaGalleryTableItemLabel {
  background-color: #97baee;
}

.mediaGalleryDialog .mediaGalleryTableItem.mediaGallerySelectedTableItem img {
  background-color: #97baee;
}

.mediaGalleryDialog .mediaGalleryIconItem {
  margin: 14px;
}

.mediaGalleryDialog .mediaGalleryTable {
  list-style: none;
}

.mediaGalleryDialog .mediaGalleryTableItemLabel {
  text-align: center;
}

.mediaGalleryDialog .mediaGalleryNoFileFoundMsg {
  background-color: #dde9fa;
  border: 1px solid #97baee;
  font-weight: bold;
  margin: 30px auto;
  padding: 10px;
  text-align: center;
  width: 250px;
}

.mediaGalleryDialog .dijitContentPane {
  padding: 0;
}

.mediaGalleryDialog .dijitAccordionContainer .dijitAccordionContainer-child {
  padding: 0;
}

.mediaGalleryToolbarIcon .dijitButtonDisabled {
  opacity: 0.5;
}

.mediaGalleryDialog .dijitSplitter {
  background-color: #eee;
}

.mediaGalleryDialog .fileDetailsCont {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.mediaGalleryDialog .fileDetailsFormCont {
  width: 100%;
}
.mediaGalleryDialog .fileDetailsFormCont .gis3dFormLabelWrapper {
  width: 120px;
}

.mediaGalleryDialog .searchWidget {
  width: 100px;
}

.mediaGalleryDialog .mediaGalleryPreviewImageCont {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 250px;
  height: 250px;
}

.mediaGalleryDialog .mediaGalleryPreviewImage {
  padding: 10px;
  display: block;
  margin: auto;
  max-width: 230px;
  max-height: 230px;
}

.mediaGalleryDialog .mediaGalleryPreviewContenPane {
  background-color: #eee;
}

.mediaGalleryDialogSearch {
  float: right;
}

.mediaGalleryGrid .field-size {
  width: 150px;
}

.mediaGalleryGridItemFileIcon {
  float: left;
  margin-right: 5px;
  background-repeat: no-repeat;
  height: 18px;
  text-align: center;
  width: 18px;
}

.mediaGalleryGridItemFileIcon.mediaGalleryGridItemImageIcon {
  background-image: url("../img/wf/icon/18/camera.png");
}

.mediaGalleryGridItemFileIcon.mediaGalleryGridItemDocumentIcon {
  background-image: url("../img/wf/icon/18/doc.png");
}

.printDialogAreaMap {
  height: 380px;
}

.wfResponseMessageDialog .messages {
  height: 100%;
  align-items: center;
  justify-content: center;
}
.wfResponseMessageDialog .messages .message {
  padding: 10px;
  display: flex;
}
.wfResponseMessageDialog .messages .messageIcon {
  font-size: 28px;
}
.wfResponseMessageDialog .messages .messageIcon .infoIcon {
  color: #99ccdd;
}
.wfResponseMessageDialog .messages .messageIcon .successIcon {
  color: #009900;
}
.wfResponseMessageDialog .messages .messageIcon .warningIcon {
  color: #ffaa00;
}
.wfResponseMessageDialog .messages .messageIcon .errorIcon {
  color: #cc0000;
}
.wfResponseMessageDialog .messages .messageText {
  margin-left: 10px;
  align-self: center;
}
.wfResponseMessageDialog .showDetails {
  text-align: center;
  margin: 10px;
}
.wfResponseMessageDialog .showDetails .showDetailsLink {
  cursor: pointer;
  text-decoration: underline;
}

.sessionExpiredDialogContent {
  text-align: center;
  height: 140px;
  width: 400px;
  z-index: 10000;
}

.sessionExpiredDialogMessage {
  padding: 15px;
  font-weight: bold;
}

.sessionExpiredDialogDetails {
  padding: 10px;
  overflow-x: scroll;
}

.snappingOptionsDialogGridOptions {
  margin-top: 10px;
  margin-bottom: 5px;
}

.snappingOptionsDialogGridOptions ul {
  margin: 0;
  padding: 0;
  width: 95%;
  padding-left: 10px;
}

.snappingOptionsDialogGridOptions li {
  list-style: none;
  display: inline-block;
  width: 48%;
}

.snappingOptionsDialogGridOptionsLabel {
  font-weight: bold;
  float: left;
  margin-right: 5px;
}

.snappingOptionsDialogGrid .field-enabled {
  width: 50px;
}

.snappingOptionsDialogGrid .dgrid-selected {
  background-color: transparent;
}

#styleEditor .styleEditorRulesHeader {
  height: 24px;
  background-color: #bdd6f0;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.75, rgb(194, 218, 242)), color-stop(1, rgb(169, 205, 242)));
  background-image: -moz-linear-gradient(center top, rgb(194, 218, 242) 75%, rgb(169, 205, 242) 100%);
}

#styleEditor .styleEditorRulesHeader h3 {
  color: #243c5f;
  line-height: 24px;
  margin: 0;
  padding: 0 0.7em;
  text-shadow: 1px 1px #dddddd;
}

#styleEditor .styleEditorToolbar .DojoToolbar {
  background-repeat: no-repeat;
  height: 22px;
  text-align: center;
  width: 22px;
}

.styleEditorToolbar {
  color: #666;
  border-bottom: 0 !important;
  border-top: 1px solid #b1badf;
}

#styleEditor .dijitToolbar.styleEditorToolbar .dijitButtonNode {
  font-size: 11px;
}

#styleEditor-ruleSelector {
  margin: 0.25em;
}

#styleEditor-ruleSelector .dijitTreeExpandoLeaf {
  display: none;
}

#styleEditor-ruleSelector .dijitTreeRow {
  padding: 4px 0 2px;
}

#styleEditor-ruleSelector .dijitTreeRowSelected {
  background-color: #f0f0f0;
}

#styleEditor-ruleSelector .dijitTreeRowSelected .dijitTreeLabel {
  background-color: transparent;
  outline: none;
}

#styleEditor .dijitSelectLabel {
  text-align: left;
  width: 445px;
}

#styleEditor .dijitInputContainer input,
#styleEditor .dijitTextBox {
  width: 470px;
}

#styleEditor .dijitSliderButtonContainer {
  width: 220px;
}

#styleEditor form {
  margin: 0px;
}

#styleEditor table.filterRuleTable {
  width: 100%;
}

#styleEditor table.filterRuleTable th {
  text-align: center;
  font-weight: bold;
}

#styleEditor table.filterRuleTable .dijitTextBox {
  width: 168px;
}

#styleEditor table.filterRuleTable .dijitSelectLabel {
  width: 140px;
}

#styleEditor .styleEditorToolbar .DojoToolbar {
  background-repeat: no-repeat;
  width: 22px;
  height: 22px;
  text-align: center;
}

#styleEditor form {
  background: #eeeeee;
}

#styleEditor .tdLabel {
  width: 85px;
}

#styleEditor table.dijitSlider td {
  padding: 0px 0px;
}

#styleEditor div.addConditionContainer {
  margin-left: 7px;
  padding-bottom: 7px;
}

#styleEditor .dijitContentPane {
  background-color: #eeeeee;
}

#styleEditor .dijitSliderH {
  width: 400px;
}

.styleEditorDialog .dijitTabContainerTop-tabs {
  padding-top: 2px;
}

.styleEditorDialog .dijitTabContainerTop-tabs .dijitTab {
  background-color: #fff;
}

.styleEditorDialog .dijitTabContainerTop-tabs .dijitTabChecked {
  padding-top: 3px;
  background-color: #eee;
}

.styleEditorDialog .styleEditorRulesHeader {
  background-color: #9ab8cb;
  color: #fff;
}

.styleEditorDialog #styleEditor-dialog-stackContainer {
  padding-left: 1px;
  padding-bottom: 2px;
}

.styleEditorDialog .styleEditorRuleSelector {
  margin: 4px;
  padding: 4px 4px 3px;
  border: 1px solid #eee;
  background-color: #fff;
}

.styleEditorDialog .dojoDndItem {
  padding: 5px 3px;
  margin-bottom: 1px;
}

.styleEditorDialog .dojoDndItemSelected,
.styleEditorDialog .dojoDndItemOver,
.styleEditorDialog .dojoDndItemAnchor {
  padding: 4px 2px;
  background-color: #e3e9ed;
  background-image: none;
}

.styleEditorDialog .dojoDndItemSelected,
.styleEditorDialog .dojoDndItemAnchor {
  font-weight: bold;
}

.styleEditorDialog .gis3dFormField-icon img {
  max-width: 128px;
}

.styleEditorDialog .gis3dFormField-borderIcon img {
  max-width: 128px;
}

.cwf .styleEditorDialogLangSelectorCont div {
  display: inline-block;
}

.cwf .styleEditorDialogLangSelectorCont {
  float: right;
  margin-top: 10px;
  margin-right: 10px;
}

.cwf .styleEditorConditionsCtrlContentPane {
  height: 500px;
}

.cwf .styleEditorConditionsCtrlAndOrCont ul {
  padding-left: 0px;
  text-align: center;
  list-style-type: none;
}

.cwf .styleEditorConditionsCtrlAndOrCont ul li {
  display: inline-block;
  margin-left: 10px;
}

.cwf .styleEditorConditionsCtrlAndOrCont ul li label {
  margin-left: 3px;
}

.cwf .styleEditorConditionsCtrlEmptyConditions {
  margin-top: 1em;
  border: 1px solid #cde;
  background-color: #def;
  padding: 1em;
  text-align: center;
  font-size: 0.9em;
  font-weight: bold;
  color: #457;
}

.cwf .styleEditorLoading {
  top: 3.8em;
  left: 0.3em;
  font-size: 1.6em;
  color: #ffc400;
}

.cwf .styleEditorZoomButton {
  top: 4em;
  left: 0.5em;
}

.styleEditorRuleSelector {
  margin: 10px;
}

.styleEditorRulesHeader {
  height: 40px;
}

.styleEditorRulesHeader .styleEditorRulesHeaderLabel {
  margin: 10px;
  font-size: 1.2em;
  font-weight: bold;
}

.styleEditorDialog .wfFilterFilter, .styleEditorDialog .wfFilterConditionGroupCont, .styleEditorDialog .wfFilterConditionGroupFilter {
  height: 100%;
}

.styleEditorDialog .wfFilterConditionGroupFilter {
  border: 0;
}

.styleEditorDialog .dialogHeader h2 {
  width: auto;
}

.toolbinDialogTool {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 100%;
  box-sizing: border-box;
}

.toolbinoDialogToolbar {
  display: flex;
  height: 28px;
}

.wizardDialog .dialogHeader {
  background-color: #e1ebfb;
  background-image: none;
}

.wizardDialog .dialogToolbar {
  height: 18px;
  width: 18px;
}

.wizardDialog .dijitDialogTitleBar {
  background-color: #368;
  background-image: none;
  border-left: none;
  border-right: none;
  border-bottom: 0;
  height: 15px;
  padding: 0;
}

.mapMeasureManagerTooltip {
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  color: white;
  padding: 4px;
  white-space: nowrap;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}

.mapMeasureManagerTooltip.exportableMapMeasure .mapMeasureTooltipElement {
  margin-right: 0;
}
.mapMeasureManagerTooltip.exportableMapMeasure .mapMeasureManagerTooltipClose {
  display: none;
}

.mapMeasureManagerTooltipMeasure,
.mapMeasureManagerTooltipStatic {
  background: rgba(252, 239, 169, 0.981);
  color: black;
  border: 1px solid white;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4);
  padding: 3px;
}

.mapMeasureManagerTooltipMeasure:before,
.mapMeasureManagerTooltipStatic:before {
  border-top: 6px solid rgba(252, 239, 169, 0.981);
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  content: "";
  position: absolute;
  bottom: -6px;
  margin-left: -7px;
  left: 50%;
}

.mapMeasureManagerTooltipMeasure .mapMeasureManagerTooltipBar,
.mapMeasureManagerTooltipStatic .mapMeasureManagerTooltipBar {
  display: block;
  float: right;
}

.mapMeasureManagerTooltipClose {
  cursor: pointer;
  padding: 1px;
  background-color: #fff;
  border-radius: 50%;
  border: 1px solid #ddd;
  color: #cc0000;
}

.mapMeasureManagerTooltipClose:hover {
  color: #fff;
  background-color: #cc0000;
}

.mapMeasureTooltipElement {
  margin-right: 1.5rem;
  color: #333;
  font-size: 0.8rem;
  user-select: none;
}

.formFormatterLinkedElementDialogFieldType .linkedElementDialogValue {
  display: inline-block;
}
.formFormatterLinkedElementDialogFieldType .linkedElementDialogActiveValue {
  cursor: pointer;
  text-decoration: underline;
}
.formFormatterLinkedElementDialogFieldType .linkedElementDialogEmptyValue {
  font-style: italic;
  min-width: 150px;
}
.formFormatterLinkedElementDialogFieldType .linkedElementDialogEmptyValue.linkedElementDialogActiveValue, .formFormatterLinkedElementDialogFieldType .linkedElementDialogEmptyValue.linkedElementDialogDisabledValue {
  color: #9b9b9b;
}
.formFormatterLinkedElementDialogFieldType .linkedElementDialogEmptyValue.linkedElementDialogActiveValue.linkedElementDialogRequiredError {
  color: #d46464;
}
.formFormatterLinkedElementDialogFieldType .dijitFocused {
  border: 1px dotted black;
}

form.gis3dForm .formFormatterCenterContent.linkedElementDialogNode {
  max-width: 500px;
}

.wfBootstrapContainer {
  overflow: auto;
  height: 100%;
}

.wfBootstrapPanel .wfBootstrapPanelExtraNode .list-group {
  margin-bottom: 0;
}
.wfBootstrapPanel .wfBootstrapPanelExtraNode .list-group .list-group-item {
  border-radius: 0;
}
.wfBootstrapPanel .wfBootstrapPanelExtraNode .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.wfGauge {
  padding: 1em 1.3em;
  margin: 0 0 1em;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Chrome/Safari/Opera */
  -khtml-user-select: none; /* Konqueror */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE/Edge */
  user-select: none; /* non-prefixed */
  font-size: 0.9em;
  background-color: #ffffff;
  border-top: 1px solid #c0c0c0;
  color: #666666;
  min-height: 120px;
}
.wfGauge .wfGaugeTitle {
  font-weight: bold;
}

.wfStatusGauge .wfStatusGaugeStatusContainer {
  padding: 1.2em 0 0.75em;
  margin: 0;
}
.wfStatusGauge .wfStatusGaugeMessage {
  padding: 0 0.2em;
  margin: 0;
  font-size: 1.8em;
  display: inline-block;
}
.wfStatusGauge .wfStatusGaugeNotes {
  font-size: 0.85em;
}

.wfProgressGauge .wfBootstrapProgress {
  height: 8px;
}
.wfProgressGauge .wfProgressGaugeMessage {
  padding: 0.2em 0;
  margin: 0;
  font-size: 1.8em;
  display: inline-block;
}
.wfProgressGauge .wfProgressGaugeNotes {
  font-size: 0.85em;
}

.wfTrendGauge {
  min-height: 100px;
}
.wfTrendGauge .wfTrendGaugeMessage {
  padding: 0.2em 0;
  margin: 0;
  font-size: 2em;
  display: inline-block;
}
.wfTrendGauge .wfTrendGaugeTrendNode {
  overflow: hidden;
}
.wfTrendGauge .wfTrendGaugeTrendMessage {
  float: left;
  font-size: 0.85em;
}
.wfTrendGauge .wfTrendGaugeStatusContainer {
  float: right;
}
.wfTrendGauge .wfTrendGaugeIconMessage {
  padding: 0 0.3em 0 0;
  margin: 0;
  font-weight: bold;
}

.wfChartGauge .wfChartGaugeStatusContainer {
  padding: 0.6em 0 0.5em;
  margin: 0;
}
.wfChartGauge .wfChartGaugeMessage {
  padding: 0 0.2em;
  margin: 0;
  font-size: 1.8em;
  display: inline-block;
}
.wfChartGauge .wfChartGaugeChart {
  text-align: center;
}
.wfChartGauge .wfChartGaugeNotes {
  padding: 0.2em 0 0;
  margin: 0;
  font-size: 0.85em;
}
.wfChartGauge.wfChartGaugeTypePie {
  min-height: 235px;
}

.jqstooltip {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.wfColorfulGauge {
  border: 0;
  color: #ffffff;
  border-radius: 4px;
  overflow: hidden;
  min-height: 76px;
  padding: 1em 1.3em 1em 1.75em;
  margin: 0 0 1em;
}
.wfColorfulGauge .wfColorfulGaugeIcon {
  line-height: 76px;
}
.wfColorfulGauge .wfGaugeTitle {
  padding: 6px 0 0;
  margin: 0;
  font-size: 1.25em;
  font-weight: normal;
  line-height: 1;
}
.wfColorfulGauge .wfColorfulGaugeValue {
  padding: 6px 0 0;
  margin: 0;
  font-size: 3em;
  font-weight: bold;
  line-height: 1;
}
.wfColorfulGauge .wfColorfulGaugeContainer {
  float: right;
  text-align: right;
}

.wfChart {
  background-color: white;
}
.wfChart .wfChartNode {
  width: 100%;
  height: 320px;
}

/* Color palette */
.wfAliceblue {
  color: #f0f8ff;
}

.wfBgAliceblue {
  background-color: #f0f8ff;
}

.wfBorderAliceblue {
  border-color: #f0f8ff;
}

.wfAntiquewhite {
  color: #faebd7;
}

.wfBgAntiquewhite {
  background-color: #faebd7;
}

.wfBorderAntiquewhite {
  border-color: #faebd7;
}

.wfAqua1 {
  color: #00ffff;
}

.wfBgAqua1 {
  background-color: #00ffff;
}

.wfBorderAqua1 {
  border-color: #00ffff;
}

.wfAqua2 {
  color: #7fdbff;
}

.wfBgAqua2 {
  background-color: #7fdbff;
}

.wfBorderAqua2 {
  border-color: #7fdbff;
}

.wfAquamarine {
  color: #7fffd4;
}

.wfBgAquamarine {
  background-color: #7fffd4;
}

.wfBorderAquamarine {
  border-color: #7fffd4;
}

.wfAzure {
  color: #f0ffff;
}

.wfBgAzure {
  background-color: #f0ffff;
}

.wfBorderAzure {
  border-color: #f0ffff;
}

.wfBeige {
  color: #f5f5dc;
}

.wfBgBeige {
  background-color: #f5f5dc;
}

.wfBorderBeige {
  border-color: #f5f5dc;
}

.wfBisque {
  color: #ffe4c4;
}

.wfBgBisque {
  background-color: #ffe4c4;
}

.wfBorderBisque {
  border-color: #ffe4c4;
}

.wfBlack {
  color: #000000;
}

.wfBgBlack {
  background-color: #000000;
}

.wfBorderBlack {
  border-color: #000000;
}

.wfBlanchedalmond {
  color: #ffebcd;
}

.wfBgBlanchedalmond {
  background-color: #ffebcd;
}

.wfBorderBlanchedalmond {
  border-color: #ffebcd;
}

.wfBlue2 {
  color: #0074d9;
}

.wfBgBlue2 {
  background-color: #0074d9;
}

.wfBorderBlue2 {
  border-color: #0074d9;
}

.wfBlue {
  color: #0000ff;
}

.wfBgBlue {
  background-color: #0000ff;
}

.wfBorderBlue {
  border-color: #0000ff;
}

.wfBluegrey {
  color: #ccccdd;
}

.wfBgBluegrey {
  background-color: #ccccdd;
}

.wfBorderBluegrey {
  border-color: #ccccdd;
}

.wfBlueviolet {
  color: #8a2be2;
}

.wfBgBlueviolet {
  background-color: #8a2be2;
}

.wfBorderBlueviolet {
  border-color: #8a2be2;
}

.wfBrown {
  color: #a52a2a;
}

.wfBgBrown {
  background-color: #a52a2a;
}

.wfBorderBrown {
  border-color: #a52a2a;
}

.wfBurlywood {
  color: #deb887;
}

.wfBgBurlywood {
  background-color: #deb887;
}

.wfBorderBurlywood {
  border-color: #deb887;
}

.wfCadetblue {
  color: #5f9ea0;
}

.wfBgCadetblue {
  background-color: #5f9ea0;
}

.wfBorderCadetblue {
  border-color: #5f9ea0;
}

.wfChartreuse {
  color: #7fff00;
}

.wfBgChartreuse {
  background-color: #7fff00;
}

.wfBorderChartreuse {
  border-color: #7fff00;
}

.wfChocolate {
  color: #d2691e;
}

.wfBgChocolate {
  background-color: #d2691e;
}

.wfBorderChocolate {
  border-color: #d2691e;
}

.wfCoral {
  color: #ff7f50;
}

.wfBgCoral {
  background-color: #ff7f50;
}

.wfBorderCoral {
  border-color: #ff7f50;
}

.wfCornflowerblue {
  color: #6495ed;
}

.wfBgCornflowerblue {
  background-color: #6495ed;
}

.wfBorderCornflowerblue {
  border-color: #6495ed;
}

.wfCornsilk {
  color: #fff8dc;
}

.wfBgCornsilk {
  background-color: #fff8dc;
}

.wfBorderCornsilk {
  border-color: #fff8dc;
}

.wfCrimson {
  color: #dc143c;
}

.wfBgCrimson {
  background-color: #dc143c;
}

.wfBorderCrimson {
  border-color: #dc143c;
}

.wfCyan1 {
  color: #00ffff;
}

.wfBgCyan1 {
  background-color: #00ffff;
}

.wfBorderCyan1 {
  border-color: #00ffff;
}

.wfDarkblue2 {
  color: #00008b;
}

.wfBgDarkblue2 {
  background-color: #00008b;
}

.wfBorderDarkblue2 {
  border-color: #00008b;
}

.wfDarkblue {
  color: #000066;
}

.wfBgDarkblue {
  background-color: #000066;
}

.wfBorderDarkblue {
  border-color: #000066;
}

.wfDarkcyan {
  color: #008b8b;
}

.wfBgDarkcyan {
  background-color: #008b8b;
}

.wfBorderDarkcyan {
  border-color: #008b8b;
}

.wfDarkgoldenrod {
  color: #b8860b;
}

.wfBgDarkgoldenrod {
  background-color: #b8860b;
}

.wfBorderDarkgoldenrod {
  border-color: #b8860b;
}

.wfDarkgreen {
  color: #006400;
}

.wfBgDarkgreen {
  background-color: #006400;
}

.wfBorderDarkgreen {
  border-color: #006400;
}

.wfDarkgrey1 {
  color: #666666;
}

.wfBgDarkgrey1 {
  background-color: #666666;
}

.wfBorderDarkgrey1 {
  border-color: #666666;
}

.wfDarkgrey2 {
  color: #a9a9a9;
}

.wfBgDarkgrey2 {
  background-color: #a9a9a9;
}

.wfBorderDarkgrey2 {
  border-color: #a9a9a9;
}

.wfDarkkhaki {
  color: #bdb76b;
}

.wfBgDarkkhaki {
  background-color: #bdb76b;
}

.wfBorderDarkkhaki {
  border-color: #bdb76b;
}

.wfDarkmagenta {
  color: #8b008b;
}

.wfBgDarkmagenta {
  background-color: #8b008b;
}

.wfBorderDarkmagenta {
  border-color: #8b008b;
}

.wfDarkolivegreen {
  color: #556b2f;
}

.wfBgDarkolivegreen {
  background-color: #556b2f;
}

.wfBorderDarkolivegreen {
  border-color: #556b2f;
}

.wfDarkorange {
  color: #ff8c00;
}

.wfBgDarkorange {
  background-color: #ff8c00;
}

.wfBorderDarkorange {
  border-color: #ff8c00;
}

.wfDarkorchid {
  color: #9932cc;
}

.wfBgDarkorchid {
  background-color: #9932cc;
}

.wfBorderDarkorchid {
  border-color: #9932cc;
}

.wfDarkred {
  color: #8b0000;
}

.wfBgDarkred {
  background-color: #8b0000;
}

.wfBorderDarkred {
  border-color: #8b0000;
}

.wfDarksalmon {
  color: #e9967a;
}

.wfBgDarksalmon {
  background-color: #e9967a;
}

.wfBorderDarksalmon {
  border-color: #e9967a;
}

.wfDarkseagreen {
  color: #8fbc8f;
}

.wfBgDarkseagreen {
  background-color: #8fbc8f;
}

.wfBorderDarkseagreen {
  border-color: #8fbc8f;
}

.wfDarksilver {
  color: #cccccc;
}

.wfBgDarksilver {
  background-color: #cccccc;
}

.wfBorderDarksilver {
  border-color: #cccccc;
}

.wfDarkslateblue {
  color: #483d8b;
}

.wfBgDarkslateblue {
  background-color: #483d8b;
}

.wfBorderDarkslateblue {
  border-color: #483d8b;
}

.wfDarkslategrey {
  color: #2f4f4f;
}

.wfBgDarkslategrey {
  background-color: #2f4f4f;
}

.wfBorderDarkslategrey {
  border-color: #2f4f4f;
}

.wfDarkturquoise {
  color: #00ced1;
}

.wfBgDarkturquoise {
  background-color: #00ced1;
}

.wfBorderDarkturquoise {
  border-color: #00ced1;
}

.wfDarkviolet {
  color: #9400d3;
}

.wfBgDarkviolet {
  background-color: #9400d3;
}

.wfBorderDarkviolet {
  border-color: #9400d3;
}

.wfDeeppink {
  color: #ff1493;
}

.wfBgDeeppink {
  background-color: #ff1493;
}

.wfBorderDeeppink {
  border-color: #ff1493;
}

.wfDeepskyblue {
  color: #00bfff;
}

.wfBgDeepskyblue {
  background-color: #00bfff;
}

.wfBorderDeepskyblue {
  border-color: #00bfff;
}

.wfDimgrey {
  color: #696969;
}

.wfBgDimgrey {
  background-color: #696969;
}

.wfBorderDimgrey {
  border-color: #696969;
}

.wfDodgerblue {
  color: #1e90ff;
}

.wfBgDodgerblue {
  background-color: #1e90ff;
}

.wfBorderDodgerblue {
  border-color: #1e90ff;
}

.wfFirebrick {
  color: #b22222;
}

.wfBgFirebrick {
  background-color: #b22222;
}

.wfBorderFirebrick {
  border-color: #b22222;
}

.wfFloralwhite {
  color: #fffaf0;
}

.wfBgFloralwhite {
  background-color: #fffaf0;
}

.wfBorderFloralwhite {
  border-color: #fffaf0;
}

.wfForestgreen {
  color: #228b22;
}

.wfBgForestgreen {
  background-color: #228b22;
}

.wfBorderForestgreen {
  border-color: #228b22;
}

.wfFuchsia2 {
  color: #f012be;
}

.wfBgFuchsia2 {
  background-color: #f012be;
}

.wfBorderFuchsia2 {
  border-color: #f012be;
}

.wfFuchsia {
  color: #ff00ff;
}

.wfBgFuchsia {
  background-color: #ff00ff;
}

.wfBorderFuchsia {
  border-color: #ff00ff;
}

.wfGainsboro {
  color: #dcdcdc;
}

.wfBgGainsboro {
  background-color: #dcdcdc;
}

.wfBorderGainsboro {
  border-color: #dcdcdc;
}

.wfGhostwhite {
  color: #f8f8ff;
}

.wfBgGhostwhite {
  background-color: #f8f8ff;
}

.wfBorderGhostwhite {
  border-color: #f8f8ff;
}

.wfGold {
  color: #ffd700;
}

.wfBgGold {
  background-color: #ffd700;
}

.wfBorderGold {
  border-color: #ffd700;
}

.wfGoldenrod {
  color: #daa520;
}

.wfBgGoldenrod {
  background-color: #daa520;
}

.wfBorderGoldenrod {
  border-color: #daa520;
}

.wfGray {
  color: #808080;
}

.wfBgGray {
  background-color: #808080;
}

.wfBorderGray {
  border-color: #808080;
}

.wfGreen2 {
  color: #2ecc40;
}

.wfBgGreen2 {
  background-color: #2ecc40;
}

.wfBorderGreen2 {
  border-color: #2ecc40;
}

.wfGreen {
  color: #008000;
}

.wfBgGreen {
  background-color: #008000;
}

.wfBorderGreen {
  border-color: #008000;
}

.wfGreenyellow {
  color: #adff2f;
}

.wfBgGreenyellow {
  background-color: #adff2f;
}

.wfBorderGreenyellow {
  border-color: #adff2f;
}

.wfGrey1 {
  color: #808080;
}

.wfBgGrey1 {
  background-color: #808080;
}

.wfBorderGrey1 {
  border-color: #808080;
}

.wfGrey2 {
  color: #aaaaaa;
}

.wfBgGrey2 {
  background-color: #aaaaaa;
}

.wfBorderGrey2 {
  border-color: #aaaaaa;
}

.wfHoneydew {
  color: #f0fff0;
}

.wfBgHoneydew {
  background-color: #f0fff0;
}

.wfBorderHoneydew {
  border-color: #f0fff0;
}

.wfHotpink {
  color: #ff69b4;
}

.wfBgHotpink {
  background-color: #ff69b4;
}

.wfBorderHotpink {
  border-color: #ff69b4;
}

.wfIndianred {
  color: #cd5c5c;
}

.wfBgIndianred {
  background-color: #cd5c5c;
}

.wfBorderIndianred {
  border-color: #cd5c5c;
}

.wfIndigo {
  color: #4b0082;
}

.wfBgIndigo {
  background-color: #4b0082;
}

.wfBorderIndigo {
  border-color: #4b0082;
}

.wfIvory {
  color: #fffff0;
}

.wfBgIvory {
  background-color: #fffff0;
}

.wfBorderIvory {
  border-color: #fffff0;
}

.wfKhaki {
  color: #f0e68c;
}

.wfBgKhaki {
  background-color: #f0e68c;
}

.wfBorderKhaki {
  border-color: #f0e68c;
}

.wfLavender {
  color: #e6e6fa;
}

.wfBgLavender {
  background-color: #e6e6fa;
}

.wfBorderLavender {
  border-color: #e6e6fa;
}

.wfLavenderblush {
  color: #fff0f5;
}

.wfBgLavenderblush {
  background-color: #fff0f5;
}

.wfBorderLavenderblush {
  border-color: #fff0f5;
}

.wfLawngreen {
  color: #7cfc00;
}

.wfBgLawngreen {
  background-color: #7cfc00;
}

.wfBorderLawngreen {
  border-color: #7cfc00;
}

.wfLemonchiffon {
  color: #fffacd;
}

.wfBgLemonchiffon {
  background-color: #fffacd;
}

.wfBorderLemonchiffon {
  border-color: #fffacd;
}

.wfLightblue1 {
  color: #add8e6;
}

.wfBgLightblue1 {
  background-color: #add8e6;
}

.wfBorderLightblue1 {
  border-color: #add8e6;
}

.wfLightblue2 {
  color: #ddeeff;
}

.wfBgLightblue2 {
  background-color: #ddeeff;
}

.wfBorderLightblue2 {
  border-color: #ddeeff;
}

.wfLightbluegrey {
  color: #c0cfd8;
}

.wfBgLightbluegrey {
  background-color: #c0cfd8;
}

.wfBorderLightbluegrey {
  border-color: #c0cfd8;
}

.wfLightcoral {
  color: #f08080;
}

.wfBgLightcoral {
  background-color: #f08080;
}

.wfBorderLightcoral {
  border-color: #f08080;
}

.wfLightcyan {
  color: #e0ffff;
}

.wfBgLightcyan {
  background-color: #e0ffff;
}

.wfBorderLightcyan {
  border-color: #e0ffff;
}

.wfLightgoldenrodyellow {
  color: #fafad2;
}

.wfBgLightgoldenrodyellow {
  background-color: #fafad2;
}

.wfBorderLightgoldenrodyellow {
  border-color: #fafad2;
}

.wfLightgray {
  color: #d3d3d3;
}

.wfBgLightgray {
  background-color: #d3d3d3;
}

.wfBorderLightgray {
  border-color: #d3d3d3;
}

.wfLightgreen {
  color: #90ee90;
}

.wfBgLightgreen {
  background-color: #90ee90;
}

.wfBorderLightgreen {
  border-color: #90ee90;
}

.wfLightgrey1 {
  color: #eeeeee;
}

.wfBgLightgrey1 {
  background-color: #eeeeee;
}

.wfBorderLightgrey1 {
  border-color: #eeeeee;
}

.wfLightgrey2 {
  color: #d3d3d3;
}

.wfBgLightgrey2 {
  background-color: #d3d3d3;
}

.wfBorderLightgrey2 {
  border-color: #d3d3d3;
}

.wfLightgrey3 {
  color: #a9a9a9;
}

.wfBgLightgrey3 {
  background-color: #a9a9a9;
}

.wfBorderLightgrey3 {
  border-color: #a9a9a9;
}

.wfLightpink {
  color: #ffb6c1;
}

.wfBgLightpink {
  background-color: #ffb6c1;
}

.wfBorderLightpink {
  border-color: #ffb6c1;
}

.wfLightsalmon {
  color: #ffa07a;
}

.wfBgLightsalmon {
  background-color: #ffa07a;
}

.wfBorderLightsalmon {
  border-color: #ffa07a;
}

.wfLightseagreen {
  color: #20b2aa;
}

.wfBgLightseagreen {
  background-color: #20b2aa;
}

.wfBorderLightseagreen {
  border-color: #20b2aa;
}

.wfLightsilver {
  color: #dddddd;
}

.wfBgLightsilver {
  background-color: #dddddd;
}

.wfBorderLightsilver {
  border-color: #dddddd;
}

.wfLightskyblue {
  color: #87cefa;
}

.wfBgLightskyblue {
  background-color: #87cefa;
}

.wfBorderLightskyblue {
  border-color: #87cefa;
}

.wfLightslategrey {
  color: #778899;
}

.wfBgLightslategrey {
  background-color: #778899;
}

.wfBorderLightslategrey {
  border-color: #778899;
}

.wfLightsteelblue {
  color: #b0c4de;
}

.wfBgLightsteelblue {
  background-color: #b0c4de;
}

.wfBorderLightsteelblue {
  border-color: #b0c4de;
}

.wfLightyellow {
  color: #ffffe0;
}

.wfBgLightyellow {
  background-color: #ffffe0;
}

.wfBorderLightyellow {
  border-color: #ffffe0;
}

.wfLime2 {
  color: #01ff70;
}

.wfBgLime2 {
  background-color: #01ff70;
}

.wfBorderLime2 {
  border-color: #01ff70;
}

.wfLime {
  color: #00ff00;
}

.wfBgLime {
  background-color: #00ff00;
}

.wfBorderLime {
  border-color: #00ff00;
}

.wfLimegreen {
  color: #32cd32;
}

.wfBgLimegreen {
  background-color: #32cd32;
}

.wfBorderLimegreen {
  border-color: #32cd32;
}

.wfLinen {
  color: #faf0e6;
}

.wfBgLinen {
  background-color: #faf0e6;
}

.wfBorderLinen {
  border-color: #faf0e6;
}

.wfMagenta1 {
  color: #ff00ff;
}

.wfBgMagenta1 {
  background-color: #ff00ff;
}

.wfBorderMagenta1 {
  border-color: #ff00ff;
}

.wfMaroon1 {
  color: #800000;
}

.wfBgMaroon1 {
  background-color: #800000;
}

.wfBorderMaroon1 {
  border-color: #800000;
}

.wfMaroon2 {
  color: #85144b;
}

.wfBgMaroon2 {
  background-color: #85144b;
}

.wfBorderMaroon2 {
  border-color: #85144b;
}

.wfMediumaquamarine {
  color: #66cdaa;
}

.wfBgMediumaquamarine {
  background-color: #66cdaa;
}

.wfBorderMediumaquamarine {
  border-color: #66cdaa;
}

.wfMediumblue {
  color: #0000cd;
}

.wfBgMediumblue {
  background-color: #0000cd;
}

.wfBorderMediumblue {
  border-color: #0000cd;
}

.wfMediumorchid {
  color: #ba55d3;
}

.wfBgMediumorchid {
  background-color: #ba55d3;
}

.wfBorderMediumorchid {
  border-color: #ba55d3;
}

.wfMediumpurple {
  color: #9370d8;
}

.wfBgMediumpurple {
  background-color: #9370d8;
}

.wfBorderMediumpurple {
  border-color: #9370d8;
}

.wfMediumseagreen {
  color: #3cb371;
}

.wfBgMediumseagreen {
  background-color: #3cb371;
}

.wfBorderMediumseagreen {
  border-color: #3cb371;
}

.wfMediumslateblue {
  color: #7b68ee;
}

.wfBgMediumslateblue {
  background-color: #7b68ee;
}

.wfBorderMediumslateblue {
  border-color: #7b68ee;
}

.wfMediumspringgreen {
  color: #00fa9a;
}

.wfBgMediumspringgreen {
  background-color: #00fa9a;
}

.wfBorderMediumspringgreen {
  border-color: #00fa9a;
}

.wfMediumturquoise {
  color: #48d1cc;
}

.wfBgMediumturquoise {
  background-color: #48d1cc;
}

.wfBorderMediumturquoise {
  border-color: #48d1cc;
}

.wfMediumvioletred {
  color: #c71585;
}

.wfBgMediumvioletred {
  background-color: #c71585;
}

.wfBorderMediumvioletred {
  border-color: #c71585;
}

.wfMidnightblue {
  color: #191970;
}

.wfBgMidnightblue {
  background-color: #191970;
}

.wfBorderMidnightblue {
  border-color: #191970;
}

.wfMintcream {
  color: #f5fffa;
}

.wfBgMintcream {
  background-color: #f5fffa;
}

.wfBorderMintcream {
  border-color: #f5fffa;
}

.wfMistyrose {
  color: #ffe4e1;
}

.wfBgMistyrose {
  background-color: #ffe4e1;
}

.wfBorderMistyrose {
  border-color: #ffe4e1;
}

.wfMoccasin {
  color: #ffe4b5;
}

.wfBgMoccasin {
  background-color: #ffe4b5;
}

.wfBorderMoccasin {
  border-color: #ffe4b5;
}

.wfNavajowhite {
  color: #ffdead;
}

.wfBgNavajowhite {
  background-color: #ffdead;
}

.wfBorderNavajowhite {
  border-color: #ffdead;
}

.wfNavy1 {
  color: #000080;
}

.wfBgNavy1 {
  background-color: #000080;
}

.wfBorderNavy1 {
  border-color: #000080;
}

.wfNavy2 {
  color: #001f3f;
}

.wfBgNavy2 {
  background-color: #001f3f;
}

.wfBorderNavy2 {
  border-color: #001f3f;
}

.wfNavyblue {
  color: #759dc0;
}

.wfBgNavyblue {
  background-color: #759dc0;
}

.wfBorderNavyblue {
  border-color: #759dc0;
}

.wfOldlace {
  color: #fdf5e6;
}

.wfBgOldlace {
  background-color: #fdf5e6;
}

.wfBorderOldlace {
  border-color: #fdf5e6;
}

.wfOlive1 {
  color: #808000;
}

.wfBgOlive1 {
  background-color: #808000;
}

.wfBorderOlive1 {
  border-color: #808000;
}

.wfOlive2 {
  color: #3d9970;
}

.wfBgOlive2 {
  background-color: #3d9970;
}

.wfBorderOlive2 {
  border-color: #3d9970;
}

.wfOlivedrab {
  color: #6b8e23;
}

.wfBgOlivedrab {
  background-color: #6b8e23;
}

.wfBorderOlivedrab {
  border-color: #6b8e23;
}

.wfOrange1 {
  color: #ffa500;
}

.wfBgOrange1 {
  background-color: #ffa500;
}

.wfBorderOrange1 {
  border-color: #ffa500;
}

.wfOrange2 {
  color: #ff851b;
}

.wfBgOrange2 {
  background-color: #ff851b;
}

.wfBorderOrange2 {
  border-color: #ff851b;
}

.wfOrangered {
  color: #ff4500;
}

.wfBgOrangered {
  background-color: #ff4500;
}

.wfBorderOrangered {
  border-color: #ff4500;
}

.wfOrchid {
  color: #da70d6;
}

.wfBgOrchid {
  background-color: #da70d6;
}

.wfBorderOrchid {
  border-color: #da70d6;
}

.wfPalegoldenrod {
  color: #eee8aa;
}

.wfBgPalegoldenrod {
  background-color: #eee8aa;
}

.wfBorderPalegoldenrod {
  border-color: #eee8aa;
}

.wfPalegreen {
  color: #98fb98;
}

.wfBgPalegreen {
  background-color: #98fb98;
}

.wfBorderPalegreen {
  border-color: #98fb98;
}

.wfPaleturquoise {
  color: #afeeee;
}

.wfBgPaleturquoise {
  background-color: #afeeee;
}

.wfBorderPaleturquoise {
  border-color: #afeeee;
}

.wfPalevioletred {
  color: #d87093;
}

.wfBgPalevioletred {
  background-color: #d87093;
}

.wfBorderPalevioletred {
  border-color: #d87093;
}

.wfPapayawhip {
  color: #ffefd5;
}

.wfBgPapayawhip {
  background-color: #ffefd5;
}

.wfBorderPapayawhip {
  border-color: #ffefd5;
}

.wfPeachpuff {
  color: #ffdab9;
}

.wfBgPeachpuff {
  background-color: #ffdab9;
}

.wfBorderPeachpuff {
  border-color: #ffdab9;
}

.wfPeru {
  color: #cd853f;
}

.wfBgPeru {
  background-color: #cd853f;
}

.wfBorderPeru {
  border-color: #cd853f;
}

.wfPink {
  color: #ffc0cb;
}

.wfBgPink {
  background-color: #ffc0cb;
}

.wfBorderPink {
  border-color: #ffc0cb;
}

.wfPlum {
  color: #dda0dd;
}

.wfBgPlum {
  background-color: #dda0dd;
}

.wfBorderPlum {
  border-color: #dda0dd;
}

.wfPowderblue {
  color: #b0e0e6;
}

.wfBgPowderblue {
  background-color: #b0e0e6;
}

.wfBorderPowderblue {
  border-color: #b0e0e6;
}

.wfPurple1 {
  color: #800080;
}

.wfBgPurple1 {
  background-color: #800080;
}

.wfBorderPurple1 {
  border-color: #800080;
}

.wfPurple2 {
  color: #b10dc9;
}

.wfBgPurple2 {
  background-color: #b10dc9;
}

.wfBorderPurple2 {
  border-color: #b10dc9;
}

.wfRebeccapurple {
  color: #663399;
}

.wfBgRebeccapurple {
  background-color: #663399;
}

.wfBorderRebeccapurple {
  border-color: #663399;
}

.wfRed1 {
  color: #ff0000;
}

.wfBgRed1 {
  background-color: #ff0000;
}

.wfBorderRed1 {
  border-color: #ff0000;
}

.wfRed2 {
  color: #ff4136;
}

.wfBgRed2 {
  background-color: #ff4136;
}

.wfBorderRed2 {
  border-color: #ff4136;
}

.wfRed3 {
  color: #cc0000;
}

.wfBgRed3 {
  background-color: #cc0000;
}

.wfBorderRed3 {
  border-color: #cc0000;
}

.wfRosybrown {
  color: #bc8f8f;
}

.wfBgRosybrown {
  background-color: #bc8f8f;
}

.wfBorderRosybrown {
  border-color: #bc8f8f;
}

.wfRoyalblue {
  color: #4169e1;
}

.wfBgRoyalblue {
  background-color: #4169e1;
}

.wfBorderRoyalblue {
  border-color: #4169e1;
}

.wfSaddlebrown {
  color: #8b4513;
}

.wfBgSaddlebrown {
  background-color: #8b4513;
}

.wfBorderSaddlebrown {
  border-color: #8b4513;
}

.wfSalmon {
  color: #fa8072;
}

.wfBgSalmon {
  background-color: #fa8072;
}

.wfBorderSalmon {
  border-color: #fa8072;
}

.wfSandybrown {
  color: #f4a460;
}

.wfBgSandybrown {
  background-color: #f4a460;
}

.wfBorderSandybrown {
  border-color: #f4a460;
}

.wfSeagreen {
  color: #2e8b57;
}

.wfBgSeagreen {
  background-color: #2e8b57;
}

.wfBorderSeagreen {
  border-color: #2e8b57;
}

.wfSeashell {
  color: #fff5ee;
}

.wfBgSeashell {
  background-color: #fff5ee;
}

.wfBorderSeashell {
  border-color: #fff5ee;
}

.wfSienna {
  color: #a0522d;
}

.wfBgSienna {
  background-color: #a0522d;
}

.wfBorderSienna {
  border-color: #a0522d;
}

.wfSilver {
  color: #c0c0c0;
}

.wfBgSilver {
  background-color: #c0c0c0;
}

.wfBorderSilver {
  border-color: #c0c0c0;
}

.wfSkyblue {
  color: #87ceeb;
}

.wfBgSkyblue {
  background-color: #87ceeb;
}

.wfBorderSkyblue {
  border-color: #87ceeb;
}

.wfSlateblue {
  color: #6a5acd;
}

.wfBgSlateblue {
  background-color: #6a5acd;
}

.wfBorderSlateblue {
  border-color: #6a5acd;
}

.wfSlategray {
  color: #708090;
}

.wfBgSlategray {
  background-color: #708090;
}

.wfBorderSlategray {
  border-color: #708090;
}

.wfSnow {
  color: #fffafa;
}

.wfBgSnow {
  background-color: #fffafa;
}

.wfBorderSnow {
  border-color: #fffafa;
}

.wfSpringgreen {
  color: #00ff7f;
}

.wfBgSpringgreen {
  background-color: #00ff7f;
}

.wfBorderSpringgreen {
  border-color: #00ff7f;
}

.wfSteelblue {
  color: #4682b4;
}

.wfBgSteelblue {
  background-color: #4682b4;
}

.wfBorderSteelblue {
  border-color: #4682b4;
}

.wfTan {
  color: #d2b48c;
}

.wfBgTan {
  background-color: #d2b48c;
}

.wfBorderTan {
  border-color: #d2b48c;
}

.wfTeal1 {
  color: #008080;
}

.wfBgTeal1 {
  background-color: #008080;
}

.wfBorderTeal1 {
  border-color: #008080;
}

.wfTeal2 {
  color: #39cccc;
}

.wfBgTeal2 {
  background-color: #39cccc;
}

.wfBorderTeal2 {
  border-color: #39cccc;
}

.wfThistle {
  color: #d8bfd8;
}

.wfBgThistle {
  background-color: #d8bfd8;
}

.wfBorderThistle {
  border-color: #d8bfd8;
}

.wfTomato {
  color: #ff6347;
}

.wfBgTomato {
  background-color: #ff6347;
}

.wfBorderTomato {
  border-color: #ff6347;
}

.wfTurquoise {
  color: #40e0d0;
}

.wfBgTurquoise {
  background-color: #40e0d0;
}

.wfBorderTurquoise {
  border-color: #40e0d0;
}

.wfVerydarkgrey {
  color: #333333;
}

.wfBgVerydarkgrey {
  background-color: #333333;
}

.wfBorderVerydarkgrey {
  border-color: #333333;
}

.wfViolet {
  color: #ee82ee;
}

.wfBgViolet {
  background-color: #ee82ee;
}

.wfBorderViolet {
  border-color: #ee82ee;
}

.wfWheat {
  color: #f5deb3;
}

.wfBgWheat {
  background-color: #f5deb3;
}

.wfBorderWheat {
  border-color: #f5deb3;
}

.wfWhite {
  color: #ffffff;
}

.wfBgWhite {
  background-color: #ffffff;
}

.wfBorderWhite {
  border-color: #ffffff;
}

.wfWhitesmoke {
  color: #f5f5f5;
}

.wfBgWhitesmoke {
  background-color: #f5f5f5;
}

.wfBorderWhitesmoke {
  border-color: #f5f5f5;
}

.wfYellow1 {
  color: #ffff00;
}

.wfBgYellow1 {
  background-color: #ffff00;
}

.wfBorderYellow1 {
  border-color: #ffff00;
}

.wfYellow2 {
  color: #ffee00;
}

.wfBgYellow2 {
  background-color: #ffee00;
}

.wfBorderYellow2 {
  border-color: #ffee00;
}

.wfYellowgreen {
  color: #9acd32;
}

.wfBgYellowgreen {
  background-color: #9acd32;
}

.wfBorderYellowgreen {
  border-color: #9acd32;
}

/* End color palette */
.wfAdvancedComboBox {
  display: inline-block;
}
.wfAdvancedComboBox .valueSelect {
  display: inline-block;
}
.wfAdvancedComboBox .valueReset {
  display: inline-block;
}
.wfAdvancedComboBox .valueLabel {
  display: inline-block;
  margin-left: 2px;
  line-height: 20px;
  margin-right: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 190px;
  vertical-align: middle;
}
.wfAdvancedComboBox .emptyValue {
  font-style: italic;
  color: #adadad;
}

.wfAppIconSelector .wfAppIconSelectorIconNode,
.formFormatterAppIconFieldType img.wfAppIconSelectorPreview {
  min-width: 1.2em;
  min-height: 1.2em;
  vertical-align: middle;
  text-align: center;
  padding: 2px;
  margin: 2px;
  background-color: #ffffff;
}

.wfAppIconSelectorPreview {
  min-width: 1.6em;
  min-height: 1em;
  text-align: center;
}

.dijitDialogPaneContentArea form td.gis3dFormContentWrapper .wfAppIconSelector .dijitTextBox {
  width: calc(98% - 44px);
}

.wfAwesomeIconSelector .wfAwesomeIconSelectorIconNode,
.formFormatterAwesomeIconFieldType i.wfAwesomeIconSelectorPreview {
  min-width: 1.2em;
  min-height: 1.2em;
  line-height: 1.2em;
  vertical-align: middle;
  text-align: center;
  padding: 2px;
  border: 1px solid #ddd;
  margin: 2px;
  background-color: #ffffff;
}

i.wfAwesomeIconSelectorPreview {
  min-width: 1.6em;
  min-height: 1em;
  text-align: center;
}

.dijitDialogPaneContentArea form td.gis3dFormContentWrapper .wfAwesomeIconSelector .dijitTextBox {
  width: calc(98% - 44px);
}

.claro .wfCalendarTodayButton {
  width: 120px;
}

.wfColorClassSelector .wfColorClassSelectorPreviewNode,
.formFormatterAwesomeIconFieldType i.wfColorClassSelectorPreview {
  min-width: 1.2em;
  min-height: 1.2em;
  line-height: 1.2em;
  vertical-align: middle;
  text-align: center;
  padding: 2px;
  border: 1px solid #ddd;
  margin: 2px;
  display: inline-block;
}

i.wfColorClassSelectorPreview {
  min-width: 1.6em;
  line-height: 1.6em;
  display: inline-block;
  border: 1px solid #ddd;
  min-height: 1.6em;
  vertical-align: middle;
}

.dijitDialogPaneContentArea form td.gis3dFormContentWrapper .wfColorClassSelector .dijitTextBox {
  width: calc(98% - 44px);
}

.wf .wfCollapserWidget {
  padding: 0;
  margin: 0 1px 0 0;
  width: 11px !important;
  color: #dddddd;
  background-color: #ffffff;
  cursor: pointer;
  font-size: 1em;
  height: 100%;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  /* ...and now for the proper property */
  transition: 0.5s;
}

.wf .wfCollapserWidget:hover {
  background-color: #e3e9ed;
}

.wf .wfCollapserWidget:hover .wfCollapserWidgetIcon {
  visibility: visible;
}

.wf .wfCollapserWidget .wfCollapserWidgetIcon {
  visibility: hidden;
  border-radius: 2px;
  border: 1px solid #dddddd;
  overflow: hidden;
  margin: 0 2px;
  padding: 1px;
  position: absolute;
  background-color: #ffffff;
  top: 50%;
}

.wf .wfCollapserWidget .wfCollapserWidgetIcon i {
  font-size: 0.7em;
  line-height: 0.8em;
  display: block;
  float: left;
}

.wf .wfMenuDropDown {
  display: inline-block;
  padding: 0.3em 0.5em;
  cursor: pointer;
  color: #333333;
}

.wf .wfMenuDropDown .wfMenuDropDownIcon {
  vertical-align: middle;
}

.wf .wfMenuDropDown .wfMenuDropDownTitle {
  margin-left: 0.3em;
}

.wf .wfMenuDropDown .wfMenuDropDownCaret {
  margin-left: 0.3em;
}

.wf .wfMenuDropDown.wfMenuDropDownHover,
.wf .wfMenuDropDown.wfMenuDropDownOpen {
  background-color: #eeeeee;
}

.wf .wfMenuDropDown.wfMenuDropDownThemeLight {
  color: #ffffff;
}

.wf .wfMenuDropDown.wfMenuDropDownThemeLight.wfMenuDropDownHover,
.wf .wfMenuDropDown.wfMenuDropDownThemeLight.wfMenuDropDownOpen {
  background-color: #666666;
}

.wf .wfMenuDropDownMenu {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE/Edge */
  user-select: none;
  /* non-prefixed */
  background-color: #ffffff;
  position: absolute;
  list-style: none;
  top: 0;
  left: 0;
  padding: 0;
  margin: 0;
  z-index: 1000;
  border: 1px solid #eeeeee;
}

.wf .wfMenuDropDownMenu .wfMenuDropDownItem {
  padding: 0.15em 0.3em;
}

.wf .wfMenuDropDownMenu .wfMenuDropDownGroup {
  color: #666666;
  font-weight: bold;
  margin: 0.2em 0;
}

.wf .wfMenuDropDownMenu .wfMenuDropDownEntry .wfMenuDropDownItemTitle {
  margin-left: 0.3em;
}

.wf .wfMenuDropDownMenu .wfMenuDropDownEntry:hover {
  cursor: pointer;
  background-color: #eeeeee;
}

.wf .right .wfMenuDropDown {
  padding-top: 10px;
  padding-bottom: 10px;
}

.wf .right .wfMenuDropDown.wfMenuDropDownHover,
.wf .right .wfMenuDropDown.wfMenuDropDownOpen {
  background-color: rgba(255, 255, 255, 0.07);
}

.auditControllerEmptyImage {
  display: inline-block;
  vertical-align: middle;
}

.wfMenuItem.dijitMenuItem .dijitMenuItemIcon {
  padding: 5px;
}

.wfFilterConditionCont {
  padding: 0.5em;
  border: 1px solid #ddd;
  margin: 0.5em 0.4em;
  font-size: 0.8em;
  width: 300px;
  float: left;
  height: 90px;
}

.wfFilterConditionHeader {
  overflow: hidden;
}

.wfFilterEmptyFilter {
  margin-top: 1em;
  padding: 1em;
  text-align: center;
  font-style: italic;
  color: #abacad;
}

.wfFilterConditionGroupEmptyMessage {
  text-align: center;
  font-style: italic;
  color: #abacad;
  line-height: 117px;
}

.wfFilterConditionIndex {
  font-size: 1em;
  font-weight: 600;
  padding: 0 1px;
  display: inline-block;
}

.wfFilterConditionButton {
  float: right;
  margin: 0px;
}

.wfFilterConditionCont .dijitComboBox {
  margin: 0.4em 0 0;
  width: 100%;
}

.wfFilterConditionCont .dijitTextBox {
  margin: 0.4em 0 0;
  width: 100%;
}

.wfFilterConditionError {
  border-color: #d46464;
}

.wfFilterConditionGroupFilter {
  border: 1px solid #ddd;
  height: 117px;
  overflow-y: scroll;
}

.wfFilterConditionGroupLogicOperator {
  float: left;
  height: 120px;
  background-color: #ddd;
  padding-left: 5px;
  padding-right: 5px;
}
.wfFilterConditionGroupLogicOperator .wfButton, .wfFilterConditionGroupLogicOperator .wfDropDownButton {
  background-color: #eee;
}

.wfFilterConditionGroupAdd {
  padding-top: 5px;
}

.wfFilterConditionGroupLogicOperatorLabel {
  margin-top: 5px;
  text-align: center;
  font-weight: bold;
}
.wfFilterConditionGroupLogicOperatorLabel .dijitSelectLabel {
  width: 40px;
}

.wfFilterConditionGroupAddConditionButton {
  float: left;
}

.wfFilterConditionGroupIndex {
  padding: 3px;
  font-weight: bold;
}

.wfFilterConditionGroupAddConditionButton .dijitButton .dijitButtonNode {
  background-image: none;
  background-color: transparent;
  border: 0px;
  box-shadow: 0 0 0;
  color: #002f6c;
  padding: 0px;
  border-radius: 0px;
}

.wfFilterConditionGroupCont {
  height: 119px;
  clear: both;
  border: 1px solid #ddd;
  position: relative;
}

.wfFilterLogicOperator {
  padding-left: 5px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.wfFilterExprCondition {
  height: 40px;
  font-size: 12px;
  padding: 5px;
}

.wfFilterExprConditionEditButton {
  float: right;
}

.wfAddOutputDialog .field-name {
  width: 200px;
}

.wfFilterConditionGroupAddButton i {
  font-size: 115px;
  margin-left: 10px;
  color: #ddd;
}

.wfFilterConditionGroupAddButton {
  width: 120px;
  float: left;
}

.wfFilterConditionGroupAddButton i:hover {
  color: #eee;
  cursor: pointer;
}

.wfFilterConditionGroupRemoveButton {
  position: absolute;
  right: 10px;
  top: 5px;
  padding-right: 0;
}

.wfFilterConditionRemoveButton {
  margin: 0;
  padding: 0;
  float: right;
}

.wfFilterConditionGroupRemoveButton .dijitButtonNode {
  background-image: none;
  background-color: #fafafa;
  border: 0px;
  box-shadow: 0 0 0;
  color: #002f6c;
  padding: 0px;
  border-radius: 0px;
}

.wfFilterConditionChangeType {
  display: inline-block;
  cursor: pointer;
}

.wfFilterConditionChangeType:hover {
  color: #002f6c;
}

.wfFilterConditionChangeType {
  display: inline-block;
  position: relative;
  left: 163px;
  font-style: italic;
  text-decoration: underline;
}

.claro .dijitButton.wfFilterConditionRemoveButton .dijitButtonNode {
  padding-right: 0;
}

.wfFilterConditionValueButton {
  margin: 5px 5px 5px 0;
}

.wfFilterSpatialConditionCont .advSearchElementButton {
  margin-top: 10px;
  display: block;
}
.wfFilterSpatialConditionCont .dijitButtonText {
  text-decoration: underline;
}
.wfFilterSpatialConditionCont .dijitSelectLabel {
  width: 140px;
  padding: 2px 2px 2px 7px;
  text-align: left;
}

.wfAwesomeButton.dijitButton.dijitButtonHover.dijitHover {
  background-color: transparent;
}

.wfAwesomeButton.wfToggleButton.dijitButton.dijitButtonChecked.dijitChecked .dijitInline.dijitButtonNode {
  border: 1px solid #368;
}

.gis3dDateTimeTextBox li,
.gis3dTimeInterval li {
  display: inline-block;
}

.gis3dDateTimeTextBox ul,
.gis3dTimeInterval ul {
  margin: 0px;
  padding: 0px;
}

.wf {
  /* toggle */
}
.wf .wfMemoryDropDownButton {
  border-radius: 4px;
  border: 1px solid #759dc0;
  display: inline-block;
}
.wf .wfMemoryDropDownButton .wfMemoryDropDownButtonActionButton .dijitButtonNode {
  background-image: none;
  background-color: #ffffff;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border: none;
  border-right: 1px solid #cccccc;
  box-shadow: none;
  padding: 4px;
}
.wf .wfMemoryDropDownButton .wfMemoryDropDownButtonActionButton.dijitButtonHover .dijitButtonNode {
  background-color: #c0cfd8;
}
.wf .wfMemoryDropDownButton .wfMemoryDropDownButtonActionButton.dijitActive .dijitButtonNode {
  background-color: #759dc0;
}
.wf .wfMemoryDropDownButton.wfMemoryDropDownButtonNoLabel .wfMemoryDropDownButtonActionButton .dijitButtonNode {
  padding-bottom: 5px;
}
.wf .wfMemoryDropDownButton .wfMemoryDropDownButtonDropDownButton {
  margin: 0;
}
.wf .wfMemoryDropDownButton .wfMemoryDropDownButtonDropDownButton .dijitButtonNode {
  background-image: none;
  background-color: #d3d3d3;
  border-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border: none;
  padding: 4px 0;
  box-shadow: none;
}
.wf .wfMemoryDropDownButton .wfMemoryDropDownButtonDropDownButton.dijitHover .dijitButtonNode {
  background-color: #c0cfd8;
}
.wf .wfMemoryDropDownButton .wfMemoryDropDownButtonDropDownButton.dijitActive .dijitButtonNode {
  background-color: #759dc0;
}
.wf .dijitToolbar .wfMemoryDropDownButton {
  border: 1px solid transparent;
}
.wf .dijitToolbar .wfMemoryDropDownButton:hover {
  border: 1px solid #759dc0;
}
.wf .dijitToolbar .wfMemoryDropDownButton .wfMemoryDropDownButtonDropDownButton {
  padding: 0;
}
.wf .dijitToolbar .wfMemoryDropDownButton .wfMemoryDropDownButtonDropDownButton .dijitButtonNode {
  background: transparent;
  padding: 3px 0;
}
.wf .dijitToolbar .wfMemoryDropDownButton .wfMemoryDropDownButtonDropDownButton.dijitHover .dijitButtonNode {
  background-color: #c0cfd8;
}
.wf .dijitToolbar .wfMemoryDropDownButton .wfMemoryDropDownButtonDropDownButton.dijitActive .dijitButtonNode {
  background-color: #759dc0;
}
.wf .dijitToolbar .wfMemoryDropDownButton .wfMemoryDropDownButtonDropDownButton .dijitButtonContents {
  padding: 0;
}
.wf .dijitToolbar .wfMemoryDropDownButton .wfMemoryDropDownButtonActionButton .dijitButtonNode {
  background: transparent;
  padding: 2px 0;
}
.wf .dijitToolbar .wfMemoryDropDownButton .wfMemoryDropDownButtonActionButton.dijitHover .dijitButtonNode {
  background-color: #c0cfd8;
}
.wf .dijitToolbar .wfMemoryDropDownButton .wfMemoryDropDownButtonActionButton.dijitActive .dijitButtonNode {
  background-color: #759dc0;
}
.wf .dijitToolbar .wfMemoryDropDownButton.wfMemoryDropDownButtonNoLabel .wfMemoryDropDownButtonActionButton .dijitButtonNode {
  padding-bottom: 3px;
}
.wf .wfMemoryDropDownButtonDropDownMenu .dijitMenuItemHover,
.wf .wfMemoryDropDownButtonDropDownMenu .dijitMenuItemHover td {
  background-image: none;
  background-color: #759dc0;
}
.wf .wfMemoryDropDownButtonDropDownMenu .dijitMenuItemActive,
.wf .wfMemoryDropDownButtonDropDownMenu .dijitMenuItemActive td {
  background-image: none;
  background-color: #759dc0;
}
.wf .wfMemoryDropDownButtonDropDownMenu .dijitMenuItemSelected,
.wf .wfMemoryDropDownButtonDropDownMenu .dijitMenuItemSelected td {
  background-image: none;
  background-color: #759dc0;
}
.wf .wfMemoryDropDownButtonDropDownMenu .dijitMenuItemIconCell {
  text-align: center;
}
.wf .wfMemoryDropDownToggleButton.wfMemoryDropDownToggleButtonChecked {
  border: 1px solid #759dc0;
}
.wf .wfMemoryDropDownToggleButton.wfMemoryDropDownToggleButtonChecked .wfAwesomeButton .dijitButtonNode {
  background-color: #c0cfd8;
}
.wf .wfMemoryDropDownButton {
  border-radius: 4px;
  border: 1px solid #759dc0;
  display: inline-block;
}
.wf .wfMemoryDropDownButton .wfMemoryDropDownButtonAwesomeButton .dijitButtonNode {
  background-image: none;
  background-color: #ffffff;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border: none;
}
.wf .wfMemoryDropDownButton .wfMemoryDropDownButtonDropDownButton {
  margin: 0;
}
.wf .wfMemoryDropDownButton .wfMemoryDropDownButtonDropDownButton .dijitButtonNode {
  background-image: none;
  background-color: #eeeeee;
  border-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border: none;
  border-left: 1px solid #cccccc;
  padding-left: 0;
  padding-right: 0;
}

.wf .wfMemoryDropDownButton {
  border-radius: 4px;
  border: 1px solid #759dc0;
  display: inline-block;
}

.wf .wfMemoryDropDownButton .wfMemoryDropDownButtonActionButton .dijitButtonNode {
  background-image: none;
  background-color: #ffffff;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border: none;
  border-right: 1px solid #cccccc;
  box-shadow: none;
  padding: 4px;
}

.wf .wfMemoryDropDownButton .wfMemoryDropDownButtonActionButton.dijitButtonHover .dijitButtonNode {
  background-color: #c0cfd8;
}

.wf .wfMemoryDropDownButton .wfMemoryDropDownButtonActionButton.dijitActive .dijitButtonNode {
  background-color: #759dc0;
}

.wf .wfMemoryDropDownButton.wfMemoryDropDownButtonNoLabel .wfMemoryDropDownButtonActionButton .dijitButtonNode {
  padding-bottom: 5px;
}

.wf .wfMemoryDropDownButton .wfMemoryDropDownButtonDropDownButton {
  margin: 0;
}

.wf .wfMemoryDropDownButton .wfMemoryDropDownButtonDropDownButton .dijitButtonNode {
  background-image: none;
  background-color: #d3d3d3;
  border-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border: none;
  padding: 4px 0;
  box-shadow: none;
}

.wf .wfMemoryDropDownButton .wfMemoryDropDownButtonDropDownButton.dijitHover .dijitButtonNode {
  background-color: #c0cfd8;
}

.wf .wfMemoryDropDownButton .wfMemoryDropDownButtonDropDownButton.dijitActive .dijitButtonNode {
  background-color: #759dc0;
}

.wf .dijitToolbar .wfMemoryDropDownButton {
  border: 1px solid transparent;
}

.wf .dijitToolbar .wfMemoryDropDownButton:hover {
  border: 1px solid #759dc0;
}

.wf .dijitToolbar .wfMemoryDropDownButton .wfMemoryDropDownButtonDropDownButton {
  padding: 0;
}

.wf .dijitToolbar .wfMemoryDropDownButton .wfMemoryDropDownButtonDropDownButton .dijitButtonNode {
  background: transparent;
  padding: 3px 0;
}

.wf .dijitToolbar .wfMemoryDropDownButton .wfMemoryDropDownButtonDropDownButton.dijitHover .dijitButtonNode {
  background-color: #c0cfd8;
}

.wf .dijitToolbar .wfMemoryDropDownButton .wfMemoryDropDownButtonDropDownButton.dijitActive .dijitButtonNode {
  background-color: #759dc0;
}

.wf .dijitToolbar .wfMemoryDropDownButton .wfMemoryDropDownButtonDropDownButton .dijitButtonContents {
  padding: 0;
}

.wf .dijitToolbar .wfMemoryDropDownButton .wfMemoryDropDownButtonActionButton .dijitButtonNode {
  background: transparent;
  padding: 2px 0;
}

.wf .dijitToolbar .wfMemoryDropDownButton .wfMemoryDropDownButtonActionButton.dijitHover .dijitButtonNode {
  background-color: #c0cfd8;
}

.wf .dijitToolbar .wfMemoryDropDownButton .wfMemoryDropDownButtonActionButton.dijitActive .dijitButtonNode {
  background-color: #759dc0;
}

.wf .dijitToolbar .wfMemoryDropDownButton.wfMemoryDropDownButtonNoLabel .wfMemoryDropDownButtonActionButton .dijitButtonNode {
  padding-bottom: 3px;
}

.wf .wfMemoryDropDownButtonDropDownMenu .dijitMenuItemHover,
.wf .wfMemoryDropDownButtonDropDownMenu .dijitMenuItemHover td {
  background-image: none;
  background-color: #759dc0;
}

.wf .wfMemoryDropDownButtonDropDownMenu .dijitMenuItemActive,
.wf .wfMemoryDropDownButtonDropDownMenu .dijitMenuItemActive td {
  background-image: none;
  background-color: #759dc0;
}

.wf .wfMemoryDropDownButtonDropDownMenu .dijitMenuItemSelected,
.wf .wfMemoryDropDownButtonDropDownMenu .dijitMenuItemSelected td {
  background-image: none;
  background-color: #759dc0;
}

.wf .wfMemoryDropDownButtonDropDownMenu .dijitMenuItemIconCell {
  text-align: center;
}

.wf .wfMemoryDropDownToggleButton.wfMemoryDropDownToggleButtonChecked {
  border: 1px solid #759dc0;
}
.wf .wfMemoryDropDownToggleButton.wfMemoryDropDownToggleButtonChecked .wfAwesomeButton .dijitButtonNode {
  background-color: #c0cfd8;
}
.wf .wfMemoryDropDownToggleButton.wfMemoryDropDownToggleButtonChecked {
  border: 1px solid #759dc0;
}
.wf .wfMemoryDropDownToggleButton.wfMemoryDropDownToggleButtonChecked .wfAwesomeButton .dijitButtonNode {
  background-color: #c0cfd8;
}

.layer-loading-indicator {
  position: absolute;
  top: 8px;
  left: 8px;
  width: 32px;
  height: 32px;
  cursor: pointer;
  z-index: 100000;
}
.layer-loading-indicator:hover {
  opacity: 0.8;
}
.layer-loading-indicator .layer-loading-icon #arc {
  fill: #336688;
}
.layer-loading-indicator .layer-loading-icon #sign .sign {
  fill: #edc92c;
  stroke: #333333;
  stroke-width: 0.75;
}
.layer-loading-indicator .layer-loading-icon #sign .exclamation {
  fill: #333333;
}
.layer-loading-indicator .layer-loading-icon #error {
  fill: rgba(0, 0, 0, 0.3);
  visibility: hidden;
}
.layer-loading-indicator.no-sign .layer-loading-icon #sign {
  visibility: hidden;
}
.layer-loading-indicator.no-spin .layer-loading-icon #arc {
  visibility: hidden;
}
.layer-loading-indicator.error .layer-loading-icon #error {
  visibility: visible;
}

.layer-loading-list {
  position: absolute;
  left: 8px;
  top: 52px;
  background-color: #336688;
  color: #fff;
  max-width: 310px;
  min-width: 240px;
  border-radius: 4px;
  opacity: 1;
  z-index: 100000;
}
.layer-loading-list .wrapper {
  max-height: 240px;
  padding: 4px 8px 8px;
  overflow-x: hidden;
  overflow-y: visible;
  scrollbar-color: rgb(45.9, 91.8, 122.4) #336688;
  scrollbar-width: thin;
}
.layer-loading-list .wrapper::before {
  content: "\a";
  border-style: solid;
  border-width: 0 8px 8px 8px;
  border-color: transparent transparent #336688 transparent;
  position: absolute;
  top: -8px;
}
.layer-loading-list .wrapper::-webkit-scrollbar {
  width: 0.5em;
}
.layer-loading-list .wrapper::-webkit-scrollbar-track {
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
}
.layer-loading-list .wrapper::-webkit-scrollbar-thumb {
  background-color: rgb(45.9, 91.8, 122.4);
  outline: 1px solid #336688;
}
.layer-loading-list h4 {
  padding: 0 0 0 20px;
  margin: 0;
  font-weight: 500;
  position: relative;
}
.layer-loading-list h4:nth-of-type(2) {
  padding-top: 8px;
}
.layer-loading-list h4.error::before {
  content: "\a";
  position: absolute;
  left: 0;
  top: 3px;
  height: 16px;
  width: 16px;
  background-image: url(../img/wf/layer-loading/problem.png);
  background-position: center;
  background-repeat: no-repeat;
}
.layer-loading-list h4.loading::before {
  content: "\a";
  position: absolute;
  left: 0;
  top: 11px;
  height: 16px;
  width: 16px;
  background-image: url(../img/wf/layer-loading/computing-cloud.png);
  background-position: center;
  background-repeat: no-repeat;
}
.layer-loading-list h4:nth-of-type(1).loading::before {
  top: 3px;
}
.layer-loading-list ul {
  padding: 2px 0;
  font-size: 0.8rem;
  margin: 0 0 0 21px;
  list-style: square;
}
.layer-loading-list ul li {
  padding-bottom: 1px;
  color: #efefef;
}

.wfMessageBarWidget {
  height: 30px;
  font-weight: 500;
}
.wfMessageBarWidget .wfMessageBarWidgetNode {
  position: absolute;
  top: 0;
  left: 8px;
  width: calc(100% - 16px);
  line-height: 29px;
}
.wfMessageBarWidget .wfMessageBarWidgetNode.wfMessageBarWidgetCenterNode {
  text-align: center;
}
.wfMessageBarWidget .wfMessageBarWidgetNode.wfMessageBarWidgetRightNode {
  text-align: right;
}
.wfMessageBarWidget .wfMessageBarWidgetNodeOperations {
  display: inline-block;
  margin-left: 10px;
}
.wfMessageBarWidget .wfMessageBarWidgetNodeOperation {
  margin-left: 5px;
}
.wfMessageBarWidget .wfMessageBarWidgetNodeOperationText {
  margin-left: 5px;
  text-decoration: underline;
  cursor: pointer;
}

.wf .wfMessageOverlayCont {
  z-index: 100000;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(237, 237, 237, 0.6);
  vertical-align: middle;
  display: flex;
  align-items: center;
}
.wf .wfMessageOverlayCont .message {
  background-color: #368;
  border-radius: 15px;
  margin: 0 auto;
  text-align: center;
  display: flex;
  padding: 30px;
  color: #fff;
  line-height: 3em;
  vertical-align: middle;
}
.wf .wfMessageOverlayCont .message i {
  font-size: 3em;
}
.wf .wfMessageOverlayCont .message div {
  margin-left: 10px;
}
.wf .wfMessageOverlayCont .message.successMessage {
  background-color: #009900;
}
.wf .wfMessageOverlayCont .message.errorMessage {
  background-color: #cc0000;
}

.wfMultipleElementSelector {
  display: inline-block;
}
.wfMultipleElementSelector .multipleValueSelect {
  display: inline-block;
}
.wfMultipleElementSelector .multipleValueReset {
  display: inline-block;
}
.wfMultipleElementSelector .multipleValueLabel {
  display: inline-block;
  margin-left: 2px;
  line-height: 20px;
  margin-right: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 190px;
  vertical-align: bottom;
}
.wfMultipleElementSelector .multipleValueLabel img.labelPropertyImage {
  vertical-align: middle;
  width: 24px;
  height: 24px;
}
.wfMultipleElementSelector .emptyValue {
  font-style: italic;
  color: #adadad;
}

.wf .wfToast * {
  box-sizing: border-box;
}

.wf .wfToast {
  position: absolute;
  z-index: 10000;
  border-radius: 4px;
  overflow: hidden;
  font-family: HelveticaNeue, Helvetica, Arial, sans;
  font-size: 0.85rem;
  padding: 1.2em 0;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.wf .wfToastOverlay {
  position: absolute;
  z-index: 9000;
  background-color: rgba(255, 255, 255, 0.8);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.wf .wfToast .wfToastIcon {
  float: left;
  margin: 0 1em 0 1.2em;
}

.wf .wfToast .wfToastMessage {
  padding: 0 20px 0 0;
  margin-left: 85px;
}

.wf .wfToast .wfToastLink {
  padding: 0 20px 0 0;
  margin-left: 85px;
  text-decoration: underline;
  cursor: pointer;
  margin-top: 5px;
}

.wf .wfToast .wfToastClose {
  position: absolute;
  right: 8px;
  top: 5px;
  color: rgba(0, 0, 0, 0.3);
}

.wf .wfToast .wfToastClose:hover {
  color: rgba(0, 0, 0, 0.85);
  cursor: pointer;
}

.wf .wfToast.wfToastTypeInfo {
  background-color: #99ccdd;
  color: #444;
}

.wf .wfToast.wfToastTypeInfo .wfToastIcon i {
  color: rgba(255, 255, 255, 0.8);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
}

.wf .wfToast.wfToastTypeSuccess {
  background-color: #009900;
  color: rgba(255, 255, 255, 0.9);
}

.wf .wfToast.wfToastTypeSuccess .wfToastIcon i {
  color: rgba(255, 255, 255, 0.6);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
}

.wf .wfToast.wfToastTypeWarning {
  background-color: #ffaa00;
  color: rgba(255, 255, 255, 0.9);
}

.wf .wfToast.wfToastTypeWarning .wfToastIcon i {
  color: rgba(255, 255, 255, 0.6);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
}

.wf .wfToast.wfToastTypeError {
  background-color: #cc0000;
  color: rgba(255, 255, 255, 0.9);
}

.wf .wfToast.wfToastTypeError .wfToastIcon i {
  color: rgba(255, 200, 200, 0.7);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
}

.wfWaitWidget {
  z-index: 20001;
  position: absolute;
  padding: 2em;
  border: 4px solid #368;
  border-radius: 2em;
  background-color: #fafafa;
  text-align: center;
}

.wfWaitWidget .wfWaitWidgetIcon {
  color: #368;
}

.wfWaitWidget .wfWaitWidgetMessage {
  margin-top: 1em;
  font-weight: bold;
  min-width: 300px;
  color: #666;
}

.wfWaitWidgetUnderlay {
  background-color: rgba(255, 255, 255, 0.6);
  z-index: 20000;
  position: absolute;
}

.wf .wfMenuDropDown {
  display: inline-block;
  padding: 0.3em 0.5em;
  cursor: pointer;
  color: #333333;
}
.wf .wfMenuDropDown .wfMenuDropDownIcon {
  vertical-align: middle;
}
.wf .wfMenuDropDown .wfMenuDropDownTitle {
  margin-left: 0.3em;
}
.wf .wfMenuDropDown .wfMenuDropDownCaret {
  margin-left: 0.3em;
}
.wf .wfMenuDropDown.wfMenuDropDownHover, .wf .wfMenuDropDown.wfMenuDropDownOpen {
  background-color: #d3d3d3;
}
.wf .wfMenuDropDown.wfMenuDropDownThemeLight {
  color: #ffffff;
}
.wf .wfMenuDropDownMenu {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Chrome/Safari/Opera */
  -khtml-user-select: none; /* Konqueror */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE/Edge */
  user-select: none; /* non-prefixed */
  background-color: #ffffff;
  position: absolute;
  list-style: none;
  top: 0;
  left: 0;
  padding: 0;
  margin: 0;
  z-index: 1000;
  border: 1px solid #d3d3d3;
}
.wf .wfMenuDropDownMenu .wfMenuDropDownItem {
  padding: 0.15em 0.3em;
}
.wf .wfMenuDropDownMenu .wfMenuDropDownGroup {
  font-weight: bold;
  margin: 0.2em 0;
}
.wf .wfMenuDropDownMenu .wfMenuDropDownEntry .wfMenuDropDownItemTitle {
  margin-left: 0.3em;
}
.wf .wfMenuDropDownMenu .wfMenuDropDownEntry:hover {
  cursor: pointer;
  background-color: #d3d3d3;
}

.wfLoadingContentPane .wfLoadingContentPaneMessage {
  background-color: #def;
  border: 1px solid #cde;
  padding: 20px;
  text-align: center;
  font-size: 0.9em;
  font-weight: bold;
  color: #457;
  width: 300px;
  margin: 0 auto;
}
.wfLoadingContentPane .wfLoadingContentPaneSpinner {
  padding-top: 20px;
  width: 64px;
  height: 64px;
  margin: 0 auto;
}
.wfLoadingContentPane .wfLoadingContentPaneSpinner:after {
  content: " ";
  display: block;
  width: 46px;
  height: 46px;
  margin: 1px;
  border-radius: 50%;
  border: 5px solid #457;
  border-color: #457 transparent #457 transparent;
  animation: dataAnalysisControllerLoadingMessageSpinner 1.2s linear infinite;
}
@keyframes wfLoadingContentPaneSpinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.wf .wfToolbar .wfToolbarRightContainer {
  float: right;
}

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

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

.wfSourceCode > pre {
  font-size: 100%;
  padding: 1em;
  border-width: 1px;
  margin: 0.5em;
  background-color: #fff;
}

.wfSourceCode > pre > code {
  background-color: #fff;
  border: 0;
}

/* RIBBON CONTAINER */
.gisRibbonContainer {
  height: 78px;
}

.gisRibbonContainer .wfIcon {
  font-size: 1.5em;
  line-height: 1em;
}

.gisRibbonContainer .dijitTabContainerTop-tabs .dijitTab {
  padding: 0;
  margin: 0;
  text-align: center;
  top: 0;
}

.gisRibbonContainer .dijitTabContainerTop-tabs .dijitTabInnerDiv,
.gisRibbonContainer .dijitTabContainerTop-tabs .dijitTabContent {
  background: none;
}

.gisRibbonContainer .dijitTabContent,
.gisRibbonContainer .dijitTabContainerTop-tabs .dijitTabContent,
.gisRibbonContainer .dijitTabContainerTop-tabs .dijitTabChecked .dijitTabContent {
  font-size: 11px;
  padding: 2px 10px;
  border: 0;
}

.gisRibbonContainer .dijitTabContainerTop-dijitContentPane {
  padding: 0;
  overflow: hidden;
}

.gisRibbonContainer .dijitTab .tabLabel {
  padding: 2px 0 0;
}

.gisRibbonContainer .dijitTabPaneWrapper,
.gisRibbonContainer .dijitTabContainerTop-tabs {
  background-color: #eee;
}

/* RIBBON BAR */
.gisRibbonContainer .gisRibbonBar {
  padding: 0;
  border: 0;
  overflow: hidden;
}

.gisRibbonBar.gisRibbonBarSingle {
  height: 54px;
  padding: 0;
  overflow: hidden;
  border: 1px solid #b5bcc7;
}

.gisRibbonBar > .dijitContentPane {
  padding: 0;
}

/* RIBBON GROUP */
.gisRibbonBar .gisRibbonGroup {
  float: left;
  margin: 2px 5px 0;
  height: 52px;
}

.gisRibbonBar .gisRibbonGroup .gisRibbonGroupTitle {
  font-size: 10px;
  color: #666;
  text-align: center;
  margin-bottom: 1px;
}

.gisRibbonBar .gisRibbonGroup .twoLines .dijitButtonText {
  display: block;
}

/* RIBBON SEPARATOR */
.gisRibbonBar .gisRibbonSeparator.dijitToolbarSeparator {
  float: left;
  margin: 4px 0px 0;
  width: 1px;
  padding: 0;
  height: 50px;
  opacity: 0.5;
  border-left: 1px solid rgba(255, 255, 255, 0.65);
  border-right: 1px solid rgba(255, 255, 255, 0.5);
}

/* tabs */
.gisRibbonContainer .dijitTabListWrapper .dijitTabContainerTop-tabs {
  background-color: #9bb8ca;
  border-bottom: 0;
}

.gisRibbonContainer .dijitTabListWrapper .dijitTabContent {
  box-shadow: none;
  border-radius: 0;
}

.gisRibbonContainer .dijitTabListWrapper .dijitTabContent.dijitTabChecked {
  background-color: rgb(238, 238, 238);
}

/* panels */
.gisRibbonContainer .dijitTabPaneWrapper {
  border-left: 0;
}

.gisRibbonContainer .dijitTabPaneWrapper .gisRibbonBar .gisRibbonGroup {
  padding-right: 2px;
  border-right: 1px solid #e0e0e0;
  height: 54px;
}

.gisRibbonContainer .dijitTabPaneWrapper .gisRibbonBar .gisRibbonGroup:last-child {
  border: 0;
  margin-right: 0;
  padding-right: 0;
}

.gisRibbonContainer .dijitTabPaneWrapper .gisRibbonBar .gisRibbonGroup .gisRibbonGroupTitle {
  color: #aaaaaa;
  margin-top: 3px;
}

.gisRibbonContainer .dijitTabPaneWrapper .gisRibbonBar .gisRibbonGroup:first-child {
  margin-left: 0.5em;
}

.wfUploadContentPane {
  height: 200px;
}

.wfUploadContentPane .wfUploadContentPaneIndicator {
  position: absolute;
  width: calc(100% - 1.5em);
  height: calc(100% - 1.5em);
  top: 0.5em;
  left: 0.5em;
  border: 4px dashed #eee;
  color: #dddddd;
  display: none;
  pointer-events: none;
  z-index: 1000;
  background-color: #ffffff;
}

.wfUploadContentPane .wfUploadContentPaneIndicator i {
  text-align: center;
  position: absolute;
  top: 50%;
  width: 100%;
  margin-top: -0.5em;
  display: block;
}

.wfUploadContentPane.wfUploadContentPaneDragEnter .wfUploadContentPaneIndicator {
  display: block;
}

.wfUploadContentPane .wfUploadContentFileList {
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 0;
  list-style: none;
}

.wfUploadContentPane .wfUploadContentFileList li {
  border-bottom: 1px solid #dddddd;
  padding: 0 0.3em;
  width: calc(560px + 3em);
}

.wfUploadContentPane .wfUploadContentFileList li span {
  display: inline-block;
  margin-right: 1em;
}

.wfUploadContentPane .wfUploadContentFileList li span.name {
  font-weight: bold;
  width: 320px;
}

.wfUploadContentPane .wfUploadContentFileList li span.size {
  width: 100px;
}

.wfUploadContentPane .wfUploadContentFileList li span.type {
  width: 140px;
}

.wfUploadContentPane .wfUploadContentFooter {
  margin-top: 0.6em;
  font-size: 0.9em;
  color: #666;
}

.wfUploadContentPane .dijitButton .dijitButtonNode,
.wfUploadContentPane .dijitButton.dijitHover.dijitButtonHover .dijitButtonNode {
  background-image: none;
  border: 1px solid #368;
  background-color: #368;
  color: #fff;
  box-shadow: none;
  padding: 3px 6px 6px;
  font-weight: bold;
}

.wfUploadContentPane .dijitButton .dijitButtonNode .wfIcon,
.wfUploadContentPane .dijitButton.dijitHover.dijitButtonHover .dijitButtonNode .wfIcon {
  color: #fff;
}

.wfUploadContentPane .dijitButton.dijitButtonDisabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.wfToggleButton.dijitButton.dijitButtonChecked.dijitChecked {
  border: 1px solid #6b99b8;
}

.wfToggleButton.dijitButton {
  border: 1px solid transparent;
}

.moveToCoordinateMapWidgetInputGroup {
  padding: 5px;
}

.moveToCoordinateMapWidgetInputGroup label {
  width: 100px;
  margin-right: 10px;
  font-weight: bold;
  display: inline-block;
}

.moveToCoordinateMapWidgetInputGroup .dijitTextBox {
  width: 282px;
}

.moveToCoordinateMapWidgetCp .wfButton {
  float: right;
}

.gridPaneSearchWidget,
.gridPaneSearchWidgetLabel {
  display: inline-block;
}

.gridPaneSearchWidgetLabel {
  margin-left: 5px;
  margin-right: 5px;
  font-weight: bold;
}

.gridPaneTagSelection {
  margin-right: 10px;
}

.gridPaneTagSelectionLabel {
  display: inline-block;
  font-weight: bold;
  margin-right: 5px;
  color: #243c5f;
  vertical-align: middle;
}

.gridPaneGridContentPane .modifiedRecord {
  color: #f39a25;
  font-weight: bold;
}

.simpleSelectionPaneItem {
  vertical-align: top;
  margin: 0;
  padding: 10px;
  border: 1px solid white;
  border-radius: 3px;
  cursor: pointer;
  height: 80px;
}

.simpleSelectionPaneItem.simpleSelectionPaneItemSelected {
  background-color: #ebf2f9;
  border: 1px solid #cddcec;
}

.simpleSelectionPane {
  padding-left: 20px;
  padding-right: 20px;
}

li.simpleSelectionPaneItem {
  list-style: none;
}

.simpleSelectionPaneItemIcon {
  float: left;
  width: 48px;
  height: 48px;
  vertical-align: text-bottom;
  margin-right: 20px;
}

.simpleSelectionPaneItemName {
  font-weight: bold;
  margin-top: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.fileUploadPaneContent .dijitButton .dijitButtonNode,
.fileUploadPaneContent .dijitButton.dijitHover.dijitButtonHover .dijitButtonNode {
  background-image: none;
  border: 1px solid #368;
  background-color: #368;
  color: #fff;
  box-shadow: none;
  padding: 3px 6px 6px;
  font-weight: bold;
  border-radius: 4px;
}

.fileUploadPaneContent .dijitButton .dijitButtonNode .wfIcon,
.fileUploadPaneContent .dijitButton.dijitHover.dijitButtonHover .dijitButtonNode .wfIcon {
  color: #fff;
}

.fileUploadPaneContent .dijitButton.dijitButtonDisabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.fileUploadPaneContent {
  padding: 20px;
}

.fileUploadPaneFileDesc {
  margin-top: 20px;
}

.fileUploadPaneFileDescLabel {
  font-weight: bold;
}

.fileUploadPaneLoading {
  margin-top: 10px;
  padding: 10px;
}

html,
body {
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

.errorPage.e500 {
  font-family: Arial, sans-serif;
  color: white;
  background-color: #336688;
  background-image: url(../img/wf/errors/map-bg-blue.jpg);
  background-position: bottom center;
  background-repeat: no-repeat;
  text-align: center;
}

.errorPage.e500 h2 {
  margin: 0;
  font-size: 120px;
  line-height: 130px;
}

.errorPage.e404,
.errorPage.e403,
.errorPage.themePermissionDenied,
.errorPage.themeInMaintenance {
  font-family: Arial, sans-serif;
  color: #336688;
  background-color: white;
  background-image: url(../img/wf/errors/map-bg.jpg);
  background-position: bottom center;
  background-repeat: no-repeat;
  text-align: center;
}

.errorPage .fa-big {
  font-size: 20em;
}

.errorPage .fa-6x {
  font-size: 8em;
}

.errorPage .fa-question {
  width: 100px;
  height: 120px;
  position: absolute;
  left: 50%;
  bottom: 25%;
  z-index: 100;
  color: white;
  margin-bottom: 50px;
  margin-left: -50px;
}

.errorPage .fa-lock {
  width: 100px;
  height: 120px;
  position: absolute;
  left: 50%;
  bottom: 25%;
  z-index: 100;
  color: white;
  margin-bottom: 50px;
  margin-left: -50px;
}

.errorPage .pin {
  width: 200px;
  height: 200px;
  -webkit-border-radius: 50% 50% 50% 0;
  border-radius: 50% 50% 50% 0;
  background: #336688;
  position: absolute;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  left: 50%;
  bottom: 25%;
  margin: -100px 0 0 -100px;
}

.errorPage.e403 h1,
.errorPage.e404 h1 {
  position: absolute;
  margin: 0;
  padding: 0.25em 0;
  top: 30%;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 5em;
  z-index: 1000;
  border-top: 4px solid #336688;
  border-bottom: 4px solid #336688;
  background-color: rgba(255, 255, 255, 0.5);
}

.errorPage.themePermissionDenied h1 {
  margin: 10;
  padding: 0.25em 0;
  top: 30%;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 4em;
  z-index: 1000;
  border-top: 4px solid #336688;
  border-bottom: 4px solid #336688;
  background-color: rgba(255, 255, 255, 0.5);
}

.errorPage.themeInMaintenance h1 {
  margin: 10;
  padding: 0.25em 0;
  top: 30%;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 4em;
  z-index: 1000;
  border-top: 4px solid #336688;
  border-bottom: 4px solid #336688;
  background-color: rgba(255, 255, 255, 0.5);
}