@import url("libs/calcite-bootstrap/calcite-bootstrap.min.css");
@import url("libs/calcite-dojo/dgrid/css/dgrid.css");
@import url("libs/calcite-dojo/dgrid/css/skins/skin.css");
@import url(icons/calcite/style.css);
@import url(icons/geoplanner/style.css);
/*

SCSS Color Methods for Accessibility
================================================================================

Adjust given colors to ensure that those color combination provide sufficient
contrast.

@version 0.1
@link http://eye48.com/go/scsscontrast
@license http://www.gnu.org/licenses/lgpl.html GNU Lesser General Public License (LGPL)
@author Michael Haschke, http://michael.haschke.biz/

Usage
--------------------------------------------------------------------------------

Import contrast.scss first, then use method ``color_adjust_contrast_AERT``.

```(scss)
@import 'libs/contrast';

.my-element {
    background-color: #eee;
    color: color_adjust_contrast_AERT(#ccc, #eee); // get grey with good contrast on #eee
}
```

How it works
--------------------------------------------------------------------------------

It tests for sufficent difference on brightness and color of two values. If it
is not enough contrats regarding test formulas of accessible guidelines then one
color is adjusted on lightness and saturation.

Methods using calculations from:

* "Techniques For Accessibility Evaluation And Repair Tools (AERT)" working draft,
  @see http://www.w3.org/TR/AERT#color-contrast
* TODO: add methods to test with WCAG2 formulas

*/
/**
 * Bootstrap Variables
 * bootstrap-expansion.scss
 *
 * This is the full set of Bootstrap variables. Load in after pulling in theme.
 * Default set to accept org's ArcGIS Online theme variables.
 *
 * Requires: sass-functions.scss mixin
 **/
/* Specify custom location and filename of the included Glyphicons icon font.
Useful for those including Bootstrap via Bower.
Load fonts from this directory.*/
/*// [converter] If $bootstrap-sass-asset-helper if used,
provide path relative to the assets load path.
// [converter] This is because some asset helpers,
such as Sprockets, do not work with file-relative paths.
$icon-font-path: if($bootstrap-sass-asset-helper,
"bootstrap/", "../fonts/bootstrap/") !default;*/
@import url("libs/calcite-dojo/dgrid/css/dgrid_rtl.css");
html,
body {
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
}

html {
  font-size: 100%;
}

body {
  font-weight: 300;
  letter-spacing: .03em;
  font-size: 12px;
  overflow: hidden;
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-font-feature-settings: "kern";
  -moz-font-feature-settings: "kern";
  font-feature-settings: "kern";
  font-kerning: normal;
  text-rendering: optimizeLegibility;
  -moz-font-feature-settings: 'liga= 1','calt=0';
  -moz-font-feature-settings: "liga" 1,"calt" 0;
  -webkit-font-feature-settings: "liga" 1,"calt" 0;
  -ms-font-feature-settings: 'liga= 1','calt=0';
  -o-font-feature-settings: "liga" 1,"calt" 0;
  font-feature-settings: "liga" 1,"calt" 0;
}

body * {
  outline: none;
}

a {
  color: #007ac2;
}

hr {
  border-color: #e7e7e7;
}

::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 8px;
  background-color: rgba(50, 50, 50, 0.1);
  margin: 0;
}

::-webkit-scrollbar-thumb {
  background-color: rgba(50, 50, 50, 0.5);
}

#appMainPage {
  background-color: #ffffff;
  position: relative;
  overflow: hidden;
}

input.dijitReset[type="text"] {
  padding: 0;
}

.calcite .dijitButtonText {
  line-height: 1.5;
}
.calcite .btn-primary .dijitButtonNode,
.calcite .btn-primary .dijitSliderDecrementIconH,
.calcite .btn-primary .dijitSliderIncrementIconH,
.calcite .btn-primary .dijitSliderDecrementIconV,
.calcite .btn-primary .dijitSliderIncrementIconV,
.calcite .btn-primary .dijitButtonNode.dijitArrowButton,
.calcite .btn-primary .dijitArrowButton.dijitSliderDecrementIconH,
.calcite .btn-primary .dijitArrowButton.dijitSliderIncrementIconH,
.calcite .btn-primary .dijitArrowButton.dijitSliderDecrementIconV,
.calcite .btn-primary .dijitArrowButton.dijitSliderIncrementIconV {
  background-color: #0079c1;
  border-color: #0079c1;
}
.calcite .btn-primary .dijitButtonNode:hover,
.calcite .btn-primary .dijitSliderDecrementIconH:hover,
.calcite .btn-primary .dijitSliderIncrementIconH:hover,
.calcite .btn-primary .dijitSliderDecrementIconV:hover,
.calcite .btn-primary .dijitSliderIncrementIconV:hover,
.calcite .btn-primary .dijitButtonNode.dijitArrowButton:hover,
.calcite .btn-primary .dijitArrowButton.dijitSliderDecrementIconH:hover,
.calcite .btn-primary .dijitArrowButton.dijitSliderIncrementIconH:hover,
.calcite .btn-primary .dijitArrowButton.dijitSliderDecrementIconV:hover,
.calcite .btn-primary .dijitArrowButton.dijitSliderIncrementIconV:hover {
  background-color: #00598e;
  border-color: #00598e;
}
.calcite .btn-primary .dijitButtonNode:active,
.calcite .btn-primary .dijitSliderDecrementIconH:active,
.calcite .btn-primary .dijitSliderIncrementIconH:active,
.calcite .btn-primary .dijitSliderDecrementIconV:active,
.calcite .btn-primary .dijitSliderIncrementIconV:active,
.calcite .btn-primary .dijitButtonNode.dijitArrowButton:active,
.calcite .btn-primary .dijitArrowButton.dijitSliderDecrementIconH:active,
.calcite .btn-primary .dijitArrowButton.dijitSliderIncrementIconH:active,
.calcite .btn-primary .dijitArrowButton.dijitSliderDecrementIconV:active,
.calcite .btn-primary .dijitArrowButton.dijitSliderIncrementIconV:active {
  background-color: #00598e;
  border-color: #005384;
}
.calcite .btn-primary .dijitButtonNode:active:hover, .calcite .btn-primary .dijitButtonNode:active:focus, .calcite .btn-primary .dijitButtonNode:active.focus,
.calcite .btn-primary .dijitSliderDecrementIconH:active:hover,
.calcite .btn-primary .dijitSliderDecrementIconH:active:focus,
.calcite .btn-primary .dijitSliderDecrementIconH:active.focus,
.calcite .btn-primary .dijitSliderIncrementIconH:active:hover,
.calcite .btn-primary .dijitSliderIncrementIconH:active:focus,
.calcite .btn-primary .dijitSliderIncrementIconH:active.focus,
.calcite .btn-primary .dijitSliderDecrementIconV:active:hover,
.calcite .btn-primary .dijitSliderDecrementIconV:active:focus,
.calcite .btn-primary .dijitSliderDecrementIconV:active.focus,
.calcite .btn-primary .dijitSliderIncrementIconV:active:hover,
.calcite .btn-primary .dijitSliderIncrementIconV:active:focus,
.calcite .btn-primary .dijitSliderIncrementIconV:active.focus,
.calcite .btn-primary .dijitButtonNode.dijitArrowButton:active:hover,
.calcite .btn-primary .dijitButtonNode.dijitArrowButton:active:focus,
.calcite .btn-primary .dijitButtonNode.dijitArrowButton:active.focus,
.calcite .btn-primary .dijitArrowButton.dijitSliderDecrementIconH:active:hover,
.calcite .btn-primary .dijitArrowButton.dijitSliderDecrementIconH:active:focus,
.calcite .btn-primary .dijitArrowButton.dijitSliderDecrementIconH:active.focus,
.calcite .btn-primary .dijitArrowButton.dijitSliderIncrementIconH:active:hover,
.calcite .btn-primary .dijitArrowButton.dijitSliderIncrementIconH:active:focus,
.calcite .btn-primary .dijitArrowButton.dijitSliderIncrementIconH:active.focus,
.calcite .btn-primary .dijitArrowButton.dijitSliderDecrementIconV:active:hover,
.calcite .btn-primary .dijitArrowButton.dijitSliderDecrementIconV:active:focus,
.calcite .btn-primary .dijitArrowButton.dijitSliderDecrementIconV:active.focus,
.calcite .btn-primary .dijitArrowButton.dijitSliderIncrementIconV:active:hover,
.calcite .btn-primary .dijitArrowButton.dijitSliderIncrementIconV:active:focus,
.calcite .btn-primary .dijitArrowButton.dijitSliderIncrementIconV:active.focus {
  background-color: #00436a;
  border-color: #002942;
}
.calcite .btn-link .dijitButtonNode:hover,
.calcite .btn-link .dijitSliderDecrementIconH:hover,
.calcite .btn-link .dijitSliderIncrementIconH:hover,
.calcite .btn-link .dijitSliderDecrementIconV:hover,
.calcite .btn-link .dijitSliderIncrementIconV:hover,
.calcite .btn-link .dijitButtonNode.dijitArrowButton:hover,
.calcite .btn-link .dijitArrowButton.dijitSliderDecrementIconH:hover,
.calcite .btn-link .dijitArrowButton.dijitSliderIncrementIconH:hover,
.calcite .btn-link .dijitArrowButton.dijitSliderDecrementIconV:hover,
.calcite .btn-link .dijitArrowButton.dijitSliderIncrementIconV:hover {
  color: #00598e;
}
.calcite .dijitTextArea {
  overflow-x: hidden;
}
.calcite .dijitCheckBox input {
  margin: 0;
}
.calcite .dijitMenu {
  font-size: inherit;
}
.calcite .dijitSlider .dijitSliderProgressBarH,
.calcite .dijitSlider .dijitSliderLeftBumper {
  transition: none;
}
.calcite .dijitTooltipDialog .dijitTooltipConnector {
  display: none;
}
.calcite .dijitSlider.slider-primary .dijitSliderImageHandle {
  background-color: #004575;
}
.calcite .dijitSlider.slider-primary .dijitSliderImageHandleH:after {
  border-top-color: #004575;
}
.calcite .dijitSlider.slider-primary .dijitSliderImageHandleV:after {
  border-left-color: #004575;
}

/* Dojox resize handle */
.dojoxResizeHandle {
  position: absolute;
  right: 2px;
  bottom: 2px;
  width: 12px;
  height: 12px;
  z-index: 20;
}

.dojoxResizeNW {
  cursor: nw-resize;
  cursor: nwse-resize;
  border-width: 0 2px 2px 0;
  border-style: solid;
  border-color: transparent #0079c1 #0079c1 transparent;
}

.dojoxResizeHandleClone {
  position: absolute;
  top: -3px;
  left: -3px;
  border: 1px dashed #0079c1;
  z-index: 999;
}
.dojoxResizeHandleClone:before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-color: #0079c1;
  position: absolute;
  right: -5px;
  bottom: -5px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 2px solid #ffffff;
}

.calcite .dijitAccordionInnerContainer .dijitAccordionTitle .dijitAccordionText {
  font-size: 14px;
}

.calcite .esriSimpleSlider div {
  font-size: 14px;
  line-height: 32px;
}

.calcite .arcgisSearch .searchMenu {
  right: 0;
  margin-top: 5px;
}
.calcite .arcgisSearch .searchMenu li.active {
  background-color: #ededed;
  color: #191818;
}
.calcite .arcgisSearch .searchMenu li:hover, .calcite .arcgisSearch .searchMenu li:focus {
  background-color: #f2f2f2;
}

.map .tooltip,
.esriMapTooltip {
  color: #ffffff;
  background-color: #323232;
  border: 0;
  padding: 5px 10px;
  border-radius: 0;
  opacity: .9;
}

.esriSingleFilterForm .attributeValueOptions {
  margin-top: 10px;
}
.esriSingleFilterForm .operator {
  width: 150px;
}

.DataCollectionButton {
  line-height: 2.5;
  font-size: 12px;
  padding: 0;
}

.DataCollectionsPage_PopularVariables .dgrid-row,
.DataVariablesPage_Tree .dgrid-row {
  padding: 5px;
  line-height: 1.5;
}

.esriPopup .close {
  text-shadow: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}

.calcite .esriBookmarkItem {
  display: -webkit-flex;
  display: flex;
}
.calcite .esriBookmarkLabel {
  -webkit-flex: 1;
  flex: 1;
}

.esriVisibleScaleRangeSlider {
  padding-top: 10px;
}
.esriVisibleScaleRangeSlider .esriScaleMenuButton .dijitDownArrowButton .dijitArrowButtonInner {
  background-image: none;
  padding-top: 0;
  padding-bottom: 0;
}
.esriVisibleScaleRangeSlider .esriCurrentScaleIndicator {
  width: 9px;
  height: 9px;
  background: #ffffff;
  border: 2px solid #6e6e6e;
  margin-left: -4px;
  bottom: 4px;
  z-index: 100;
  border-radius: 50%;
}
.esriVisibleScaleRangeSlider .esriCurrentScaleIndicator:after {
  content: "";
  display: block;
  height: 14px;
  width: 1px;
  margin-top: 7px;
  background: rgba(0, 0, 0, 0.3);
  margin-left: 2px;
}

.esriScalePreviewPopup.dijitPopup .esriScalePreview {
  border: 1px solid rgba(0, 0, 0, 0.15);
  background-clip: padding-box;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.esriScalePreviewPopup.dijitPopup .esriScalePreview .esriHeader {
  color: currentColor;
  margin-bottom: 5px;
}

.esriScaleMenuPopup {
  border: 0 !important;
  background-color: #ffffff;
}
.esriScaleMenuPopup.dijitPopup {
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.esriScaleMenuPopup .esriScaleMenu {
  color: #323232;
  background-color: #ffffff;
  border: 0;
}
.esriScaleMenuPopup .esriScaleMenu .esriItem {
  padding: 5px 10px;
  line-height: 20px;
  transition: all 0.25s ease;
}
.esriScaleMenuPopup .esriScaleMenu .esriItem.esriSelectable:hover {
  color: #4c4c4c;
  background-color: #f2f2f2;
  text-decoration: none;
}
.esriScaleMenuPopup .esriScaleMenu .esriSection .esriHeader {
  display: block;
  background-color: #f2f2f2;
  padding: 6px 12px;
  color: #2e2e2e;
  text-transform: uppercase;
}
.esriScaleMenuPopup .esriScaleMenu .esriSection .esriContent {
  padding: 0;
}
.esriScaleMenuPopup .esriScaleMenu .esriSection .esriContent .esriCurrent.esriItem:first-child {
  padding: 0;
  margin: 5px 10px;
  font-size: 1em;
  font-weight: bolder;
}
.esriScaleMenuPopup .esriScaleMenu .esriSection .esriContent .esriInput {
  width: 10em;
  margin: 5px 0;
}

.dijitDialog.esriSignInDialog {
  width: 450px !important;
}
.dijitDialog.esriSignInDialog .dijitDialogTitle {
  font-size: 24px;
  font-weight: 400;
}
.dijitDialog.esriSignInDialog .dijitDialogCloseIcon {
  color: #0079c1;
  opacity: 1;
}
.dijitDialog.esriSignInDialog .dijitDialogCloseIcon:hover {
  color: #00598e;
}
.dijitDialog.esriSignInDialog .dijitDialogTitleBar,
.dijitDialog.esriSignInDialog .dijitDialogPaneContent {
  padding: 20px;
}
.dijitDialog.esriSignInDialog .dijitDialogTitleBar {
  border-bottom: 0;
}
.dijitDialog.esriSignInDialog .dijitDialogPaneContent {
  padding-top: 5px;
}
.dijitDialog.esriSignInDialog .dijitDialogPaneActionBar {
  margin-top: 25px;
  padding: 0;
  border-top: 0;
}
.dijitDialog.esriSignInDialog form label {
  color: #a9a9a9;
  font-size: 14px;
  font-weight: 100;
  margin-bottom: 10px;
}
.dijitDialog.esriSignInDialog form .dijitTextBox {
  margin-bottom: 15px;
}
.dijitDialog.esriSignInDialog form .esriIdSubmit,
.dijitDialog.esriSignInDialog form .esriIdCancel {
  text-transform: uppercase;
}
.dijitDialog.esriSignInDialog form .esriIdSubmit .dijitButtonNode {
  min-width: 100px;
  background-color: #0079c1;
  border-color: #0079c1;
  color: #ffffff;
}
.dijitDialog.esriSignInDialog form .esriIdSubmit .dijitButtonNode:hover {
  background-color: #00598e;
  border-color: #005384;
}
.dijitDialog.esriSignInDialog form .esriIdCancel .dijitButtonNode {
  min-width: 100px;
  background-color: transparent;
  border-color: transparent;
  color: #0079c1;
}
.dijitDialog.esriSignInDialog form .esriIdCancel .dijitButtonNode:hover {
  background-color: transparent;
  border-color: transparent;
  color: #00598e;
}
.dijitDialog.esriSignInDialog form .esriIdCancel .dijitButtonNode:hover .dijitButtonText {
  text-decoration: underline;
}
.dijitDialog.esriSignInDialog .esriErrorMsg {
  background-color: #de2900 !important;
  padding: 10px 15px;
}

.esriHelpPopup {
  font: inherit;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.esriHelpPopup .contentPane {
  padding: 15px;
}
.esriHelpPopup .sizer {
  width: 400px;
}
.esriHelpPopup .actionsPane {
  padding: 0;
}

.dijitTooltipDialog.esriHelpPopup.esriHelpPopupWrapper {
  padding: 0;
  overflow: hidden;
}
.dijitTooltipDialog.esriHelpPopup.esriHelpPopupWrapper .dijitTooltipContainer {
  max-width: none;
}
.dijitTooltipDialog.esriHelpPopup.esriHelpPopupWrapper .dijitTooltipContainer .dijitTooltipContents {
  padding: 0;
}
.dijitTooltipDialog.esriHelpPopup.esriHelpPopupWrapper .dijitTooltipContainer .dijitTooltipContents .esriFloatTrailing {
  float: none;
  text-align: right;
}
.dijitTooltipDialog.esriHelpPopup.esriHelpPopupWrapper .dijitTooltipConnector {
  display: none;
}
.dijitTooltipDialog.esriHelpPopup .esriAnalysisCloseIcon {
  background-image: none;
  height: 24px;
  width: 24px;
  line-height: 1.5;
  padding: 0;
  text-align: center;
  font-family: 'CalciteWebCoreIcons';
  text-decoration: none;
  cursor: pointer;
}
.dijitTooltipDialog.esriHelpPopup .esriAnalysisCloseIcon:before {
  content: "\e600";
}

.helpIcon {
  width: auto;
  height: auto;
  margin: 0;
  background-image: none;
  font-family: "CalciteWebCoreIcons";
  color: #b4b4b4 !important;
}
.helpIcon:hover, .helpIcon:focus {
  color: #969696 !important;
  text-decoration: none;
}
.helpIcon:before {
  content: "\e648";
}

.esriAnalysis {
  border: 0;
}
.esriAnalysis label {
  margin-bottom: 0;
}
.esriAnalysis .esriSimpleForm table.esriFormTable .dijitButtonNode {
  padding: 0;
}
.esriAnalysis .esriSimpleForm table.esriFormTable .dijitArrowButton {
  padding: 9px;
}
.esriAnalysis .esriSimpleForm table.esriFormTable .dijitSpinner .dijitArrowButton {
  padding: 0;
}
.esriAnalysis .dijitContentPane {
  padding: 0;
  margin: 0 !important;
}
.esriAnalysis .dijitSelect {
  height: auto;
}
.esriAnalysis .dijitSelect, .esriAnalysis .dijitSelect.longInput {
  table-layout: fixed;
}
.esriAnalysis .attrSelect {
  width: 100%;
}
.esriAnalysis .statsSelect {
  width: 100%;
}
.esriAnalysis .dijitCheckBox,
.esriAnalysis .dijitRadio {
  margin-right: 10px;
}
.esriAnalysis .dijitSelect .dijitSelectLabel {
  vertical-align: middle;
}
.esriAnalysis .dijitReset.dijitRight.dijitButtonNode.dijitArrowButton.dijitDownArrowButton.dijitArrowButtonContainer {
  width: 32px;
}
.esriAnalysis .dojoxCheckedMultiSelect .dojoxCheckedMultiSelectWrapper {
  overflow: scroll;
  overflow-y: scroll;
  overflow-x: hidden;
  height: 100px;
  padding: 10px;
  background: #ffffff;
  border: 1px solid #e0e0e0;
  line-height: normal;
}
.esriAnalysis .dojoxCheckedMultiSelect .dojoxCheckedMultiSelectWrapper .dojoxMultiSelectItem {
  margin-bottom: 5px;
  white-space: nowrap;
}
.esriAnalysis .dojoxCheckedMultiSelect .dojoxCheckedMultiSelectWrapper .dojoxCheckedMultiSelectHidden {
  display: none;
}
.esriAnalysis .dojoxCheckedMultiSelectFocused .dojoxCheckedMultiSelectWrapper {
  border-color: #196fa6;
}
.esriAnalysis .dijitSpinner {
  min-width: 80px;
}
.esriAnalysis .esriActionButton {
  min-width: 40px;
}
.esriAnalysis .esriActionButton .dijitButtonNode {
  border: 1px solid #e0e0e0;
  height: auto;
}
.esriAnalysis .esriActionButton .dijitButtonNode .dijitIcon {
  margin-right: 0;
}
.esriAnalysis .removeTd {
  padding: 10px 0 !important;
  max-width: none !important;
}
.esriAnalysis .removeTd .closeIcon {
  padding: 0;
  font-family: 'CalciteWebCoreIcons';
  font-size: 16px;
  line-height: 2;
  color: #c7461a;
  vertical-align: middle;
  cursor: pointer;
}
.esriAnalysis .removeTd .closeIcon:before {
  content: "\e600";
}
.esriAnalysis .removeTd .closeIcon:hover, .esriAnalysis .removeTd .closeIcon:active {
  text-decoration: none;
}
.esriAnalysis .removeTd .closeIcon img {
  display: none;
}
.esriAnalysis .esriExpressionForm {
  margin: 10px;
}
.esriAnalysis .expressionTd label {
  vertical-align: top;
}
.esriAnalysis .selectLabel {
  position: absolute;
  top: 50%;
  padding: 10px;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.esriAnalysis .esriExtentCreditsCtr {
  padding: 5px 10px;
  width: auto;
}
.esriAnalysis .esriExtentCreditsCtr > a {
  line-height: 2;
}

.esriAnalysisEnrichDataBrowser {
  height: 480px;
  width: 720px;
}

.searchTextBox .searchTextBoxButton {
  height: 32px;
}

.Wizard_Button {
  height: 32px;
}

.analysisTitle .esriAnalysisCloseIcon {
  display: none !important;
}

.esriFormTable, .esriServiceEditorTable {
  width: 100%;
}

table.esriFormTable > tbody > tr > td,
.esriSimpleForm table.esriFormTable > tbody > tr > td {
  padding: 10px !important;
}
table.esriFormTable > tbody > tr > td:first-child,
.esriSimpleForm table.esriFormTable > tbody > tr > td:first-child {
  padding-left: 15px !important;
}

.esriServicesEditor div.sectionHeader,
.esriServiceEditorTable td.sectionHeader,
.esriFormTable td.sectionHeader {
  border-bottom: 0;
}

.esriAnalysisNumberLabel {
  margin-right: 5px;
  color: #ffffff;
  background-color: #005f98;
  width: 20px;
  height: 20px;
  font-size: 10px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  line-height: 2;
  line-height: 20px;
}
.esriAnalysisNumberLabel:before {
  content: "";
  width: 100%;
  position: absolute;
  height: 1px;
  background: #e0e0e0;
  left: 0;
  margin-top: -10px;
}

.esriAnalysisStepsLabel {
  font-weight: bold;
  font-size: larger;
}

.dijitButton.esriAnalysisSubmitButton {
  display: block;
  text-align: center;
  margin: 10px 0;
  max-width: 100%;
}
.dijitButton.esriAnalysisSubmitButton .dijitButtonNode {
  min-width: 200px;
  color: #ffffff;
  background-color: #0079c1;
  border-color: #0079c1;
}
.dijitButton.esriAnalysisSubmitButton .dijitButtonNode:hover {
  background-color: #00598e;
  border-color: #00598e;
}
.dijitButton.esriAnalysisSubmitButton .dijitButtonNode:active {
  color: #ffffff;
  background-color: #00598e;
  border-color: #005384;
}
.dijitButton.esriAnalysisSubmitButton .dijitButtonNode:active:hover, .dijitButton.esriAnalysisSubmitButton .dijitButtonNode:active:focus, .dijitButton.esriAnalysisSubmitButton .dijitButtonNode:active.focus {
  background-color: #00436a;
  border-color: #002942;
}

.esriboundingButton .dijitButtonNode {
  min-width: 40px;
}

.bufferSelector {
  margin: 0 10px;
}
.bufferSelector .bufferIcon {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.bufferSelector.selected, .bufferSelector.selected:hover {
  color: #196fa6;
}
.bufferSelector.selected .bufferIcon, .bufferSelector.selected:hover .bufferIcon {
  border: 2px solid transparent;
  outline: 3px solid #196fa6;
}
.bufferSelector label {
  margin-right: 0;
}

.esriFormTable .esriContainerSelector > span {
  width: inherit !important;
  height: inherit !important;
}
.esriFormTable .esriContainerSelector > span .dijitIcon {
  margin: 0 auto;
}

.esriGroupButton .dijitButtonNode {
  border: none;
}
.esriGroupButton .dijitButtonContents {
  border: 2px solid transparent;
  margin: 5px;
  padding: 0;
}
.esriGroupButton .dijitButtonContents.esriGroupChecked {
  outline: 3px solid #196fa6;
}

.esriGroupButton.esriGroupselected label {
  color: #196fa6;
}

.aggregateIcon,
.sumNearbyIcon,
.sumWithinIcon,
.buffersIcon,
.driveIcon,
.findLocationsIcon,
.findNewLocationsIcon,
.findSimilarLocationsIcon,
.geoenrichLayerIcon,
.findClosestFacilityIcon,
.extractDataIcon,
.findHotSpotsIcon,
.createDensitySurfaceIcon,
.correlationReporterIcon,
.createInterpolatedSurfaceIcon,
.attributeCalculatorIcon,
.overlayLayersIcon,
.mergeLayersIcon,
.dissolveBoundariesIcon,
.planRoutesIcon,
.connectODIcon,
.createViewshedIcon,
.createWatershedIcon,
.traceDownstreamIcon,
.GPWidgetIcon {
  margin: 0;
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
}

.esriAnalysis > form > .section > * {
  padding: 10px;
  padding-bottom: 20px;
}
.esriAnalysis > form > .section > * .esriAnalysisStepsLabel {
  margin-bottom: 20px;
}
.esriAnalysis .toolHeaderLine {
  display: none;
}
.esriAnalysis .jimu-gp-editor-base .dijit + .dijit {
  margin-left: -1px;
}

.esri-ui .esri-component {
  overflow: initial;
}

.map {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAIUlEQVQYV2N88ODBfwYiACNIoYKCAiMhtaMK8YYQ0cEDADwtJ6phWBx+AAAAAElFTkSuQmCC);
  background-repeat: repeat;
  background-color: #efefef;
  position: relative;
}
.map .esriScalebar {
  z-index: 1;
}

.calcite .esriSimpleSliderTL {
  top: 15px;
  left: 15px;
}

.map-2d,
.map-3d {
  position: absolute;
  top: 80px;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  overflow: hidden;
  transition-property: opacity;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
}

.map-2d .esriPopup .titleButton.close {
  opacity: 1;
}

.map-3d {
  visibility: hidden;
}

.mode-2d .map-2d {
  z-index: 3;
}

.mode-3d .map-3d {
  z-index: 3;
}

.mode-2d .mode-3d-only {
  display: none !important;
}

.mode-3d .mode-2d-only {
  display: none !important;
}

.toc-opened .map-2d,
.toc-opened .map-3d {
  left: 300px;
  right: 0;
}

.sub-navbar-open.map-2d, .sub-navbar-open.map-3d {
  top: 120px;
}

.switching-maps.start .map-2d .esriSimpleSlider,
.switching-maps.start .map-2d .map-tools,
.switching-maps.start .map-2d .dashboard-button {
  transform: translateX(-150%);
  transition: all 0.3s;
}
.switching-maps.start .map-3d .esri-ui-top-left {
  transform: translateX(-150%);
  transition: all 0.3s;
}
.switching-maps.end .map-2d .esriSimpleSlider,
.switching-maps.end .map-2d .map-tools,
.switching-maps.end .map-2d .dashboard-button {
  transform: translateX(0);
}
.switching-maps.end .map-3d .esri-ui-top-left {
  transform: translateX(0);
}

#mainMap {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

#comparisonMap {
  display: none;
  height: 100%;
  overflow: hidden;
}

#comparisonMapSeparator {
  display: none;
}

.flex-center {
  display: flex;
  align-items: center;
}

.flex-row {
  display: flex;
  flex-direction: row;
}

.flex-column {
  display: flex;
  flex-direction: column;
}

.flex-fill-height {
  flex-grow: 1;
  overflow: auto;
}

.flex-fill-width {
  flex-grow: 1;
}

.spin {
  animation-name: spin;
  animation-timing-function: linear;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes slide-up-small {
  from {
    transform: translateY(25%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes slide-up-medium {
  from {
    transform: translateY(50%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes slide-up {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}
@-moz-keyframes sub-navbar-drop {
  from {
    top: -40px;
  }
  to {
    top: 0;
  }
}
@-webkit-keyframes sub-navbar-drop {
  from {
    top: -40px;
  }
  to {
    top: 0;
  }
}
@keyframes sub-navbar-drop {
  from {
    top: -40px;
  }
  to {
    top: 0;
  }
}
@-moz-keyframes secondary-navbar-slide {
  from {
    -moz-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
  to {
    -moz-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes secondary-navbar-slide {
  from {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes secondary-navbar-slide {
  from {
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
  to {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
.slide {
  -moz-transition: all 200ms ease-out;
  -o-transition: all 200ms ease-out;
  -webkit-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
  -moz-transition-property: left, right, top, bottom, opacity;
  -o-transition-property: left, right, top, bottom, opacity;
  -webkit-transition-property: left, right, top, bottom, opacity;
  transition-property: left, right, top, bottom, opacity;
  opacity: 0;
}
.slide.in {
  opacity: 1;
}
.slide.from-left {
  left: 0 !important;
}
.slide.from-right {
  right: 0 !important;
}
.slide.from-bottom {
  bottom: 0 !important;
}

.inline {
  display: inline;
}

.no-padding {
  padding: 0;
}

.scrollable {
  overflow: auto;
}

.secondary-label {
  color: #959595;
}
.secondary-label.has-icon {
  padding-left: 20px;
  margin-left: -8px;
}
.secondary-label.has-icon .icon {
  margin-left: -20px;
  font-size: 16px;
  line-height: 1;
  vertical-align: middle;
}

.no-data-message {
  color: #a9a9a9;
  font-size: .75rem;
  text-align: center;
}

.vertical-divider {
  margin-left: 20px;
  margin-right: 20px;
  border: 0;
  border-left: 1px solid white;
  height: 20px;
  vertical-align: middle;
}
.vertical-divider span {
  display: none;
}

.hotkey-mark {
  padding: 2px 5px;
  background: #ffffff;
  border-bottom: 1px solid #a9a9a9;
  box-shadow: 0 0px 1px rgba(0, 0, 0, 0.3);
}

.alert-xs {
  padding: 2px 5px;
}

.calciteweb-label {
  background-color: #efefef;
  padding: .25em .5em;
  border-radius: 3px;
  font-size: .85em;
  line-height: 1;
  white-space: nowrap;
}

.calciteweb-label-green {
  background-color: #5a9359;
  color: #ffffff;
}

.app-title {
  color: #ffffff;
  font-size: 2.5rem;
  letter-spacing: 2px;
}
.app-title sup {
  -webkit-font-smoothing: antialiased;
}
.app-title small {
  color: #ffffff;
}
.app-title .gis {
  font-weight: 100;
}

.app-title--name {
  font-weight: 500;
}

.loading {
  background-color: #ffffff;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
}
.loading .indicator {
  position: relative;
  top: 40%;
  text-align: center;
}
.loading .indicator .icon {
  font-size: 24px;
  height: 24px;
  width: 24px;
  display: inline-block;
}
.loading .indicator .icon:before {
  line-height: 1;
}
.loading .indicator .loading-status {
  color: #0079c1;
  display: block;
  margin: 10px;
}
.loading.hidden {
  display: none;
}

.loading-blue {
  background-image: url(images/loadingIndicator/loading-blue.gif);
  background-repeat: no-repeat;
  background-position: center;
}
.loading-blue > span {
  padding-top: 30px;
}

.loading-blue > span,
.empty-data-label {
  display: block;
  position: relative;
  top: 50%;
  text-align: center;
}

.empty-data-label {
  width: 100%;
  color: #959595;
  margin-top: -10px;
  position: absolute;
  top: 50%;
  left: 0;
}

.is-loading {
  position: relative;
  overflow: visible !important;
}

.loading-spinner {
  display: inline-block;
  color: #196fa6;
}

.map.is-busy:before {
  content: "";
  height: 3px;
  display: block;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4zNSIvPjxzdG9wIG9mZnNldD0iMjUlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuMzUiLz48c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjM1Ii8+PHN0b3Agb2Zmc2V0PSI3NSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(25%, rgba(255, 255, 255, 0.35)), color-stop(25%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(255, 255, 255, 0.35)), color-stop(75%, rgba(255, 255, 255, 0.35)), color-stop(75%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0)));
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.35) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.35) 50%, rgba(255, 255, 255, 0.35) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.35) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.35) 50%, rgba(255, 255, 255, 0.35) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.35) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.35) 50%, rgba(255, 255, 255, 0.35) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
  background-size: 80px;
  background-color: #007ac2;
  position: absolute;
  bottom: 2px;
  left: 5px;
  right: 5px;
  z-index: 31;
  -moz-animation: progress-bar-stripes 1s linear infinite;
  -webkit-animation: progress-bar-stripes 1s linear infinite;
  animation: progress-bar-stripes 1s linear infinite;
}

.status-message-box {
  max-width: 200px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  position: absolute;
  left: 0;
  bottom: -10px;
  z-index: 31;
  padding: 5px 10px;
  margin: 5px;
  -moz-transition: all 200ms ease-out;
  -o-transition: all 200ms ease-out;
  -webkit-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
}
.status-message-box .spin {
  display: inline-block;
  margin-right: 5px;
  color: #0079c1;
  vertical-align: middle;
}

.is-busy .status-message-box {
  margin-bottom: 10px;
}

input[type="text"] {
  display: block;
  width: 100%;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  padding: 0.25rem 0.75rem;
  font-size: 12px;
  line-height: 1.5;
  color: #4c4c4c;
  transition: border-color ease-in-out 0.15s;
}
input[type="text"]:hover, input[type="text"]:focus {
  border-color: #007ac2;
}

.btn.selected {
  background-color: #005f98;
  color: #ffffff;
}
.btn [class^="esri-icon-"],
.btn [class*=" esri-icon-"],
.btn [class^="gd-icon-"],
.btn [class*=" gd-icon-"] {
  line-height: 1;
  margin-right: 5px;
}
.btn.icon-only [class^="esri-icon-"],
.btn.icon-only [class*=" esri-icon-"],
.btn.icon-only [class^="gd-icon-"],
.btn.icon-only [class*=" gd-icon-"] {
  display: block;
  margin-right: 0;
}
.btn .btn-text {
  display: inline-block;
}

.btn-link[disabled], .btn-link[disabled]:hover, .btn-link[disabled]:focus, .btn-link[disabled]:active, .btn-link[disabled]:active:focus {
  border-color: transparent;
}

.btn-gray {
  background-color: #ffffff;
  color: #007ac2;
  border: 1px solid #cccccc;
}
.btn-gray:hover {
  background-color: #f4f4f4;
}

.btn-icon {
  color: #b4b4b4;
  background-color: transparent;
  font-size: 12px;
  line-height: 1.42857;
  line-height: 20px;
  border: 0;
  cursor: pointer;
  -moz-transition: all 200ms ease-out;
  -o-transition: all 200ms ease-out;
  -webkit-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
}
.btn-icon:hover, .btn-icon:active {
  color: inherit;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65);
  opacity: 0.65;
}
.btn-icon [class^="esri-icon-"],
.btn-icon [class*=" esri-icon-"] [class^="gd-icon-"],
.btn-icon [class*=" gd-icon-"] {
  margin-right: 0;
  display: inline-block;
}

.btn-label {
  color: inherit;
  padding: 0;
  border: 0;
  text-align: inherit;
}
.btn-label:hover, .btn-label:focus {
  color: #0079c1;
}
.btn-label:active {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #e2f1fb;
}

.btn-full {
  width: 100%;
}

.btn-round {
  border-radius: 99px;
}

.btn-block-group {
  display: flex;
  flex-direction: row;
  margin-bottom: 15px;
}
.btn-block-group .btn {
  flex: 1 0 auto;
  border-color: #e0e0e0;
  text-overflow: ellipsis;
  white-space: normal;
  word-break: break-word;
}
.btn-block-group .btn:hover, .btn-block-group .btn.active {
  background-color: #0079c1;
  border-color: #0079c1;
  color: #ffffff;
}
.btn-block-group .btn:hover svg.icon, .btn-block-group .btn.active svg.icon {
  fill: #ffffff;
}
.btn-block-group .btn.active {
  box-shadow: none;
}
.btn-block-group .btn.btn-block {
  padding-top: 10px;
  margin-top: 0;
}
.btn-block-group .btn.btn-block .icon {
  display: block;
  margin: 0;
}
.btn-block-group .btn.btn-block svg.icon {
  margin: 0 auto;
}
.btn-block-group > .dropdown {
  display: block;
  float: left;
  margin-left: -1px;
}
.btn-block-group > .dropdown > .btn {
  width: 100%;
}
.btn-block-group .dropdown-toggle .caret {
  margin-right: -12px;
}
.btn-block-group .dropdown-menu .icon {
  display: inline;
}
.btn-block-group .icon {
  font-size: 20px;
}
.btn-block-group svg.icon {
  fill: #196fa6;
}

.btn-flute-group {
  background-color: #f4f4f4;
  border: 1px solid #e0e0e0;
  display: flex;
  flex-direction: row;
  align-items: center;
  border-radius: 4px;
}
.btn-flute-group .btn-flute-group--label {
  text-align: center;
  flex: 1 1 auto;
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 0 5px;
}
.btn-flute-group .btn-block-group {
  background-color: #ffffff;
  border-left: 1px solid #e0e0e0;
  margin: 0;
  border-radius: 0 4px 4px 0;
}
.btn-flute-group .btn-block-group:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background-color: #ffffff;
  border: 1px solid transparent;
  border-left-color: #e0e0e0;
  border-top-color: #e0e0e0;
  position: absolute;
  top: 50%;
  transform: rotate(-45deg) translate(-50%, -50%);
  transform-origin: 0 0;
}
.btn-flute-group .btn-block-group .btn {
  margin: 3px 4px;
}
.btn-flute-group .btn-block-group .btn.btn-block {
  border: 0;
}
.btn-flute-group .btn-block-group .btn.btn-block.btn-xs {
  width: 24px;
  height: 24px;
  padding: 4px;
  border-radius: 4px;
}
.btn-flute-group .btn-block-group .btn.btn-block.btn-xs .icon {
  font-size: 16px;
}
.btn-flute-group .btn-block-group .vertical-separator {
  display: inline-block;
  height: 24px;
  border-left: 1px solid #e0e0e0;
  width: 0;
  margin: 3px 0;
}

.expander {
  font-size: 10px;
}
.expander.active > * {
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -moz-transition: -moz-transform 0.15s ease-in-out;
  -o-transition: -o-transform 0.15s ease-in-out;
  -webkit-transition: -webkit-transform 0.15s ease-in-out;
  transition: transform 0.15s ease-in-out;
}

.radio label,
.checkbox label {
  padding-left: 26px;
}

.radio .dijitRadio {
  position: absolute;
  margin-top: 2px;
  margin-left: -26px;
}

.checkbox .dijitCheckBox {
  position: absolute;
  margin-top: 2px;
  margin-left: -26px;
}

.radios-group > label {
  margin: 0;
  float: left;
  font-weight: normal;
  position: relative;
  cursor: pointer;
}
.radios-group > label + label {
  margin-left: -1px;
}
.radios-group > label input[type="radio"] {
  visibility: hidden;
  position: absolute;
}
.radios-group > label input[type="radio"]:checked + .radio-text {
  color: #ffffff;
  background-color: #007ac2;
  border-color: transparent;
  z-index: 1;
}
.radios-group > label .radio-text {
  display: block;
  padding: .375rem 1rem;
  border: 1px solid #e0e0e0;
  position: relative;
}

.btn.btn-switch-toggle {
  height: 16px;
  width: 28px;
  padding: 0;
  border: 0 none;
  background: #e04f1d;
  position: relative;
  display: inline-block;
  cursor: pointer;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.btn.btn-switch-toggle:before {
  content: "";
  background: #f8f8f8;
  position: absolute;
  padding: 0;
  height: 12px;
  width: 12px;
  right: 2px;
  top: 2px;
  z-index: 1;
  -moz-transition-property: left, right;
  -o-transition-property: left, right;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.btn.btn-switch-toggle.checked {
  background: #50ad4e;
}
.btn.btn-switch-toggle.checked:before {
  right: 14px;
}
.btn.btn-switch-toggle > * {
  display: none;
}

.btn-group > .btn.btn-switch-toggle {
  -moz-border-radius: 10px !important;
  -webkit-border-radius: 10px;
  border-radius: 10px !important;
}

.switch-toggle-group {
  padding: 10px 0;
}
.switch-toggle-group .checkbox-inline {
  padding-left: 36px;
  vertical-align: top;
}
.switch-toggle-group .switch-toggle.dijitCheckBox {
  position: absolute;
  left: 0;
}

.switch-toggle.dijitCheckBox {
  height: 16px;
  width: 28px;
  border: 0 none;
  background: #e04f1d;
  position: relative;
  display: inline-block;
  cursor: pointer;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.switch-toggle.dijitCheckBox:before {
  content: "";
  background: #f8f8f8;
  position: absolute;
  padding: 0;
  height: 12px;
  width: 12px;
  right: 2px;
  top: 2px;
  z-index: 1;
  -moz-transition-property: left, right;
  -o-transition-property: left, right;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.switch-toggle.dijitCheckBox input {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  z-index: 2;
}
.switch-toggle.dijitCheckBox.dijitCheckBoxChecked {
  background: #50ad4e;
}
.switch-toggle.dijitCheckBox.dijitCheckBoxChecked:before {
  right: 14px;
}

.btn-card {
  background-color: #f4f4f4;
  border: 1px dashed #959595;
  padding: 0.5rem 1rem;
  color: #0079c1;
  transition: background-color 0.2s ease-out, border 0.2s ease-out;
}
.btn-card img {
  display: block;
  height: 80px;
  margin: 0 auto 10px;
}
.btn-card:hover {
  border: 1px solid #0079c1;
  background-color: #e2f1fb;
}

.form-horizontal .form-group {
  margin-left: 0;
  margin-right: 0;
}
.form-horizontal .form-group [class^="col-"],
.form-horizontal .form-group [class*=" col-"] {
  padding-left: 15px;
}
.form-horizontal .dijitTextBox,
.form-horizontal .dijitSelect,
.form-horizontal .dijitDropDownButton {
  width: 100%;
}
.form-horizontal .dijitSelect .dijitButtonContents,
.form-horizontal .dijitDropDownButton .dijitButtonNode {
  width: 100%;
}

.form-group-secondary {
  border: 1px solid #efefef;
  background-color: #f8f8f8;
  padding: 0.25rem;
  margin-bottom: 1.25rem;
}
.form-group-secondary .form-group {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}

.form-group-header {
  font-size: 12px;
  color: #595959;
  margin-bottom: 10px;
}

.form-group .form-group-header {
  font-weight: 500;
}
.form-group .form-group-header .dropdown {
  font-weight: normal;
}

.btn-group-grid-row:before, .btn-group-grid-row:after {
  content: " ";
  display: table;
}
.btn-group-grid-row:after {
  clear: both;
}
.btn-group-grid-row:hover .btn {
  margin: 0;
  padding-top: 7px;
  padding-bottom: 7px;
}
.btn-group-grid-row + .btn-group-grid-row {
  border-top: 1px solid #e7e7e7;
}
.btn-group-grid-row .btn {
  float: left;
  display: block;
  margin: 5px 0;
  padding-top: 2px;
  padding-bottom: 2px;
  position: relative;
}
.btn-group-grid-row .btn + .btn {
  border-left: 1px solid #e0e0e0;
}
.btn-group-grid-row .btn [class^="esri-icon-"],
.btn-group-grid-row .btn [class*=" esri-icon-"],
.btn-group-grid-row .btn [class^="gd-icon-"],
.btn-group-grid-row .btn [class*=" gd-icon-"] {
  float: left;
}
.btn-group-grid-row .btn:hover {
  text-decoration: none;
  background-color: #e2f1fb;
}
.btn-group-grid-row .btn:active, .btn-group-grid-row .btn:focus {
  background-color: #aadbfa;
}

.content-indented {
  margin-left: 1rem;
  margin-right: 1rem;
}

.dropdown-backdrop {
  display: none;
}

.dropdown-toggle.disabled {
  cursor: not-allowed;
  opacity: 0.65;
}
.dropdown-toggle .caret {
  margin-left: 4px;
}

.dropdown-menu {
  font-size: 12px;
  z-index: 950;
}
.dropdown-menu > li > a [class^="esri-icon-"],
.dropdown-menu > li > a [class*=" esri-icon-"],
.dropdown-menu > li > a [class^="gd-icon-"],
.dropdown-menu > li > a [class*=" gd-icon-"] {
  margin-right: 11px;
  margin-left: -11px;
}
.dropdown-menu > li > a .secondary-label {
  float: right;
}
.dropdown-menu li [class^="esri-icon-"],
.dropdown-menu li [class*=" esri-icon-"],
.dropdown-menu li [class^="gd-icon-"],
.dropdown-menu li [class*=" gd-icon-"] {
  margin-right: 0;
  vertical-align: middle;
}
.dropdown-menu li .btn-group [class^="esri-icon-"],
.dropdown-menu li .btn-group [class*=" esri-icon-"],
.dropdown-menu li .btn-group [class^="gd-icon-"],
.dropdown-menu li .btn-group [class*=" gd-icon-"] {
  position: static;
}
.dropdown-menu li.icon-only > a {
  padding-left: 5px;
  padding-right: 5px;
}
.dropdown-menu li.icon-only > a [class^="esri-icon-"],
.dropdown-menu li.icon-only > a [class*=" esri-icon-"],
.dropdown-menu li.icon-only > a [class^="gd-icon-"],
.dropdown-menu li.icon-only > a [class*=" gd-icon-"] {
  margin-left: 0;
  margin-right: 0;
}
.dropdown-menu .panel {
  border: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dropdown-menu .dropdown-toggle {
  text-decoration: none;
  padding: 8px;
}
.dropdown-menu.dropdown-menu-full {
  left: 0;
  right: 0;
}

.icon-only > .dropdown-menu {
  width: 100%;
  text-align: center;
}

.over-map.dropdown-menu {
  border-color: #196fa6;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
  top: 0;
  left: 100%;
}

.right .over-map.dropdown-menu {
  margin-left: 15px;
}
.right.open:before, .right.pinned:before, .right.open:after, .right.pinned:after {
  content: "";
  display: block;
  border-width: 0 12px 12px 0;
  border-style: solid;
  border-color: transparent;
  border-right-color: #196fa6;
  width: 0;
  height: 0;
  margin: 0;
  position: absolute;
  right: -16px;
  top: 12px;
}
.right.open:after, .right.pinned:after {
  border-width: 0 10px 10px 0;
  border-right-color: #ffffff;
  top: 13px;
  z-index: 1001;
}
.right .caret,
.right .caret:after {
  content: "";
  display: block;
  border-width: 8px 10px 8px 0;
  border-style: solid;
  border-color: transparent;
  border-right-color: rgba(0, 0, 0, 0.15);
  width: 0;
  height: 0;
  margin: 0;
  position: absolute;
}
.right .caret {
  left: -10px;
  margin-top: -8px;
}
.right .caret:after {
  border-width: 8px 10px 8px 0;
  border-right-color: #ffffff;
  top: -8px;
  left: 1.5px;
}
.right.has-own-caret:before, .right.has-own-caret:after {
  content: none;
}

.dropdown-title {
  padding: 5px 10px;
  color: #6e6e6e;
  background-color: #f8f8f8;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #efefef;
  white-space: nowrap;
  cursor: auto;
}

.dropdown-submenu {
  position: relative;
}
.dropdown-submenu > .dropdown-menu {
  margin: 0;
  top: 0;
  left: 100%;
}
.dropdown-submenu > a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  margin-top: 5px;
  margin-right: -10px;
  border-color: transparent;
  border-left-color: #b4b4b4;
  border-style: solid;
  border-width: 5px 0 5px 5px;
}
.dropdown-submenu:hover > .dropdown-menu, .dropdown-submenu.open > .dropdown-menu {
  display: block;
}
.dropdown-submenu:hover > a, .dropdown-submenu:focus > a, .dropdown-submenu.open > a {
  background-color: #efefef;
}

.divider {
  margin: 1px 0 9px 0;
}

.mega-dropdown-menu .sub-dropdown-menu > li > a {
  line-height: 1.25;
  white-space: normal;
}
.mega-dropdown-menu.sub-dropdown-open {
  width: 450px;
}

.open > .mega-dropdown-menu {
  display: block;
}
.open > .mega-dropdown-menu > .dropdown-menu {
  display: block;
  min-width: 180px;
  position: static;
  border: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.open > .mega-dropdown-menu li.active > .sub-dropdown-menu {
  display: block;
  left: 180px;
  top: 0;
  right: 0;
  box-shadow: none;
  border: 0;
  border-left: 1px solid #ddd;
  height: 100%;
  background-color: #f8f8f8;
  margin-top: 0;
}

.underline:hover .caret {
  color: #007ac2;
}
.underline .dropdown-toggle {
  border-bottom: 1px solid #e0e0e0;
  padding: 0.125rem 0;
}
.underline .dropdown-toggle:hover {
  border-bottom-color: #007ac2;
}
.underline .dropdown-toggle.disabled:hover {
  border-bottom-color: #e0e0e0;
}
.underline .dropdown-toggle.disabled:hover .caret {
  color: currentColor;
}
.underline a {
  color: #464646;
  color: currentColor;
}
.underline a:hover, .underline a:focus {
  text-decoration: none;
}
.underline.highlight .dropdown-toggle {
  border-bottom-color: #007ac2;
}

.scenario-select *,
.layer-select * {
  vertical-align: middle;
}
.scenario-select .dropdown-toggle,
.layer-select .dropdown-toggle {
  display: block;
}
.scenario-select .dropdown-label,
.layer-select .dropdown-label {
  max-width: 200px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.scenario-select .dropdown-menu {
  background-clip: border-box;
}

.analysis-dropdown > .mega-dropdown-menu {
  height: 300px;
}
.analysis-dropdown > .mega-dropdown-menu > .dropdown-menu {
  width: 180px;
}
.analysis-dropdown > .mega-dropdown-menu > .dropdown-menu a {
  white-space: normal;
}

.dropdown-menu.stencil-dropdown {
  text-align: left;
  width: auto;
  min-width: 52px;
  max-width: 400px;
  max-height: 400px;
  overflow: auto;
}
.dropdown-menu.stencil-dropdown .stencil-name {
  display: inline-block;
  vertical-align: middle;
  max-width: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dropdown-menu.stencil-dropdown .btn-group {
  margin-top: -1px;
  float: right;
}
.dropdown-menu.stencil-dropdown .btn-group button span {
  margin-right: 0;
  margin-left: 0;
}
.dropdown-menu .custom-stencil {
  width: 220px;
}
.dropdown-menu .custom-stencil a {
  cursor: pointer;
  padding-left: 16px;
  padding-right: 0px;
}

.util-multiselect ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.util-multiselect ul li {
  padding: 10px 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-word;
  font-size: 12px;
}
.util-multiselect ul li .dijit {
  margin-right: 10px;
}

.multiselect-list {
  padding: 0;
  list-style: none;
}
.multiselect-list label {
  display: block;
  margin: 0;
  padding: 10px 15px;
  line-height: 1.66667;
  line-height: 20px;
  white-space: nowrap;
}
.multiselect-list label > span {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  white-space: normal;
  margin-left: 10px;
  margin-right: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.multiselect-list label:hover, .multiselect-list label:active {
  background: rgba(0, 0, 0, 0.05);
}

.modal {
  z-index: 948;
  background-color: rgba(0, 0, 0, 0.5);
}

.modal-dialog .modal-content .modal-header .close,
.modal-dialog .modal-content .modal-header .btn-icon {
  font-size: 18px;
  color: #323232;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}
.modal-dialog .modal-content .modal-header .close:hover, .modal-dialog .modal-content .modal-header .close:focus,
.modal-dialog .modal-content .modal-header .btn-icon:hover,
.modal-dialog .modal-content .modal-header .btn-icon:focus {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}

.modal-open .modal {
  overflow: hidden;
}

.modal-backdrop {
  z-index: 940;
  display: none;
}

.modal-header {
  background-color: #007ac2;
  color: #ffffff;
  border-bottom: 0;
  padding: 15px;
}
.modal-header .close,
.modal-header .btn-icon {
  font-size: 18px;
  color: #323232;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
.modal-header .close:hover, .modal-header .close:focus,
.modal-header .btn-icon:hover,
.modal-header .btn-icon:focus {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
  opacity: 0.75;
}
.modal-header .close {
  margin-top: auto;
}
.modal-header .btn-icon {
  border: 0;
  padding: 0;
}
.modal-header .btn-group {
  float: left;
}
.modal-header .btn-group .btn-icon + .btn-icon {
  margin-left: 5px;
}
.modal-header .btn-group .btn-link {
  color: #ffffff !important;
}
.modal-header .actions {
  float: right;
}

.modal-title {
  font-size: 14px;
  line-height: 20px;
}

.modal-content {
  border: 0;
}

.modal-body {
  max-height: -webkit-calc(100vh - 190px);
  max-height: -moz-calc(100vh - 190px);
  max-height: calc(100vh - 190px);
  overflow: auto;
}

.has-footer .modal-body {
  max-height: -webkit-calc(100vh - 230px);
  max-height: -moz-calc(100vh - 230px);
  max-height: calc(100vh - 230px);
}

.modal-footer .btn {
  text-transform: uppercase;
}
.modal-footer .btn-success,
.modal-footer .btn-danger {
  min-width: 120px;
}

.onscreen-modal {
  position: absolute;
  z-index: 31;
}
.onscreen-modal.modal-dialog {
  background-color: #ffffff;
  margin-top: 0;
  margin-bottom: 0;
}
.onscreen-modal .modal-header {
  padding: 5px;
  background-color: #323232;
  border-bottom: 0;
  color: #ffffff;
  text-align: center;
  position: relative;
  z-index: 2;
}
.onscreen-modal .modal-header .close,
.onscreen-modal .modal-header .btn-icon {
  color: #ffffff;
  font-size: 16px;
  margin-top: 0;
  width: 20px;
}
.onscreen-modal .modal-header .close [class^="esri-icon-"],
.onscreen-modal .modal-header .close [class*=" esri-icon-"],
.onscreen-modal .modal-header .close [class^="gd-icon-"],
.onscreen-modal .modal-header .close [class*=" gd-icon-"],
.onscreen-modal .modal-header .btn-icon [class^="esri-icon-"],
.onscreen-modal .modal-header .btn-icon [class*=" esri-icon-"],
.onscreen-modal .modal-header .btn-icon [class^="gd-icon-"],
.onscreen-modal .modal-header .btn-icon [class*=" gd-icon-"] {
  line-height: 20px;
}
.onscreen-modal .modal-body {
  min-height: 150px;
  max-height: none;
  border: 1px solid #cccccc;
  border-top: 0;
  position: relative;
  z-index: 1;
}
.onscreen-modal .modal-toolbar {
  border-bottom: 1px solid #cccccc;
}
.onscreen-modal .modal-toolbar > * {
  vertical-align: middle;
}
.onscreen-modal .icon-button {
  padding: 5px 10px;
  font-size: 14px;
  line-height: 20px;
}

.properties-dialog .modal-body {
  padding: 0;
}
.properties-dialog .project-card {
  margin-bottom: 0;
  border: 0;
}
.properties-dialog .project-card .panel-heading {
  border: 0;
}
.properties-dialog .project-card .panel-footer {
  border-top: 1px solid #e5e5e5;
}
.properties-dialog .item-action-bar > * {
  float: left;
}

.template-link {
  padding-left: 16px;
}

.modal-status .modal-header {
  text-align: center;
}
.modal-status .modal-title {
  font-size: 1.25rem;
  line-height: 1.5;
}

.status-symbol {
  width: 80px;
  height: 80px;
  margin: 1rem auto 1.5rem;
  border-radius: 50%;
  font-family: 'CalciteWebCoreIcons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: flex;
  align-items: center;
}
.status-symbol:before {
  font-size: 32px;
  display: block;
  margin: auto;
}

.status-success .modal-header {
  color: #67a966;
}
.status-success .status-symbol {
  background-color: #ddeedb;
}
.status-success .status-symbol:before {
  content: "\e605";
  color: #67a966;
}

.status-warning .modal-header {
  color: #e79c47;
}
.status-warning .status-symbol {
  background-color: #fbe1c2;
}
.status-warning .status-symbol:before {
  content: "\e62e";
  color: #e79c47;
}

.status-failed .modal-header {
  color: #c7461a;
}
.status-failed .status-symbol {
  background-color: #f3ded7;
}
.status-failed .status-symbol:before {
  content: "\e650";
  color: #c7461a;
}

.modal-simple .modal-dialog {
  width: 400px;
}
.modal-simple .modal-header,
.modal-simple .modal-body,
.modal-simple .modal-footer {
  padding-left: 2rem;
  padding-right: 2rem;
}
.modal-simple .modal-header .close {
  display: none;
}
.modal-simple .panel-heading {
  background-color: transparent;
}
.modal-simple .modal-body {
  text-align: center;
}
.modal-simple .modal-footer {
  border-top: 0;
  text-align: center;
}
.modal-simple .modal-footer .btn {
  min-width: 160px;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.modal-download .modal-footer {
  padding-top: 0;
}
.modal-download .modal-footer .btn {
  margin-top: 0;
  margin-bottom: 0;
}

.print-dialog {
  width: 450px;
}

.dashboard-settings-dialog .slider-row [class^="col-"],
.dashboard-settings-dialog .slider-row [class*=" col-"] {
  padding: 0;
}

@media (min-width: 768px) {
  .modal-dialog {
    margin-top: 100px;
  }
}
.tooltip-inner {
  max-width: none;
  background-color: rgba(0, 0, 0, 0.85);
  padding: 5px 10px;
  white-space: nowrap;
}

.tooltip.bottom .tooltip-arrow {
  border-bottom-color: rgba(0, 0, 0, 0.85);
}

.project-card {
  max-height: 240px;
}
.project-card h4 {
  color: #005f98;
}
.project-card .panel-title {
  font-size: 14px;
}
.project-card .panel-heading > .btn {
  display: none;
  float: right;
  position: relative;
  top: -6px;
  right: -15px;
}
.project-card .panel-body {
  min-height: 150px;
}
.project-card .panel-footer {
  background: transparent;
  border: 0;
}
.project-card .panel-footer .pull-right {
  max-width: 100%;
}
.project-card .list-inline {
  margin: 0;
}
.project-card .list-inline > li {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 5px;
  width: 100%;
}
.project-card .list-inline > li > * {
  vertical-align: middle;
}
.project-card .list-inline > li [class^="esri-icon-"],
.project-card .list-inline > li [class*=" esri-icon-"] {
  margin-right: 10px;
}
.project-card .list-inline > li .secondary-label {
  float: left;
}
.project-card .list-inline > li .btn-label {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
}
.project-card .snippet-item,
.project-card .description-item {
  display: none;
}

.user-thumbnail {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: transparent;
  width: 36px;
  height: 36px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
}
.user-thumbnail img {
  width: 100%;
  height: 100%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.user-thumbnail.no-thumbnail {
  border-width: 1px;
  border-style: solid;
  font-size: 24px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=81);
  opacity: 0.81;
}

.user-dropdown .dropdown-toggle > * {
  vertical-align: middle;
}
.user-dropdown .navbar-icon {
  width: 34px;
  display: inline-block;
  float: none;
}
.user-dropdown .navbar-icon .user-thumbnail {
  width: 28px;
  height: 28px;
}
.user-dropdown .navbar-icon .user-thumbnail.no-thumbnail {
  font-size: 18px;
}

.item-action-bar {
  text-align: right;
  display: -webkit-flex;
  display: flex;
}
.item-action-bar > span {
  display: block;
  padding: 6px 11px;
  font-size: 12px;
  line-height: 1.5;
}
.item-action-bar:before, .item-action-bar:after {
  content: " ";
  display: table;
}
.item-action-bar:after {
  clear: both;
}
.item-action-bar > .btn {
  text-transform: uppercase;
}
.item-action-bar > .btn + .btn {
  margin-left: 5px;
}
.item-action-bar .alert {
  display: inline-block;
  padding: 2px 5px;
  margin: 3px 0;
  border: 0;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.util-color-ramp .util-colors {
  margin-left: 0px;
  margin-right: 0px;
}
.util-color-ramp .util-color {
  display: inline-block;
  width: 10px;
  height: 10px;
}

.toc-job-status {
  padding: 2px 5px;
  font-size: smaller;
  -moz-transition: background-color, ease 0.3s;
  -o-transition: background-color, ease 0.3s;
  -webkit-transition: background-color, ease 0.3s;
  transition: background-color, ease 0.3s;
}

.jobs-progress-indicators {
  display: inline-block;
  margin-left: 5px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.jobs-progress-indicators .toc-job-status {
  padding: 0 3px;
  font-size: 10px;
  margin-left: 2px;
  color: #ffffff;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.jobs-progress-indicators .toc-job-status.jobRunning {
  color: #196fa6;
}
.jobs-progress-indicators .toc-job-status.jobRunning .esri-icon-loading-indicator:before {
  display: inline-block;
  -moz-animation-name: spin;
  -webkit-animation-name: spin;
  animation-name: spin;
  -moz-animation-duration: 1500ms;
  -webkit-animation-duration: 1500ms;
  animation-duration: 1500ms;
  -moz-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}
.jobs-progress-indicators .toc-job-status.jobCompleted, .jobs-progress-indicators .toc-job-status.jobDone {
  background-color: #338033;
}
.jobs-progress-indicators .toc-job-status.jobFailed {
  background-color: #c7461a;
}

.toc-job {
  padding: 10px 15px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: baseline;
  align-items: baseline;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.toc-job,
.toc-job > * {
  cursor: pointer;
}
.toc-job:hover {
  background-color: #e2f1fb;
}
.toc-job:active, .toc-job:focus {
  background-color: #aadbfa;
}
.toc-job.jobCompleted,
.toc-job.jobCompleted > *, .toc-job.jobDone,
.toc-job.jobDone > * {
  cursor: default;
}
.toc-job.jobCompleted:hover, .toc-job.jobCompleted:active, .toc-job.jobCompleted:focus, .toc-job.jobDone:hover, .toc-job.jobDone:active, .toc-job.jobDone:focus {
  background-color: transparent;
}

.toc-job-name {
  -webkit-flex: 1;
  flex: 1;
  display: inline-block;
  font-weight: 500;
  vertical-align: middle;
  white-space: normal;
  margin-right: 10px;
  margin-bottom: 0;
}

.jobRunning .toc-job-status {
  color: #196fa6;
}

.jobCompleted .toc-job-status,
.jobDone .toc-job-status {
  background-color: #ddeedb;
}

.jobFailed .toc-job-status,
.jobStatusError .toc-job-status {
  background-color: #f3ded7;
}

.jobCanceling .toc-job-status,
.jobCanceled .toc-job-status {
  background-color: #f3edc7;
}

.draggable:hover, .draggable.dojoMoveItem {
  -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.draggable:hover {
  -moz-transition: box-shadow 100ms ease-out;
  -o-transition: box-shadow 100ms ease-out;
  -webkit-transition: box-shadow 100ms ease-out;
  transition: box-shadow 100ms ease-out;
}

.draggable-mover {
  cursor: move;
}

.dojoMoveItem {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  opacity: 0.85;
}

.panel.has-header {
  display: flex;
  flex-direction: column;
}
.panel.has-header > .panel-body {
  width: 100%;
  flex-grow: 1;
  overflow: auto;
}

.panel-default > .panel-heading {
  background-color: transparent;
  border-color: #e0e0e0;
}

.panel-title {
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.panel-footer {
  border-top-color: #e0e0e0;
}
.panel-footer .btn + .btn {
  margin-left: 5px;
}
.panel-footer .btn-group {
  display: flex;
}
.panel-footer .btn-group .btn {
  flex-grow: 1;
}
.panel-footer .btn-group .btn.btn-link + .btn-link {
  border-left: 1px solid #e7e7e7;
}

.gp-panel {
  width: 300px;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
}
.gp-panel > .panel-heading {
  background-color: transparent;
  border-left: 1px solid rgba(0, 0, 0, 0.35);
  color: #efefef;
  height: 40px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.gp-panel > .panel-heading .panel-title {
  font-weight: normal;
  line-height: 1.5;
  flex-grow: 1;
}
.gp-panel > .panel-heading [class^="esri-icon-"], .gp-panel > .panel-heading [class*=" esri-icon-"] {
  display: inline-block;
  margin-right: 10px;
  line-height: 20px;
}
.gp-panel > .panel-heading .btn-icon {
  width: 20px;
  padding: 0;
  color: #efefef;
  margin-right: 0;
  font-size: 16px;
  line-height: 1.25;
  line-height: 20px;
  text-align: center;
}
.gp-panel > .panel-body {
  background-color: #f8f8f8;
  padding: 0;
}
.gp-panel > .panel-footer {
  background-color: #f8f8f8;
}
.gp-panel > .panel-footer .panel-section {
  margin: -10px -15px;
  background: transparent;
}
.gp-panel .panel-section {
  background-color: #ffffff;
  border-bottom: 1px solid #e7e7e7;
}
.gp-panel .panel-section + .panel-section {
  border-bottom: 0;
}
.gp-panel .panel-section:last-child {
  border-bottom: 0;
}

.panel-section {
  background-color: #ffffff;
  padding: 15px;
}
.panel-section > .form-group:last-child {
  margin-bottom: 0;
}

.section-header {
  display: block;
  font-size: 14px;
  line-height: 20px;
  padding: 10px 15px;
  padding-left: 5px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.section-header:after {
  content: "";
  display: block;
  clear: both;
}
.section-header .esri-icon-down {
  display: inline-block;
  font-size: 12px;
  margin: 0;
  padding: 5px;
  color: #959595;
  transition: transform 0.2s ease;
}
.section-header .esri-icon-down.collapse {
  transform: rotate(-90deg);
}
.section-header > .btn {
  margin: 0;
}
.section-header > .btn-icon {
  min-width: 0;
}
.section-header > .section-header--title {
  flex-grow: 1;
  color: #196fa6;
  white-space: normal;
}
.section-header > .section-header--title,
.section-header > .dijitCheckBox {
  margin-right: 10px;
}

.btn.section-header {
  border: 0;
  text-align: left;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.btn.section-header:hover {
  background-color: #e2f1fb;
  text-decoration: none;
}
.btn.section-header:active, .btn.section-header:focus {
  background-color: #aadbfa;
  text-decoration: none;
}

.section-body {
  padding: 10px 15px;
}

.block-placeholder {
  border: 1px dashed #cccccc;
  padding: 10px 15px;
}

.right-panel {
  position: absolute;
  top: 120px;
  bottom: 0;
  right: -400px;
  z-index: 4;
}
.right-panel.auto-height {
  pointer-events: none;
}
.right-panel.auto-height .gp-panel {
  display: flex;
  flex-direction: column;
  max-height: 100%;
  height: auto;
  pointer-events: auto;
}
.right-panel.auto-height .gp-panel .panel-body {
  overflow: auto;
}
.right-panel .gp-panel {
  height: 100%;
  border: 0;
}
.right-panel .gp-panel > .panel-heading {
  border: 0;
  background-color: #4c4c4c;
  border-top: 2px solid #323232;
  height: 40px;
  padding: 10px 15px;
  color: #ffffff;
  flex-shrink: 0;
}

.nav > li > a[disabled], .nav > li > a[disabled]:hover, .nav > li > a[disabled]:focus {
  cursor: default;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}

.navbar-inverse .navbar-nav .dropdown-menu li.active > a {
  /*color: $Calcite_Gray_650;*/
  background-image: none;
  background-color: #007ac2;
  color: white;
}

.nav-tabs[role=tablist] > li a {
  background-color: transparent;
  color: #0079c1;
}
.nav-tabs[role=tablist] > li a:hover, .nav-tabs[role=tablist] > li a:focus {
  color: #005e95;
  background-color: transparent;
  border-bottom-color: transparent;
  box-shadow: 0 2px 0 #0079c1 inset;
}
.nav-tabs[role=tablist] > li.active a:hover {
  box-shadow: none;
}

#appLoading {
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: -1;
  background: linear-gradient(135deg, #196fa6 0%, #004575 100%);
  top: 0;
}

.loading-outer-overlay {
  width: 100%;
  height: 100%;
}

.loading-inner {
  left: 50%;
  position: absolute;
  text-align: center;
  top: 30%;
  width: 700px;
  margin-left: -350px;
  color: #ffffff;
}

.app-title span.slow {
  opacity: 0;
  animation: app-title 2s ease-in 2s forwards;
}
.app-title span.fast {
  opacity: 0;
  animation: app-title 2s ease-in 1s forwards;
}

@keyframes app-title {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* animated load bar */
.sp {
  width: 32px;
  height: 32px;
  margin: 4rem auto 0;
}

.sp-bars {
  position: relative;
  width: 10px;
  border: 0px #000 solid;
  background-color: rgba(255, 255, 255, 0.75);
  -webkit-animation: spBars 1s infinite linear;
  animation: spBars 1s infinite linear;
}

.sp-bars:after, .sp-bars:before {
  content: '';
  position: absolute;
  width: inherit;
  height: inherit;
  border: inherit;
  background-color: inherit;
  top: -1px;
}

.sp-bars:before {
  left: -20px;
  -webkit-animation: spBarsBefore 1s infinite linear;
  animation: spBarsBefore 1s infinite linear;
}

.sp-bars:after {
  right: -20px;
  -webkit-animation: spBarsAfter 1s infinite linear;
  animation: spBarsAfter 1s infinite linear;
}

@keyframes spBarsBefore {
  0% {
    transform: scale(1, 1);
  }
  25% {
    transform: scale(1, 1.25);
  }
  50% {
    transform: scale(1, 0.75);
  }
  75% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(1, 1);
  }
}
@keyframes spBars {
  0% {
    transform: scale(1, 1);
  }
  25% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1, 1.25);
  }
  75% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(1, 1);
  }
}
@keyframes spBarsAfter {
  0% {
    transform: scale(1, 1);
  }
  25% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1, 0.75);
  }
  75% {
    transform: scale(1, 1.25);
  }
  100% {
    transform: scale(1, 1);
  }
}
.landing-page {
  background: linear-gradient(135deg, #196fa6 0%, #004575 100%);
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  z-index: 7;
}
.landing-page #landing-video {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  opacity: .15;
  mix-blend-mode: overlay;
}
.landing-page video {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  min-height: 50%;
  min-width: 50%;
}

.incompatible-browser-message {
  display: none;
  background-color: #f8f8f8;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
}
.incompatible-browser-message .app-title-large {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 450px;
  height: 100px;
  margin-left: -225px;
  margin-top: -200px;
  color: #4c4c4c;
  z-index: 1;
}
.incompatible-browser-message .panel {
  position: relative;
  top: 45%;
  width: 100%;
  margin-bottom: 0;
  max-width: 750px;
  margin: 0 auto;
}
.incompatible-browser-message ul {
  margin: 0;
  margin-bottom: 15px;
  padding: 0;
  list-style-type: none;
  color: #6e6e6e;
}
.incompatible-browser-message ul:before, .incompatible-browser-message ul:after {
  content: " ";
  display: table;
}
.incompatible-browser-message ul:after {
  clear: both;
}
.incompatible-browser-message ul li {
  display: block;
  float: left;
  width: 20%;
  font-size: smaller;
  text-align: center;
  padding: 0 5px;
  margin: 10px 0;
}
.incompatible-browser-message ul li [class^="gd-icon-"],
.incompatible-browser-message ul li [class*=" gd-icon-"] {
  display: block;
  font-size: 24px;
  margin-bottom: 5px;
}
.incompatible-browser-message .btn {
  float: right;
}

.incompatible-browser .incompatible-browser-message {
  display: block;
}

.landing-content {
  height: 100%;
  position: relative;
  z-index: 1;
}

.landing-content-inner {
  max-width: 800px;
  margin: 0 auto;
  transform: translateY(-10%);
}
.landing-content-inner .btn {
  min-width: 180px;
}
.landing-content-inner .btn-default:hover {
  border-color: #ffffff;
}
.landing-content-inner .btn-signin {
  display: block;
  min-width: 250px;
  margin: 4rem auto 2rem;
  border-color: transparent;
}
.landing-content-inner .app-login--links {
  padding-top: 2rem;
}
.landing-content-inner .app-login--links .btn {
  width: 180px;
  display: block;
  margin: 0 auto;
  margin-bottom: 1rem;
  background-color: transparent;
  color: #ffffff;
}
.landing-content-inner .app-login--links .btn-default {
  border-color: #ffffff;
}

.launch-page {
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 8;
  background: #efefef;
  top: 0;
  overflow: auto;
}
.launch-page .cal-header,
.launch-page .cal-header h1,
.launch-page .project-container-header,
.launch-page .project-container-header h2 {
  -moz-transition: padding, 0.3s, ease-in-out;
  -o-transition: padding, 0.3s, ease-in-out;
  -webkit-transition: padding, 0.3s, ease-in-out;
  transition: padding, 0.3s, ease-in-out;
}
.launch-page .cal-header {
  color: #ffffff;
  background-color: #007ac2;
  margin-bottom: 0;
  padding: 25px;
  width: 100%;
  z-index: 99;
}
.launch-page .cal-header h1 {
  float: left;
  font-size: 24px;
  line-height: 1.5;
  margin-top: 0;
  margin-bottom: 0;
  -webkit-flex: 1;
  flex: 1;
}
.launch-page .cal-header .container {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
}
.launch-page .user-dropdown a {
  color: #ffffff;
}
.launch-page .user-dropdown .dropdown-menu a {
  color: #464646;
}
.launch-page .user-dropdown .navbar-icon.larger {
  width: 42px;
}
.launch-page .user-dropdown .navbar-icon.larger .user-thumbnail {
  width: 32px;
  height: 32px;
  line-height: 32px;
  border: 0;
  background: rgba(255, 255, 255, 0.2);
}
.launch-page .btn-create {
  text-transform: uppercase;
}
.launch-page .project-container-header {
  background-color: #ffffff;
  border-bottom: 0;
  margin-bottom: 20px;
  padding: 20px;
  margin-top: 0;
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.launch-page .project-container-header h2 {
  margin-top: 0;
  margin-bottom: 0;
}
.launch-page .project-container-header .btn-create {
  float: right;
}
.launch-page .project-container {
  background-color: #f8f8f8;
}
.launch-page .project-container .tabs-row {
  border-bottom: 1px solid #e7e7e7;
  margin-bottom: 15px;
  overflow: hidden;
}
.launch-page .project-container .tab-pane {
  margin-top: 0;
}
.launch-page .project-container .nav-tabs {
  border-bottom: 0;
  margin-top: -10px;
  margin-bottom: -9px;
}
.launch-page .project-container .nav-tabs li {
  margin-right: 10px;
}
.launch-page .project-container .nav-tabs a {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.25;
  padding: 15px;
  padding-bottom: 12px;
  border: 0;
  border-bottom: 3px solid transparent;
}
.launch-page .project-container .nav-tabs a:hover {
  background-color: #196fa6;
  color: #ffffff;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.launch-page .project-container .nav-tabs a:hover, .launch-page .project-container .nav-tabs a:focus {
  text-decoration: none;
}
.launch-page .project-container .nav-tabs > .active > a, .launch-page .project-container .nav-tabs > .active > a:hover, .launch-page .project-container .nav-tabs > .active > a:focus {
  color: inherit;
  background-color: inherit;
  border: 0;
  border-bottom: 3px solid #196fa6;
  padding-top: 15px;
}
.launch-page .project-container .tab-content {
  min-height: 350px;
}
.launch-page .project-container .search-box {
  margin-top: -2px;
  margin-bottom: -2px;
  margin-right: 0;
}
.launch-page .project-container .empty-data-label.recent-projects-empty {
  position: static;
  max-width: 700px;
  margin: 0 auto 15px;
  border: 1px dashed #cccccc;
  padding: 48px 15px;
}
.launch-page .project-container .empty-data-label.recent-projects-empty > span {
  display: block;
  font-size: 16px;
  font-weight: 500;
  color: #4c4c4c;
  overflow: hidden;
}
.launch-page .project-container .empty-data-label.recent-projects-empty h5 {
  margin-bottom: 48px;
}
.launch-page .project-container .empty-data-label.recent-projects-empty a {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.25;
  padding: 15px;
  padding: 5px 10px;
  display: inline-block;
}
.launch-page .project-container .empty-data-label.recent-projects-empty a:hover {
  background-color: #196fa6;
  color: #ffffff;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.launch-page .project-container .empty-data-label.recent-projects-empty a:hover, .launch-page .project-container .empty-data-label.recent-projects-empty a:focus {
  text-decoration: none;
}
.launch-page .project-container .empty-data-label.recent-projects-empty .btn {
  margin: 0 10px;
}
.launch-page .recent-active .search-box {
  display: none;
}
.launch-page .search-bar .btn-group > .btn {
  font-size: inherit;
}
.launch-page .search-pane-header {
  border-bottom: 0;
  margin-bottom: 10px;
}
.launch-page .search-scope-bar {
  text-align: right;
}
.launch-page .search-bar-separator {
  display: none;
}
.launch-page .search-pane-footer {
  background: transparent;
  border-top: 0;
}
.launch-page .item-card {
  width: 50%;
}
@media (min-width: 1200px) {
  .launch-page .item-card {
    width: 33.3333333333%;
  }
}

.or-separator {
  display: block;
  max-width: 500px;
  margin: 48px auto;
  color: #959595;
  text-align: center;
  position: relative;
  height: 20px;
  line-height: 20px;
}
.or-separator:before, .or-separator:after {
  content: "";
  display: block;
  width: 40%;
  height: 1px;
  background: #e7e7e7;
  position: absolute;
  top: 10px;
  left: 0;
}
.or-separator:after {
  left: auto;
  right: 0;
}

.fade-down {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transform: translate3d(0, 50px, 0);
  -ms-transform: translate3d(0, 50px, 0);
  -webkit-transform: translate3d(0, 50px, 0);
  transform: translate3d(0, 50px, 0);
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.fade-up {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

#appHeaderBar {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 7;
  background-color: transparent;
  border: 0;
}
#appHeaderBar .container-fluid {
  padding-left: 0;
}
#appHeaderBar.navbar {
  min-height: 40px;
  margin-bottom: 0;
}
#appHeaderBar .navbar-toggle {
  display: block;
  float: left;
  margin: 0px;
  height: 40px;
  border: 0;
}
#appHeaderBar .navbar-toggle:hover, #appHeaderBar .navbar-toggle:focus {
  background-color: transparent;
}
#appHeaderBar .navbar-toggle .icon-bar {
  margin-top: 4px;
}
#appHeaderBar .projectName-container {
  max-width: 200px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
#appHeaderBar .projectName-container:hover {
  color: #007ac2;
}
#appHeaderBar .projectName-container:hover .navbar-toggle .icon-bar {
  background-color: #007ac2;
}
#appHeaderBar .projectName-container .projectName {
  cursor: pointer;
}
#appHeaderBar .breadcrumb {
  padding: 10px 0;
  margin: 0;
  background-color: transparent;
  font-size: 12px;
  line-height: 1.66667;
}
#appHeaderBar .breadcrumb > li {
  vertical-align: top;
}
#appHeaderBar .breadcrumb > li + li:before {
  content: "/\00a0";
  padding: 0 10px;
  vertical-align: top;
  color: #828282;
}
#appHeaderBar .breadcrumb .navbar-toggle {
  margin: -10px 0;
  margin-right: 0.5rem;
}
#appHeaderBar .breadcrumb .scenarioName-container {
  display: inline-block;
}
#appHeaderBar .breadcrumb .scenarioName-container:hover, #appHeaderBar .breadcrumb .scenarioName-container:active {
  text-decoration: none;
}
#appHeaderBar .breadcrumb .dropdown {
  display: inline-block;
}
#appHeaderBar .breadcrumb a.dropdown-toggle, #appHeaderBar .breadcrumb a.dropdown-toggle:hover, #appHeaderBar .breadcrumb a.dropdown-toggle:active {
  text-decoration: none;
}
#appHeaderBar .navbar-brand {
  margin: 0;
  height: 40px;
  padding: 10px 0;
  float: none;
  display: block;
  text-align: center;
  font-size: 12px;
  color: #e7e7e7;
}
#appHeaderBar .user-dropdown {
  text-align: right;
  float: right;
  height: 40px;
}
#appHeaderBar .user-dropdown .dropdown-menu {
  min-width: 0;
}

#appNavBar {
  min-height: 40px;
  position: absolute;
  top: 40px;
  left: 0;
  right: 0;
  z-index: 5;
  transition: 200ms all ease-out;
  transition-property: left, right;
}
#appNavBar .navbar {
  min-height: 40px;
  height: 40px;
  margin-bottom: 0;
  border: 0;
}
#appNavBar .navbar.main-navbar {
  text-transform: uppercase;
  background-color: #005f98;
  z-index: 5;
  border: 0;
}
#appNavBar .navbar.main-navbar .navbar-nav:not(.secondary-navbar) {
  position: relative;
  left: 50%;
  margin-left: -214px;
}
#appNavBar .navbar.main-navbar .navbar-nav > li > a {
  color: #e2f1fb;
  background-image: none;
}
#appNavBar .navbar.main-navbar .navbar-nav > li.active > a {
  color: #ffffff;
  background-color: #004575;
}
#appNavBar .navbar.main-navbar .secondary-navbar {
  display: none;
  animation: secondary-navbar-slide 0.2s ease-out forwards;
  -webkit-animation: secondary-navbar-slide 0.2s ease-out forwards;
  height: 40px;
  z-index: 1;
}
#appNavBar .navbar.main-navbar .secondary-navbar > li.active > a {
  background-color: #00365c;
}
#appNavBar .navbar.sub-navbar {
  display: none;
  background-color: #004575;
  position: relative;
  top: -20px;
  z-index: 2;
  -moz-animation: sub-navbar-drop 0.2s ease-out forwards;
  -webkit-animation: sub-navbar-drop 0.2s ease-out forwards;
  animation: sub-navbar-drop 0.2s ease-out forwards;
}
#appNavBar .navbar.sub-navbar li {
  margin-right: 5px;
}
#appNavBar .navbar.sub-navbar li.active .inline-dropdown .dropdown-toggle {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  line-height: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin: 5px 0;
}
#appNavBar .navbar.sub-navbar .dropdown-menu li {
  margin-right: 0;
}
#appNavBar .navbar.sub-navbar .nav > li.icon-only > a {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin: 5px 0;
  line-height: 20px;
  border-radius: 2px;
}
#appNavBar .navbar.sub-navbar .nav > li.icon-only > a.btn-tool-toggle {
  background-color: rgba(255, 255, 255, 0.15);
  padding: 0;
  margin: 5px 0;
  border-radius: 2px;
}
#appNavBar .navbar.sub-navbar .nav > li.icon-only > a.btn-tool-toggle .icon {
  float: left;
  padding: 5px 10px;
  position: relative;
  z-index: 2;
}
#appNavBar .navbar.sub-navbar .nav > li.icon-only > a.btn-tool-toggle:before {
  content: "";
  display: block;
  position: absolute;
  width: 36px;
  height: 30px;
  background-color: #35ac46;
  left: 0;
  top: 0;
  z-index: 1;
  border-radius: 2px;
  transition: left ease 0.2s;
}
#appNavBar .navbar.sub-navbar .nav > li.icon-only > a.btn-tool-toggle:after {
  content: "";
  display: table;
  clear: both;
}
#appNavBar .navbar.sub-navbar .nav > li.icon-only > a.btn-tool-toggle.checked:before {
  left: 36px;
}
#appNavBar .navbar.sub-navbar .nav > li.has-inline-dropdown > a {
  margin-right: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
}
#appNavBar .navbar.sub-navbar .tooltip.bottom {
  margin-top: 10px;
}
#appNavBar .navbar .has-sub-navbar > a {
  z-index: 2;
}
#appNavBar .navbar .has-sub-navbar.sub-navbar-open > * {
  display: inline-block;
  float: left;
  background-color: #004575;
}
#appNavBar.design .sub-navbar .container-fluid, #appNavBar.evaluate .sub-navbar .container-fluid {
  padding-left: 0;
  padding-right: 0;
  display: -webkit-flex;
  display: flex;
}
#appNavBar.design .sub-navbar .container-fluid .navbar-nav, #appNavBar.evaluate .sub-navbar .container-fluid .navbar-nav {
  -webkit-flex: 1;
  flex: 1;
}
#appNavBar.design .sub-navbar .container-fluid .navbar-nav-right, #appNavBar.evaluate .sub-navbar .container-fluid .navbar-nav-right {
  -webkit-flex: none;
  flex: none;
}
#appNavBar.design .navbar-nav > li.active > a:before {
  content: none;
}
#appNavBar.design .secondary-navbar > li.active > a:before {
  content: "";
}
#appNavBar.design .navbar.sub-navbar {
  background-color: #00365c;
}
#appNavBar.design .design-common-toolset {
  -moz-transition: all 200ms ease-out;
  -o-transition: all 200ms ease-out;
  -webkit-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
  -moz-transition-property: padding-right;
  -o-transition-property: padding-right;
  -webkit-transition-property: padding-right;
  transition-property: padding-right;
}
#appNavBar .navbar-nav {
  font-size: 12px;
  float: none;
  display: inline-block;
  vertical-align: top;
}
#appNavBar .navbar-nav > li > a {
  color: rgba(255, 255, 255, 0.85);
  padding: 10px 20px;
}
#appNavBar .navbar-nav > li > a:hover, #appNavBar .navbar-nav > li > a:focus {
  background-color: rgba(0, 0, 0, 0.15);
  background-image: none;
}
#appNavBar .navbar-nav > li > a[disabled], #appNavBar .navbar-nav > li > a[disabled]:hover, #appNavBar .navbar-nav > li > a[disabled]:focus {
  background-color: transparent;
}
#appNavBar .navbar-nav > li > a [class^="esri-icon-"],
#appNavBar .navbar-nav > li > a [class*=" esri-icon-"],
#appNavBar .navbar-nav > li > a [class^="gd-icon-"],
#appNavBar .navbar-nav > li > a [class*=" gd-icon-"] {
  margin-right: 10px;
  font-size: 16px;
  vertical-align: top;
  display: inline-block;
  line-height: 20px;
}
#appNavBar .navbar-nav > li > a [class^="esri-icon-"]:before,
#appNavBar .navbar-nav > li > a [class*=" esri-icon-"]:before,
#appNavBar .navbar-nav > li > a [class^="gd-icon-"]:before,
#appNavBar .navbar-nav > li > a [class*=" gd-icon-"]:before {
  display: block;
  line-height: inherit;
}
#appNavBar .navbar-nav > li.active > a {
  color: #ffffff;
  background-image: none;
  background-color: #35ac46;
}
#appNavBar .navbar-nav > li.active > a:before {
  content: "";
  display: block;
  height: 3px;
  width: 100%;
  background-color: #c7461a;
  position: absolute;
  top: -4px;
  left: 0;
}
#appNavBar .navbar-nav > li.icon-only > a {
  padding-left: 15px;
  padding-right: 15px;
}
#appNavBar .navbar-nav > li.icon-only > a [class^="esri-icon-"],
#appNavBar .navbar-nav > li.icon-only > a [class*=" esri-icon-"],
#appNavBar .navbar-nav > li.icon-only > a [class^="gd-icon-"],
#appNavBar .navbar-nav > li.icon-only > a [class*=" gd-icon-"] {
  margin-right: 0;
}
#appNavBar .navbar-nav > li.has-inline-dropdown > * {
  float: left;
}
#appNavBar .navbar-nav > li.has-inline-dropdown .inline-dropdown .dropdown-toggle {
  padding: 10px;
}
#appNavBar .navbar-nav > li.has-inline-dropdown.active .inline-dropdown .dropdown-toggle {
  color: #ffffff;
  background-color: #2f993e;
  border-left: 1px solid rgba(0, 0, 0, 0.15);
}
#appNavBar .navbar-nav > li.has-inline-dropdown.active .inline-dropdown .dropdown-toggle:hover, #appNavBar .navbar-nav > li.has-inline-dropdown.active .inline-dropdown .dropdown-toggle:focus {
  background-color: #298536;
  text-decoration: none;
}
#appNavBar .navbar-nav .open > a, #appNavBar .navbar-nav .open > a:hover, #appNavBar .navbar-nav .open > a:focus {
  background-color: rgba(0, 0, 0, 0.15);
}
#appNavBar .navbar-nav .dropdown-menu {
  font-size: 12px;
}
#appNavBar .nav-header {
  color: rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
  line-height: 20px;
  padding: 10px 15px;
  display: block;
}
#appNavBar .nav-vertical-divider {
  min-height: 40px;
  border-right: 1px solid rgba(255, 255, 255, 0.15);
  width: 0;
}
#appNavBar .switch-toggle-group {
  float: right;
  padding: 10px;
  color: rgba(255, 255, 255, 0.5);
  font-size: smaller;
  line-height: 20px;
}
#appNavBar .switch-toggle-group .switch-toggle.dijitCheckBox {
  top: 2px;
}
#appNavBar .dropdown-menu li > a {
  color: #4c4c4c;
  background-image: none;
}
#appNavBar .dropdown-menu li.active > a {
  color: white;
}

@media (max-width: 1300px) {
  .split-mode.toc-opened #appNavBar.evaluate .sub-navbar .navbar-nav > li > a [class^="esri-icon-"],
  .split-mode.toc-opened #appNavBar.evaluate .sub-navbar .navbar-nav > li > a [class*=" esri-icon-"],
  .split-mode.toc-opened #appNavBar.evaluate .sub-navbar .navbar-nav > li > a [class^="gd-icon-"],
  .split-mode.toc-opened #appNavBar.evaluate .sub-navbar .navbar-nav > li > a [class*=" gd-icon-"] {
    margin: 0;
  }
  .split-mode.toc-opened #appNavBar.evaluate .sub-navbar .navbar-nav > li > a .navbar-item__text {
    display: none;
  }
}

.toc-opened #appNavBar {
  left: 300px;
}

.search-modal .modal-dialog {
  height: 100%;
  width: 100%;
  overflow: hidden;
  margin: 0;
  position: absolute;
  top: 0%;
  left: 0%;
}
.search-modal .modal-content {
  height: 100%;
  position: relative;
}
.search-modal .modal-body {
  width: 100%;
  padding: 0;
  position: absolute;
  top: 50px;
  bottom: 0;
  overflow: hidden;
  max-height: none;
}

.search-modal .search-pane,
.weighted-overlay .search-pane {
  height: 100%;
  width: 100%;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
}
.search-modal .search-pane-content,
.weighted-overlay .search-pane-content {
  background-color: #efefef;
  flex-grow: 1;
  overflow: auto;
  overflow: hidden;
}
.search-modal .search-pane-footer,
.weighted-overlay .search-pane-footer {
  position: relative;
}

.search-pane > * {
  width: 100%;
}

.search-pane-content {
  min-height: 200px;
  padding: 0;
  position: relative;
}

.search-pane-footer {
  background-color: #ffffff;
}

.search-bar {
  padding: 15px;
}
.search-bar [class*="col-"] {
  padding-left: 0;
  padding-right: 0;
}
.search-bar .btn-group > .btn {
  min-width: 40px;
  padding-top: 10px;
  padding-bottom: 8px;
  background-color: transparent;
  border: 0;
  border-bottom: 2px solid transparent;
  margin-left: 5px;
  margin-right: 5px;
  font-size: larger;
  font-weight: 500;
}
.search-bar .btn-group > .btn:hover {
  background-color: #005f98;
}
.search-bar .btn-group > .btn.active, .search-bar .btn-group > .btn.active:hover, .search-bar .btn-group > .btn.active:active {
  background-color: transparent !important;
  font-weight: bold;
  color: #005f98 !important;
  border-bottom-color: #005f98;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.search-bar.main-search-bar {
  padding-top: 0;
  padding-bottom: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.search-bar.main-search-bar .search-scope-bar {
  -webkit-flex: 1;
  flex: 1;
  margin-right: 50px;
}
.search-bar.search-scope-bar .search-sort-options {
  margin-top: 5px;
}
.search-bar.search-pane-footer {
  padding-top: 10px;
  padding-bottom: 10px;
}

.search-bar-secondary {
  background-color: #f8f8f8;
}

.search-pane-header {
  border-bottom: 1px solid #cccccc;
}
.search-pane-header:before, .search-pane-header:after {
  content: " ";
  display: table;
}
.search-pane-header:after {
  clear: both;
}

.search-bar:before, .search-bar:after {
  content: " ";
  display: table;
}
.search-bar:after {
  clear: both;
}

.search-curated-option {
  display: inline-block;
  margin-left: 30px;
}

.search-bar-separator {
  border-bottom: 1px solid #e7e7e7;
}

.search-pane-default .search-bar {
  text-align: right;
  margin-bottom: 20px;
}

.search-results-pane {
  height: 100%;
  width: 100%;
  padding: 10px;
  overflow: auto;
  position: absolute;
  top: 0;
  left: 0;
}
.search-results-pane:after {
  content: "";
  display: table;
  clear: both;
}

.launch-page .search-results-pane {
  position: static;
}

.item-card {
  float: left;
  width: 100%;
  padding-left: 5px;
  padding-right: 5px;
  -moz-transition: width 0.1s ease;
  -o-transition: width 0.1s ease;
  -webkit-transition: width 0.1s ease;
  transition: width 0.1s ease;
}
.item-card .project-card {
  margin-bottom: 10px;
}
.item-card .type-user .img-circle {
  margin: 0 auto;
}
.item-card .serviceType .type-value {
  font-weight: normal;
}

[class*="col-"] .search-box {
  float: right;
  max-width: 400px;
  margin-right: 10px;
}

.search-box .form-control,
.search-box .btn-default {
  border-color: #cccccc;
}
.search-box .search-clear {
  position: absolute;
  left: -32px;
}
.search-box .input-group-btn {
  z-index: 3;
}

.search-sort-bar {
  position: relative;
}

.search-sort-options label {
  font-weight: normal;
  color: #959595;
}
.search-sort-options .sort-order-icon {
  float: right;
  font-size: 14px;
  vertical-align: middle;
}
.search-sort-options .dropdown-toggle .sort-order-icon {
  float: none;
  padding: 0 5px;
}

.scope-options > * {
  display: inline-block;
}

.radio-inline,
.checkbox-inline {
  padding-left: 26px;
}
.radio-inline .dijitCheckBox,
.checkbox-inline .dijitCheckBox {
  position: absolute;
  left: 0;
  top: 1px;
}

.search-item-ratings-comments-views {
  display: block;
  padding: 5px;
}
.search-item-ratings-comments-views [class*="gd-icon-"] {
  margin-right: 10px;
  vertical-align: middle;
}

.rating-stars {
  margin: 0;
  padding: 0;
}
.rating-stars .rating-star {
  display: inline-block;
  color: #e7e7e7;
  padding: 5px 0;
  line-height: 20px;
}
.rating-stars .rating-star.rating-star-checked {
  color: #f89927;
}

.thumbnail-img {
  max-width: 120px;
  height: 80px;
  display: block;
}

.search-paging .pagination {
  margin: 0;
}

.search-paging,
.search-result-count {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}

.pagination > li {
  display: inline-block;
}
.pagination > li > span, .pagination > li > span:hover, .pagination > li > span:focus {
  color: inherit;
  border-color: transparent;
  background-color: transparent;
}
.pagination > li.current-page > span {
  padding-left: 15px;
  padding-right: 15px;
}
.pagination [class^="esri-icon-"],
.pagination [class*=" esri-icon-"] {
  position: relative;
  top: 1px;
}

.search-result-count {
  margin: 0 10px;
}

@media (min-width: 768px) {
  .item-card {
    width: 50%;
  }
}
@media (min-width: 1200px) {
  .search-modal .modal-dialog {
    height: 96%;
    width: 96%;
    top: 2%;
    left: 2%;
  }

  .search-results-pane {
    padding: 15px;
  }

  .item-card {
    width: 33.3333333333%;
    padding-left: 10px;
    padding-right: 10px;
  }
  .item-card .project-card {
    margin-bottom: 20px;
  }
}
@media (min-width: 1400px) {
  .search-modal .modal-dialog {
    height: 90%;
    width: 90%;
    top: 5%;
    left: 5%;
  }
}
@media (min-width: 1900px) {
  .item-card {
    width: 25%;
  }
}
.project-menu {
  width: 100%;
  height: 100%;
  position: relative;
  opacity: 0;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  z-index: 32;
  display: -webkit-flex;
  display: flex;
}
.project-menu .sidebar {
  position: absolute;
  left: -200px;
  height: 100%;
  background-color: #005f98;
  width: 200px;
  overflow: auto;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -moz-transition: left 0.3s ease-in-out;
  -o-transition: left 0.3s ease-in-out;
  -webkit-transition: left 0.3s ease-in-out;
  transition: left 0.3s ease-in-out;
  z-index: 2;
}
.project-menu .sidebar-content {
  position: absolute;
  width: 600px;
  background-color: #ffffff;
  height: 100%;
  padding: 15px;
  left: -600px;
  -moz-transition: left 0.3s ease-in-out;
  -o-transition: left 0.3s ease-in-out;
  -webkit-transition: left 0.3s ease-in-out;
  transition: left 0.3s ease-in-out;
  z-index: 1;
}
.project-menu .sidebar-content .panel-body {
  min-height: 200px;
}
.project-menu .list-group.stretch {
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.project-menu .list-group-item {
  background-color: transparent;
  border: 0;
  margin-bottom: 0;
  padding-left: 25px;
  padding-right: 25px;
}
.project-menu .list-group-item:hover, .project-menu .list-group-item:focus {
  background-color: rgba(0, 0, 0, 0.15);
}
.project-menu .list-group-item.active, .project-menu .list-group-item.active:hover, .project-menu .list-group-item.active:focus {
  color: #ffffff;
  background-color: #004575;
}
.project-menu .list-group-subItem {
  display: none;
  background: #004575;
  margin-bottom: 1px;
}
.project-menu .list-group-subItem > .list-group-item {
  padding-left: 35px;
}
.project-menu .list-group-subItem.reveal {
  display: block;
}
.project-menu a.list-group-item {
  color: #ffffff;
}
.project-menu .back-button {
  display: block;
  font-size: 32px;
  padding: 10px 25px;
  padding-bottom: 40px;
  color: #ffffff;
}
.project-menu a.back-button:hover, .project-menu a.back-button:focus {
  text-decoration: none;
}
.project-menu .project-details {
  height: 100%;
  position: relative;
}
.project-menu .project-details .panel {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.project-menu .project-details .panel-footer {
  background-color: transparent;
  border-top: 0;
  text-align: right;
}
.project-menu .project-details .panel-footer .btn {
  text-transform: uppercase;
}
.project-menu .project-details .project-thumbnail {
  height: 120px;
}
.project-menu .project-details .dl-horizontal dt,
.project-menu .project-details .dl-horizontal dd {
  line-height: 2;
}
.project-menu .project-details .dl-horizontal dt {
  width: 80px;
}
.project-menu .project-details .dl-horizontal dd {
  margin-left: 110px;
}
.project-menu .project-details .project-details-users {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 375px;
  overflow-y: auto;
}
.project-menu .project-details .project-details-users .panel-heading {
  text-transform: uppercase;
}
.project-menu .project-details .project-details-users .panel-body {
  position: absolute;
  overflow-y: auto;
  top: 30px;
  bottom: 50px;
  left: 0;
  right: 0;
}
.project-menu .project-details .project-details-users .panel-body.expanded-users-list {
  bottom: 0;
}
.project-menu .project-details .project-details-users .panel-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.project-menu .project-member-item {
  margin-top: 10px;
  margin-bottom: 10px;
}
.project-menu .project-member-item .user-thumbnail {
  margin-right: 20px;
}

.projectinfo-opened .project-menu {
  opacity: 1;
}
.projectinfo-opened .sidebar {
  left: 0;
}
.projectinfo-opened .sidebar-content {
  left: 200px;
}

.sidebar-overlay {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
}

.accordion-btn.show + .accordion-content {
  display: block;
}

.accordion-content {
  display: none;
}

.map-tools,
.dashboard-button {
  position: absolute;
  z-index: 2;
  top: 94px;
  left: 15px;
  -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
}

.map-tools .nav > li > .btn,
.dashboard-button > .btn {
  display: block;
  padding: 0;
  width: 32px;
  height: 32px;
  color: #4c4c4c;
  background-color: #ffffff;
  border-width: 0;
  border-style: none;
  border-radius: 0px;
  text-align: center;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  line-height: 32px;
}
.map-tools .nav > li > .btn:hover,
.dashboard-button > .btn:hover {
  color: #0079c1;
  background-color: #e2f1fb;
}
.map-tools .nav > li > .btn.active,
.dashboard-button > .btn.active {
  background-color: #196fa6;
  color: #ffffff;
}
.map-tools .nav > li > .btn:focus,
.dashboard-button > .btn:focus {
  outline: none;
}
.map-tools .nav > li > .btn + .btn,
.dashboard-button > .btn + .btn {
  border-top: 1px solid #e0e0e0;
}

.dashboard-active .dashboard-li-3d > .btn {
  background-color: #196fa6;
  color: #ffffff;
}

.map-tools .panel {
  margin: 0;
  border: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.map-tools .panel-heading .btn-icon {
  float: right;
}
.map-tools .open > .btn {
  background-color: #196fa6;
  color: #ffffff;
}
.map-tools .dropdown-menu .bookmarks-pane .panel-body,
.map-tools .dropdown-menu .measurement-pane .panel-body {
  border-top: 1px solid #cccccc;
  padding: 0;
}
.map-tools .dropdown-menu .bookmarks-pane,
.map-tools .dropdown-menu .measurement-pane {
  width: 100%;
  min-width: 250px;
}
.map-tools .dropdown-menu .esriBookmarkLabel {
  width: 140px;
}
.map-tools .dropdown-menu .esriBookmarkItem:before {
  margin-right: 9px;
}
.map-tools .dropdown-menu .esriMeasurement .esriMeasurementResultLabel,
.map-tools .dropdown-menu .esriMeasurement .esriMeasurementResultValue,
.map-tools .dropdown-menu .esriMeasurement .esriMeasurementTableContainer,
.map-tools .dropdown-menu .esriMeasurement .result {
  background: #f8f8f8;
}
.map-tools .dropdown-menu .esriMeasurement .esriMeasurementResultLabel {
  border-top: 1px solid #cccccc;
}
.map-tools .dropdown-menu .esriMeasurement .esriMeasurementButtonContainer {
  margin-bottom: 0;
  padding: 10px;
}

.dashboard-button {
  top: 205px;
}

.locator-dropdown .dropdown-menu .panel-body {
  width: 233px;
  padding: 0;
}
.locator-dropdown .dropdown-menu .panel-body .hasMultipleSources .searchInput {
  max-width: 160px;
}
.locator-dropdown .dropdown-menu .arcgisSearch {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#tocContainer {
  background-color: #f8f8f8;
  margin: 0;
  position: absolute;
  top: 40px;
  left: -300px;
  bottom: 0;
  z-index: 6;
  overflow: visible;
}

.toc-opened #tocContainer {
  left: 0;
}

.TOC {
  left: 0;
  width: 300px;
  height: 100%;
}
.TOC .nav-tabs {
  background-color: #f4f4f4;
  border-bottom-color: #cccccc;
  padding: 8px 5px 0;
  font-weight: 500;
  display: flex;
  flex-direction: row;
}
.TOC .nav-tabs > li {
  margin-left: -1px;
  overflow: hidden;
}
.TOC .nav-tabs > li a {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.TOC.panel {
  border: 0;
}
.TOC > .panel-body {
  width: 100%;
  position: absolute;
  top: 40px;
  bottom: 0;
  display: flex;
  flex-direction: column;
}
.TOC > .panel-body .tab-pane {
  margin-top: 0;
}
.TOC > .panel-body .tab-content {
  -webkit-flex: 1;
  flex: 1;
  overflow: auto;
}
.TOC .panel-section {
  padding: 0;
  border-bottom: 1px solid #e0e0e0;
}
.TOC .panel-section.basemap-layer {
  background-color: #f4f4f4;
}
.TOC .section-header > .btn-icon {
  font-size: 14px;
  line-height: 1.42857;
  margin: 0;
  padding: 5px;
}
.TOC .section-header > .btn-icon [class^="esri-icon-"], .TOC .section-header > .btn-icon [class*=" esri-icon-"] {
  display: block;
}
.TOC .section-header:focus .btn-icon {
  color: #005f98;
}
.TOC .section-header .empty-icon {
  display: inline-block;
  width: 12px;
  margin: 0 5px;
}
.TOC .right > .dropdown-menu {
  position: fixed;
  width: 365px;
  margin: 0;
  margin-left: 15px;
  left: 298px;
}
.TOC .right > .dropdown-menu:before {
  content: none;
}
.TOC .right > .dropdown-menu .caret {
  top: 50%;
}
.TOC .dijitTreeRowHover,
.TOC .dijitTreeRowActive {
  background: rgba(0, 0, 0, 0.05);
}
.TOC .esriBasemapGalleryNode {
  white-space: normal;
}
.TOC .esriBasemapGalleryLabelContainer > * {
  vertical-align: top;
}

.toc-tree-node-inner {
  display: block;
  padding: 10px 0;
}
.toc-tree-node-inner > * {
  vertical-align: top;
}
.toc-tree-node-inner .dijitCheckBox {
  margin-right: 10px;
  position: relative;
  top: 2px;
}
.toc-tree-node-inner label {
  color: #4c4c4c;
  margin-bottom: 0;
  width: 185px;
  font-weight: normal;
}
.toc-tree-node-inner .context-menu {
  display: inline-block;
  float: right;
}

.toc-legend.panel,
.toc-jobs.panel {
  margin-bottom: 0;
  border: 0;
  border-bottom: 1px solid #cccccc;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.legend-items {
  display: none;
  padding: 15px;
  padding-left: 30px;
}

.legend-item {
  padding: 5px 0;
}

.legend-item-symbol {
  margin-right: 10px;
}

.show-legend .legend-items {
  display: block;
}

.toc-jobs .panel-body {
  padding: 0;
}
.toc-jobs .empty-data-label {
  position: static;
  padding: 15px;
  margin: 0;
}

.toc-opened .TOC {
  display: block;
}

.TOC > .panel-heading,
.toc-expando {
  border: 0;
  background-color: #005f98;
  height: 40px;
  padding: 10px 15px;
  color: #ffffff;
}
.TOC > .panel-heading [class^="esri-icon-"],
.TOC > .panel-heading [class*=" esri-icon-"],
.toc-expando [class^="esri-icon-"],
.toc-expando [class*=" esri-icon-"] {
  display: inline-block;
  margin-right: 10px;
  line-height: 1.25;
  line-height: 20px;
}
.TOC > .panel-heading .btn-icon,
.toc-expando .btn-icon {
  color: #ffffff;
  font-size: 14px;
  float: right;
  margin-right: 0;
}

.toc-expando {
  float: left;
  font-size: 14px;
  border-right: 1px solid #004575;
  overflow: hidden;
}
.toc-expando [class^="esri-icon-"],
.toc-expando [class*=" esri-icon-"],
.toc-expando [class^="gd-icon-"],
.toc-expando [class*=" gd-icon-"] {
  margin-right: 0;
}
.toc-expando:hover, .toc-expando:focus {
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.15);
  background-image: none;
}

.toc-opened .toc-expando {
  width: 0;
  padding: 10px 0;
}

.design-layers .section-header {
  background-color: #ffffff;
}
.design-layers .right .dropdown-menu {
  width: auto;
  top: 120px;
}

.studyarea-layer.section-header,
.data-layers.section-header {
  color: #005f98;
  font-weight: normal;
  border-top: 1px solid #e0e0e0;
}
.studyarea-layer.section-header > .btn,
.data-layers.section-header > .btn {
  width: 24px;
  height: 24px;
  line-height: 24px;
  margin-top: -2px;
  padding: 0;
  position: relative;
  overflow: hidden;
  transition: 200ms all ease-out;
  flex-shrink: 0;
}
.studyarea-layer.section-header > .btn [class^="esri-icon-"], .studyarea-layer.section-header > .btn [class*=" esri-icon-"],
.data-layers.section-header > .btn [class^="esri-icon-"],
.data-layers.section-header > .btn [class*=" esri-icon-"] {
  margin: 0;
  float: none;
}
.studyarea-layer.section-header > .btn:hover,
.data-layers.section-header > .btn:hover {
  width: 150px;
  color: #ffffff;
  background-color: #005f98;
  border-color: #005f98;
  padding-left: 10px;
  padding-right: 10px;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.studyarea-layer.section-header > .btn:hover .btn-icon-text,
.data-layers.section-header > .btn:hover .btn-icon-text {
  display: inline-block;
  margin-left: 5px;
}
.studyarea-layer.section-header .btn-icon-text,
.data-layers.section-header .btn-icon-text {
  display: none;
}
.studyarea-layer.section-header-3d,
.data-layers.section-header-3d {
  border-top-color: #efefef;
}

.basemap-layer .toc-tree-node {
  padding: 10px;
  padding-left: 21px;
}
.basemap-layer.right .mega-dropdown-menu {
  top: 400px;
}

.basemap-pane {
  min-height: 40px;
  margin: 0;
}

.gp-panel .panel-section.basemap-section {
  background-color: transparent;
}

.toc-context-menu {
  position: fixed;
  left: 290px;
  top: auto;
  margin: 0;
}

.context-menu-transparency {
  padding: 10px 15px 15px;
}
.context-menu-transparency label {
  max-width: 200px;
  white-space: normal;
  margin-bottom: 10px;
}
.context-menu-transparency .dijitSlider {
  width: 200px;
}

.context-menu-visible-range {
  padding: 10px 15px;
}
.context-menu-visible-range > label {
  display: block;
  margin-bottom: 10px;
}
.context-menu-visible-range > .actions {
  margin-bottom: 10px;
  float: right;
}
.context-menu-visible-range > .actions > a {
  margin-right: 5px;
}
.context-menu-visible-range .esriVisibleScaleRangeSlider {
  width: 300px;
}
.context-menu-visible-range .esriVisibleScaleRangeSlider .esriCurrentScaleIndicator {
  width: 9px;
  height: 9px;
  background: #ffffff;
  border: 2px solid #6e6e6e;
  margin-left: -4px;
  bottom: 4px;
  z-index: 100;
  border-radius: 50%;
}
.context-menu-visible-range .esriVisibleScaleRangeSlider .esriCurrentScaleIndicator:after {
  content: "";
  display: block;
  height: 14px;
  width: 1px;
  margin-top: 7px;
  background: rgba(0, 0, 0, 0.3);
  margin-left: 2px;
}

.TOC .dijitTreeContainer {
  float: none;
}
.TOC .dijitTreeIcon,
.TOC .dijitTreeLabel {
  display: none;
}
.TOC .toc-tree-node {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  width: 100%;
}
.TOC .toc-tree-node .toc-item-label {
  -webkit-flex: 1;
  flex: 1;
  display: inline-block;
  font-weight: 500;
  vertical-align: middle;
  white-space: normal;
  word-break: break-word;
  word-wrap: break-word;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 0;
}
.TOC .toc-tree-node .btn-icon,
.TOC .toc-tree-node .btn-group {
  margin-top: -5px;
}
.TOC .dijitTreeRow,
.TOC .toc-tree-row {
  min-height: 40px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  padding: 10px 10px 5px;
}
.TOC .dijitTreeRow .dijitCheckBox,
.TOC .dijitTreeRow .dijitTreeExpando,
.TOC .toc-tree-row .dijitCheckBox,
.TOC .toc-tree-row .dijitTreeExpando {
  margin-top: 1px;
}
.TOC .toc-tree-row {
  padding-left: 15px;
  transition: all 0.25s ease;
}
.TOC .toc-tree-row:hover {
  color: #4c4c4c;
  background-color: #e2f1fb;
}
.TOC .toc-tree-row.active {
  color: #0079c1;
  background-color: #aadbfa;
  position: relative;
}
.TOC .toc-tree-row.active:before {
  content: "";
  display: block;
  width: 3px;
  background-color: #0079c1;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: 2px;
}
.TOC .dijitTreeRowSelected .btn-icon {
  color: #196fa6;
}
.TOC .dijitTreeContent {
  -webkit-flex: 1;
  flex: 1;
}
.TOC .dijitTreeExpando {
  margin-left: 10px;
  font-size: 10px;
  text-align: center;
  font-family: 'CalciteWebCoreIcons';
  width: 16px;
}
.TOC .dijitTreeExpandoClosed:before {
  content: "\e607";
}
.TOC .dijitTreeExpandoOpened:before {
  content: "\e608";
}
.TOC .dijitTreeLabel {
  margin: 0;
}
.TOC .dijitAccordionTitleFocus {
  outline: 0;
}

.section-header-3d {
  opacity: .5;
  pointer-events: none;
}

.has-3d .section-header-3d {
  opacity: 1;
}

.toc-tree-row_studyarea .btn-group,
.toc-tree-row_studyarea .status-wrapper {
  display: none;
}
.toc-tree-row_studyarea:hover .btn-group {
  display: block;
}
.toc-tree-row_studyarea.active .btn-group {
  display: none;
}
.toc-tree-row_studyarea.active .status-wrapper {
  display: inline;
}
.toc-tree-row_studyarea.active .status-wrapper .calciteweb-label {
  cursor: pointer;
  transition: all 0.05s linear;
}
.toc-tree-row_studyarea.active .status-wrapper .calciteweb-label:hover {
  background-color: #c7461a;
}
.toc-tree-row_studyarea.active .status-wrapper .calciteweb-label .icon {
  vertical-align: middle;
}

*:hover > .hide-on-hover {
  display: none !important;
}

*:hover > .show-on-hover {
  display: inline !important;
}

.hide-design-layers [data-layer-type="design-layer"] {
  display: none;
}

.hide-data-layers [data-layer-type="data-layer"],
.hide-data-layers [data-layer-type="data-layer-3d"] {
  display: none;
}

.hide-study-areas [data-layer-type="studyarea"] {
  display: none;
}

.symbol-palette .dijitAccordionInnerContainer {
  border-left: 0;
  border-right: 0;
}

.symbol-palette {
  width: 240px;
}
.symbol-palette .panel-body {
  position: relative;
}
.symbol-palette .dijitContentPane {
  padding: 0;
}
.symbol-palette .no-group-label {
  padding-top: 6px;
  padding-bottom: 10px;
}
.symbol-palette .no-group-label .groupLabel {
  display: none;
}

.templatePicker {
  width: 100% !important;
}
.templatePicker .grid {
  height: auto !important;
  width: 100% !important;
}
.templatePicker .dojoxGridMasterHeader,
.templatePicker .dojoxGridMasterView,
.templatePicker .dojoxGridView,
.templatePicker .dojoxGridContent {
  height: auto !important;
  width: 100% !important;
}
.templatePicker .dojoxGridContent > div {
  position: relative !important;
}
.templatePicker .dojoxGridRowTable {
  width: 100%;
  border-collapse: separate;
  empty-cells: show;
}
.templatePicker .dojoxGridRowTable .groupLabel {
  position: relative;
  padding: 5px 15px;
  margin: 10px -10px 5px;
  font-weight: 500;
  font-size: 14px;
  border-top: 1px solid #e7e7e7;
}
.templatePicker .dojoxGridRow {
  margin: 0 10px;
}
.templatePicker .dojoxGridRow:first-child .groupLabel {
  border-top: 0;
  margin-top: 0;
}
.templatePicker .dojoxGridCell {
  width: 110px !important;
  border: 1px solid transparent;
  outline: none;
  vertical-align: top;
}
.templatePicker .dojoxGridCell .item {
  padding: 5px;
  overflow: hidden;
  word-wrap: break-word;
}
.templatePicker .dojoxGridCell .itemLabel {
  line-height: 1.25;
}
.templatePicker .selectedItem {
  border-color: #0079c1;
  background-color: #e2f1fb;
  color: #0079c1;
}

.dojoxGridHiddenFocus {
  display: none;
}

.dashboard {
  width: 450px;
  margin: 0;
  position: absolute;
  bottom: 10px;
}
.dashboard.modal-dialog {
  background-color: #f8f8f8;
}
.dashboard .dashboard-caption {
  display: none;
}
.dashboard.minimized .dashboard-caption, .dashboard.docked .dashboard-caption, .dashboard.maximized .dashboard-caption {
  display: block;
}
.dashboard.maximized, .dashboard.docked {
  height: auto;
  width: auto;
  left: 0;
  right: 0;
  margin-left: 0;
}
.dashboard.maximized.dashboard-left, .dashboard.docked.dashboard-left {
  right: 50%;
}
.dashboard.maximized.dashboard-right, .dashboard.docked.dashboard-right {
  left: 50%;
}
.dashboard.maximized.onscreen-modal .modal-body, .dashboard.docked.onscreen-modal .modal-body {
  padding: 10px 5px 0;
}
.dashboard.maximized .dashboard-bar, .dashboard.docked .dashboard-bar {
  display: none;
}
.dashboard.maximized .active-item-container, .dashboard.docked .active-item-container {
  display: none;
}
.dashboard.maximized .items-wrapper, .dashboard.docked .items-wrapper {
  display: block;
  overflow-y: auto;
  -moz-transition: top 0.3s ease-in-out;
  -o-transition: top 0.3s ease-in-out;
  -webkit-transition: top 0.3s ease-in-out;
  transition: top 0.3s ease-in-out;
}
.dashboard.maximized .dashboard-item, .dashboard.docked .dashboard-item {
  width: 100%;
  display: inline-block;
}
.dashboard.maximized.fixed > .modal-body, .dashboard.docked.fixed > .modal-body {
  width: 100%;
  position: absolute;
  bottom: 0;
  top: 32px;
  overflow: auto;
}
.dashboard.maximized .items-wrapper.compressed, .dashboard.docked .items-wrapper.compressed {
  top: 84px;
}
.dashboard.maximized .modal-footer, .dashboard.docked .modal-footer {
  opacity: 0;
}
.dashboard.maximized.fixed {
  top: 120px;
}
.dashboard.docked.fixed {
  height: 288px;
}
.dashboard.dashboard-right.maximized .items-wrapper.compressed {
  top: 35px;
}
.dashboard.minimized {
  margin-left: 0;
  left: 0;
  bottom: 0;
}
.dashboard.minimized .modal-body {
  display: none;
}
.dashboard.minimized .dashboard-bar {
  display: none;
}
.dashboard.minimized.dashboard-right {
  left: 50%;
}
.dashboard.minimized .settings-btn {
  display: none;
}
.dashboard.docked .modal-body {
  overflow-y: auto;
  max-height: 255px;
}
.dashboard.dashboard-center .item-selector .dijitButtonText > span {
  display: none;
}
.dashboard .item-selector .dijitDropDownButton .dijitButtonNode {
  border: 0;
  background: transparent;
  color: #ffffff;
}
.dashboard .item-selector .dijitDropDownButton .dijitButtonText {
  max-width: 150px;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.dashboard .item-selector .dijitDropDownButton .dijitButtonText > span {
  vertical-align: baseline;
}
.dashboard .item-selector .dijitDropDownButton .dijitArrowButtonInner {
  padding: 4px;
}
.dashboard .items-wrapper {
  display: none;
}
.dashboard .previous-item,
.dashboard .next-item {
  display: block;
  padding: 5px;
  color: #323232;
  font-size: 16px;
  margin-top: 3px;
  position: absolute;
  left: 0;
  top: 50%;
  text-align: center;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  -moz-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}
.dashboard .previous-item:hover,
.dashboard .next-item:hover {
  color: #4c4c4c;
  background-color: #e2f1fb;
}
.dashboard .previous-item:active, .dashboard .previous-item:focus,
.dashboard .next-item:active,
.dashboard .next-item:focus {
  color: #0079c1;
  background-color: #aadbfa;
}
.dashboard .next-item {
  left: auto;
  right: 0;
}
.dashboard.onscreen-modal .modal-body {
  padding: 10px 20px;
  overflow-x: hidden;
}
.dashboard.onscreen-modal.normal-size .modal-body {
  padding: 0;
}
.dashboard .modal-footer {
  display: block;
  background: #4c4c4c;
  color: white;
  border: none;
  height: 30px;
  line-height: 30px;
  padding: 0;
  margin-top: -30px;
  -moz-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}
.dashboard .modal-footer span {
  text-align: center;
  position: relative;
  float: left;
  left: 30%;
  width: 40%;
}
.dashboard .modal-footer .clear-btn {
  margin: 10px;
  color: white;
  display: none !important;
}
.dashboard.featuresSelected .modal-footer {
  opacity: 1;
  margin-top: 0px;
}
.dashboard.activeStudyArea .modal-header {
  background-color: #5a9359;
}

.dashboard-center-minimized #mainMap .esriScalebar,
.dashboard-center-minimized #mainMap .esriControlsBR,
.dashboard-left-minimized #mainMap .esriScalebar,
.dashboard-left-minimized #mainMap .esriControlsBR,
.dashboard-right-minimized #comparisonMap .esriScalebar,
.dashboard-right-minimized #comparisonMap .esriControlsBR {
  -moz-transition: all 200ms ease-out;
  -o-transition: all 200ms ease-out;
  -webkit-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
}
.dashboard-center-minimized #mainMap .modal-footer,
.dashboard-left-minimized #mainMap .modal-footer,
.dashboard-right-minimized #comparisonMap .modal-footer {
  display: none;
}

.dashboard-center-minimized #mainMap .esriScalebar,
.dashboard-left-minimized #mainMap .esriScalebar {
  bottom: 50px;
}
.dashboard-center-minimized #mainMap .esriControlsBR,
.dashboard-left-minimized #mainMap .esriControlsBR {
  bottom: 40px;
}

.dashboard-right-minimized #comparisonMap .esriScalebar {
  bottom: 50px;
}
.dashboard-right-minimized #comparisonMap .esriControlsBR {
  bottom: 40px;
}

.toc-opened .normal-size:not(.dragged).dashboard-left {
  margin-left: 225px;
}
.toc-opened .normal-size:not(.dragged).dashboard-right {
  margin-left: 75px;
}
.toc-opened .maximized,
.toc-opened .docked {
  left: 299px;
}
.toc-opened .maximized.dashboard-left,
.toc-opened .docked.dashboard-left {
  margin-right: -149px;
}
.toc-opened .maximized.dashboard-right,
.toc-opened .docked.dashboard-right {
  margin-left: 150px;
}
.toc-opened .minimized {
  left: 300px;
}
.toc-opened .minimized.dashboard-right {
  margin-left: 150px;
}

.dashboard-item {
  padding: 0 5px 10px;
}
.dashboard-item .panel {
  background-color: #ffffff;
  border: 1px solid darkgray;
  margin: 0;
}
.dashboard-item .panel-heading {
  padding: 5px;
  border-bottom: 1px solid darkgray;
  text-align: center;
  position: relative;
}
.dashboard-item .panel-heading > * {
  vertical-align: middle;
}
.dashboard-item .panel-heading .panel-title {
  max-width: 300px;
  display: inline-block;
  overflow-x: hidden;
  white-space: nowrap;
  text-align: center;
  text-overflow: ellipsis;
}
.dashboard-item .panel-heading .actions {
  position: absolute;
  top: 2px;
  right: 0;
}
.dashboard-item .panel-body {
  padding: 0;
  height: 200px;
  overflow: hidden;
  position: relative;
}
.dashboard-item .panel-footer {
  padding: 0;
  background-color: transparent;
  border: 0;
  position: relative;
}
.dashboard-item .panel-footer .sub-caption {
  text-align: center;
  font-size: smaller;
  background-color: #ffffff;
  padding: 5px;
  margin: 0;
  position: absolute;
  bottom: 0;
  width: 100%;
}
.dashboard-item .gd-icon-chart-clone {
  font-size: 16px;
  position: relative;
  top: 2px;
}

.normal-size .dashboard-item {
  padding: 0;
}
.normal-size .dashboard-item .panel {
  border: 0;
}

.chart-item .plot-type,
.chart-item .secondary-warning {
  width: 50%;
  height: 100%;
  float: left;
  vertical-align: top;
  -moz-transition: all 200ms ease-out;
  -o-transition: all 200ms ease-out;
  -webkit-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
}
.chart-item .plot-type {
  padding: 5px 10px;
}
.chart-item .plot-type.second-plot-type {
  border-left: 1px dashed #cccccc;
}
.chart-item .secondary-warning {
  padding: 10px;
}
.chart-item .secondary-warning .alert {
  margin-right: 20px;
  margin-bottom: 0;
}
.chart-item .secondary-collapse {
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  z-index: 1;
}
.chart-item .secondary-collapse .expand-button {
  padding: 10px;
  background: #ffffff;
  position: absolute;
  top: 50%;
  margin-left: -16px;
  margin-top: -20px;
}
.chart-item .plot-header {
  text-align: center;
}
.chart-item .plot-header > * {
  display: inline-block;
}
.chart-item .plot-header .btn {
  border-left: 1px solid #e0e0e0;
  padding: 0 10px;
}
.chart-item .plot-header .btn-icon {
  color: inherit;
}
.chart-item .plot-renderer {
  text-align: center;
  width: 150px;
  height: 120px;
  margin: 5px auto;
  position: relative;
}
.chart-item .plot-renderer svg {
  overflow: visible;
  width: auto !important;
  height: auto !important;
}
.chart-item .alert {
  height: 100%;
}

.kpi-item .renderer {
  width: 200px;
  height: 150px;
  margin: 10px auto;
  position: relative;
}
.kpi-item .renderer svg {
  overflow: visible;
  width: auto !important;
  height: auto !important;
}

.kpi-gauge {
  height: 100%;
  width: 100%;
}

.kpi-numeric {
  display: flex;
  align-items: center;
  height: 100%;
}
.kpi-numeric .indicator-text {
  width: 100%;
  margin-bottom: 0;
}
.kpi-numeric .indicator-text:not(.no-data-message) {
  margin: 0 auto;
  text-align: center;
  color: #595959;
  font-size: 3rem;
  font-weight: 800;
}

.plot-type {
  position: relative;
}
.plot-type .item-segment .caption {
  width: 120px;
  padding: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}
.plot-type .item-segment .dijitSelect {
  border: 0;
  padding: 0 5px;
}
.plot-type .item-segment .dijitSelect .dijitButtonContents,
.plot-type .item-segment .dijitSelect .dijitArrowButton {
  padding: 5px;
}
.plot-type .item-segment .dijitSelect .dijitButtonContents {
  padding-right: 0;
}
.plot-type .item-segment .dijitSelect .dijitArrowButton {
  padding-left: 0;
}
.plot-type .item-segment .dijitSelect .dijitButtonText {
  font-size: 12px;
}
.plot-type .item-segment .dijitSelect .dijitSelectLabel {
  width: 110px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}

.dashboard-item-status {
  display: none;
  position: absolute;
  top: 0;
}
.dashboard-item-status.incomplete {
  display: block;
  color: #da4d1e;
}

.kpi-editor-dialog .modal-dialog,
.chart-editor-dialog .modal-dialog {
  width: 650px;
}

.kpi-editor,
.chart-editor {
  padding: 15px 0;
}
.kpi-editor .form-group > *,
.chart-editor .form-group > * {
  vertical-align: middle;
}
.kpi-editor .range-form .range-inputs .dijitTextBox,
.kpi-editor .target-form .dijitTextBox,
.chart-editor .range-form .range-inputs .dijitTextBox,
.chart-editor .target-form .dijitTextBox {
  width: 80px;
  text-align: center;
}
.kpi-editor .range-form,
.chart-editor .range-form {
  padding-top: 20px;
}
.kpi-editor .range-inputs,
.chart-editor .range-inputs {
  display: inline-block;
  position: relative;
}
.kpi-editor .range-inputs .dijitTextBox,
.chart-editor .range-inputs .dijitTextBox {
  margin-right: 5px;
}
.kpi-editor .range-labels,
.chart-editor .range-labels {
  padding: 0 40px;
  width: 100%;
  position: absolute;
  top: -11px;
}
.kpi-editor .kpi-abbrev,
.chart-editor .kpi-abbrev {
  display: block;
  float: left;
  width: 33%;
  text-align: center;
  border: 1px solid #e0e0e0;
  border-bottom: 0;
  height: 8px;
}
.kpi-editor .kpi-abbrev + .kpi-abbrev,
.chart-editor .kpi-abbrev + .kpi-abbrev {
  margin-left: -1px;
}
.kpi-editor .kpi-abbrev small,
.chart-editor .kpi-abbrev small {
  background-color: #f4f8fb;
  color: #cccccc;
  padding: 0 10px;
  font-weight: bold;
  position: relative;
  top: -11px;
}
.kpi-editor .reverse .esri-icon-refresh,
.chart-editor .reverse .esri-icon-refresh {
  padding: 0 5px;
  margin: 0;
}
.kpi-editor .form-group-secondary,
.chart-editor .form-group-secondary {
  margin-left: -15px;
  margin-right: -15px;
  padding-left: 15px;
  padding-right: 15px;
  border-left: 0;
  border-right: 0;
}
.kpi-editor .form-group-secondary .form-group,
.chart-editor .form-group-secondary .form-group {
  margin-left: 0;
  margin-right: 0;
}
.kpi-editor .type-numeric .form-group-secondary,
.chart-editor .type-numeric .form-group-secondary {
  display: none;
}

.slider-row .dijitSlider {
  margin: 5px 0;
}

.form-group .dijitRadio {
  margin-right: 10px;
}

.dijitTooltipDialog.multi-action-dialog .dijitTooltipContainer .dijitTooltipContents {
  padding: 0;
}

.multi-action-dialog .dijitMenu {
  width: 100%;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
}
.multi-action-dialog .menu-in-dropdown {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.multi-action-dialog .menu-in-dropdown a {
  padding: 10px;
  text-decoration: none;
  display: block;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.multi-action-dialog .menu-in-dropdown a:hover {
  background-color: rgba(0, 0, 0, 0.15);
}

@media (min-width: 768px) {
  .dashboard.maximized .dashboard-item, .dashboard.docked .dashboard-item {
    width: 50%;
  }
}
@media (min-width: 1200px) {
  .dashboard.maximized .dashboard-item, .dashboard.docked .dashboard-item {
    width: 33.3333333333%;
  }
}
@media (min-width: 1600px) {
  .dashboard.maximized .dashboard-item, .dashboard.docked .dashboard-item {
    width: 25%;
  }
}

@media (min-width: 1068px) {
  .toc-opened .dashboard.maximized .dashboard-item, .toc-opened .dashboard.docked .dashboard-item {
    width: 50%;
  }
}
@media (min-width: 1500px) {
  .toc-opened .dashboard.maximized .dashboard-item, .toc-opened .dashboard.docked .dashboard-item {
    width: 33.3333333333%;
  }
}
@media (min-width: 1900px) {
  .toc-opened .dashboard.maximized .dashboard-item, .toc-opened .dashboard.docked .dashboard-item {
    width: 25%;
  }
}

@media (max-width: 1535px) {
  .split-mode .maximized .dashboard-item,
  .split-mode .docked .dashboard-item {
    width: 100%;
  }
}
@media (min-width: 1536px) {
  .split-mode .maximized .dashboard-item,
  .split-mode .docked .dashboard-item {
    width: 50%;
  }
}
@media (min-width: 2400px) {
  .split-mode .maximized .dashboard-item,
  .split-mode .docked .dashboard-item {
    width: 33.3333333333%;
  }
}
@media (min-width: 3200px) {
  .split-mode .maximized .dashboard-item,
  .split-mode .docked .dashboard-item {
    width: 25%;
  }
}
@media (max-width: 1835px) {
  .split-mode.toc-opened .maximized .dashboard-item,
  .split-mode.toc-opened .docked .dashboard-item {
    width: 100%;
  }
}
@media (min-width: 1836px) {
  .split-mode.toc-opened .maximized .dashboard-item,
  .split-mode.toc-opened .docked .dashboard-item {
    width: 50%;
  }
}
@media (min-width: 2700px) {
  .split-mode.toc-opened .maximized .dashboard-item,
  .split-mode.toc-opened .docked .dashboard-item {
    width: 33.3333333333%;
  }
}
@media (min-width: 3500px) {
  .split-mode.toc-opened .maximized .dashboard-item,
  .split-mode.toc-opened .docked .dashboard-item {
    width: 25%;
  }
}

.dashboard-disclaimer {
  position: absolute;
  left: 50%;
  width: 320px;
  margin-left: -160px;
  bottom: 12%;
  margin-top: -15px;
  padding: 5px;
  line-height: 12px;
  font-size: 10px;
  z-index: 99;
  background: #111;
  color: white;
  text-align: center;
  opacity: .5;
  border-radius: 12px;
  display: none;
}

.show3s {
  -moz-animation: cssAnimation 1s ease-in 5s forwards;
  -webkit-animation: cssAnimation 1s ease-in 5s forwards;
  -o-animation: cssAnimation 1s ease-in 5s forwards;
  animation: cssAnimation 1s ease-in 5s forwards;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@keyframes cssAnimation {
  to {
    opacity: 0;
    visibility: hidden;
  }
}
@-webkit-keyframes cssAnimation {
  to {
    opacity: 0;
    visibility: hidden;
  }
}
body.mode-3d .dashboard.kpi-visible-features .kpi-item .dashboard-disclaimer,
body.mode-3d .dashboard.chart-visible-features .chart-item .dashboard-disclaimer {
  display: block;
}

.constants .list {
  margin: 10px 0;
}
.constants .list form {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.constants .list label {
  flex: 1 0 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.constants .list label .dijitTextBox {
  flex: 1 0 auto;
  margin: 0 5px;
}
.constants .list label + label {
  margin-left: 10px;
}

.constants-dialog .add-button {
  margin: 0;
  float: left;
}

.dropdown-menu .scenario-choices {
  min-width: 280px;
  max-height: 70vh;
  overflow-y: auto;
  margin: 0;
  padding: 0;
}
.dropdown-menu .scenario-actions {
  width: 100%;
  margin-top: -9px;
  margin-bottom: -5px;
}
.dropdown-menu .scenario-actions .btn {
  width: 50%;
}
.dropdown-menu .scenario-actions [class^="gd-icon-"], .dropdown-menu .scenario-actions [class*=" gd-icon-"] {
  font-size: 16px;
}
.dropdown-menu .scenarioChoiceNoneOpen {
  padding: 5px 10px;
}
.dropdown-menu .scenario-choice-item {
  display: block;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.dropdown-menu .scenario-choice-item a {
  padding-right: 10px;
  padding-left: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  text-decoration: none;
}
.dropdown-menu .scenario-choice-item .scenario-name-label {
  width: 180px;
  margin-right: 15px;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-flex: 1;
  flex: 1;
}
.dropdown-menu .scenario-choice-item:hover {
  background-color: #e2f1fb;
}
.dropdown-menu .scenario-choice-item:focus {
  outline: none;
}
.dropdown-menu .scenario-choice-item.active {
  background-color: #007ac2;
}
.dropdown-menu .scenario-choice-item.active,
.dropdown-menu .scenario-choice-item.active a,
.dropdown-menu .scenario-choice-item.active a button {
  color: white;
}
.dropdown-menu .scenario-choice-item .btn-group .btn + .btn {
  margin-left: 5px;
}

.active > a > .btn-link, .active > a > .btn-link:hover, .active > a > .btn-link:focus {
  color: inherit !important;
}
.active > a > .btn-link[disabled], .active > a > .btn-link[disabled]:hover, .active > a > .btn-link[disabled]:focus {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65);
  opacity: 0.65;
}

.evaluate .switch-toggle-group {
  display: none;
}

#comparisonMapSeparator {
  width: 2px;
  position: absolute;
  top: 0px;
  left: 50%;
  margin-left: -1px;
  background-color: black;
  border-right: 1px solid white;
  bottom: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}

.split-mode #mainMap,
.split-mode #comparisonMap {
  width: 50%;
  position: absolute;
  top: 0;
}
.split-mode #mainMap {
  left: 0;
}
.split-mode #comparisonMap {
  display: block;
  right: 0;
}
.split-mode #comparisonMapSeparator {
  display: block;
}

.map-2d .scenario-select,
.map-2d .layer-select {
  display: none;
}

.scenario-select .dropdown-toggle,
.layer-select .dropdown-toggle {
  display: flex;
  align-items: center;
}
.scenario-select .dropdown-toggle.btn-default,
.layer-select .dropdown-toggle.btn-default {
  color: #4c4c4c;
  background-color: #ffffff;
  border: 1px solid #e0e0e0;
  text-align: left;
}
.scenario-select .dropdown-toggle.btn-default:hover,
.layer-select .dropdown-toggle.btn-default:hover {
  color: #0079c1;
  background-color: #e2f1fb;
}
.scenario-select .dropdown-toggle.btn-default.active,
.layer-select .dropdown-toggle.btn-default.active {
  background-color: #196fa6;
  color: #ffffff;
}
.scenario-select .dropdown-toggle.btn-default:focus,
.layer-select .dropdown-toggle.btn-default:focus {
  border-color: #196fa6;
  background-color: #aadbfa;
}
.scenario-select .dropdown-toggle:focus,
.layer-select .dropdown-toggle:focus {
  outline: none;
}
.scenario-select .dropdown-toggle .dropdown-label,
.layer-select .dropdown-toggle .dropdown-label {
  max-width: 100%;
  flex: 1 0 auto;
}

.split-mode #mapsContainer .scenario-select,
.swipe-mode .layer-select {
  display: block;
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 32;
  max-width: 90%;
}

.split-mode #mapsContainer .scenario-select .scenario-choices {
  max-height: 60vh;
}

.split-mode .map .dropdown-toggle,
.swipe-mode .map .dropdown-toggle {
  border-width: 0;
  box-shadow: 0px 1px 3px rgba(51, 51, 51, 0.55);
}

.esriAnalysis,
.analysis-scenario-concensus {
  background: #ffffff;
}

.analysis .assess-select-layer {
  background-color: #ffffff;
  border-bottom: 1px solid #cccccc;
  padding-bottom: 25px;
}
.analysis .assess-select-layer label {
  display: block;
}
.analysis > .panel {
  width: 400px;
}
.analysis > .panel > .panel-body {
  display: flex;
  flex-direction: column;
}

/* feautre layer list dropdowns */
.input-layer-widget {
  width: 100%;
}
.input-layer-widget.dijitSelect {
  table-layout: fixed;
}
.input-layer-widget.dijitSelect .dijitButtonContents {
  width: 100%;
}
.input-layer-widget.dijitSelect .dijitArrowButton {
  width: 32px;
}
.input-layer-widget.dijitSelect .dijitButtonText {
  width: 100%;
}
.input-layer-widget.dijitSelect .dijitSelectLabel {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.5;
  vertical-align: top;
  text-align: left;
}

.design-subtypes-dropDown {
  margin: 0;
  margin-left: -1px;
}
.design-subtypes-dropDown .dijitButtonNode .dijitIcon {
  margin-right: 0;
}

.input-layer-widget,
.design-subtypes-dropDown {
  margin-top: 10px;
}

.has-design-subtypes .analysis-layer-select {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.exportGPWidget,
.assess-GP-widget {
  width: 100%;
  background-color: transparent;
  margin-top: -1px;
  overflow-y: auto;
  overflow-x: hidden;
  flex: 1 0 auto;
  position: relative;
}
.exportGPWidget > .panel,
.assess-GP-widget > .panel {
  border: 0;
  border-bottom: 1px solid #cccccc;
  border-top: 2px solid #007ac2;
}
.exportGPWidget.noInputLayer,
.assess-GP-widget.noInputLayer {
  top: 0;
}
.exportGPWidget.noInputLayer > .esriAnalysis.panel,
.assess-GP-widget.noInputLayer > .esriAnalysis.panel {
  border-top: 0;
}

.analysis-scenario-concensus-layers .panel-heading {
  border-bottom: 1px solid #cccccc;
}
.analysis-scenario-concensus-layers .panel-title {
  line-height: 30px;
}
.analysis-scenario-concensus-layers .panel-body {
  padding: 0;
}
.analysis-scenario-concensus-layers .wizard-header {
  background-color: transparent;
  padding-top: 10px;
  padding-bottom: 10px;
}
.analysis-scenario-concensus-layers .wizard-header .bullet-number {
  vertical-align: middle;
  margin-right: 5px;
  position: static;
}
.analysis-scenario-concensus-layers .wizard-header label {
  vertical-align: middle;
  font-size: larger;
  margin-bottom: 0;
}
.analysis-scenario-concensus-layers .wizard-header .btn-group {
  top: -5px;
}
.analysis-scenario-concensus-layers .wizard-content .dijitSelect {
  width: 100%;
}
.analysis-scenario-concensus-layers .wizard-content .dijitSelect .dijitStretch {
  width: 100%;
}
.analysis-scenario-concensus-layers .wizard-content .btn-block-group {
  width: 100%;
}
.analysis-scenario-concensus-layers .wizard-content .btn-block-group > .btn,
.analysis-scenario-concensus-layers .wizard-content .btn-block-group > .dropdown {
  width: 33.333%;
}

.analysis-scenario-concensus-output-name {
  padding: 10px 15px;
}
.analysis-scenario-concensus-output-name .dijitTextBox {
  display: block;
  width: 100%;
  margin-top: 10px;
}

.analysis-scenario-concensus .esriAnalysis .dijitContentPane:after {
  background: #fff;
}

.weighted-overlay .gp-panel {
  width: 400px;
}
.weighted-overlay .gp-panel > .panel-body {
  background-color: #ffffff;
  position: relative;
  overflow: hidden;
}
.weighted-overlay .gp-panel > .panel-body > div {
  height: 100%;
}
.weighted-overlay .item-card {
  padding: 0;
  width: 100%;
}

.wro-browse-container {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.wro-top-bar {
  padding-top: 10px;
  padding-bottom: 0;
}
.wro-top-bar .search-box {
  margin-right: 0;
}
.wro-top-bar .search-scope-bar {
  padding-top: 10px;
}
.wro-top-bar .search-scope-bar .btn-group > .btn {
  font-size: inherit;
  padding-left: 4px;
  padding-right: 4px;
  margin: 0;
}
.wro-top-bar .search-scope-bar .btn-group > .btn + .btn {
  margin-left: 5px;
}

.wro-sort-bar {
  padding-top: 5px;
  padding-bottom: 5px;
}
.wro-sort-bar .switch-toggle-group {
  padding: 5px 0;
}

.wro-browse-pane .project-card {
  margin-bottom: 10px;
}

.weighted-overlay-widget {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.weighted-overlay-pane {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  overflow-y: hidden;
  display: flex;
  flex-direction: column;
}
.weighted-overlay-pane .panel, .weighted-overlay-pane.panel {
  border: 0;
  margin-bottom: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.weighted-overlay-pane > .panel-body {
  padding: 0;
  width: 100%;
  overflow: auto;
  z-index: 1;
  -moz-transition: top, 0.2s, ease;
  -o-transition: top, 0.2s, ease;
  -webkit-transition: top, 0.2s, ease;
  transition: top, 0.2s, ease;
  flex-grow: 1;
  overflow: auto;
}
.weighted-overlay-pane .panel-footer {
  background: #ffffff;
}
.weighted-overlay-pane .panel-footer .btn {
  text-transform: uppercase;
  white-space: normal;
}
.weighted-overlay-pane .panel-footer .btn-back {
  min-width: 120px;
  text-align: left;
  margin-left: -15px;
}
.weighted-overlay-pane .panel-footer .btn-group-spacer {
  width: 50px;
}
.weighted-overlay-pane .wizard-header {
  border-bottom: 1px solid #cccccc;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.weighted-overlay-pane .wizard-header h4 {
  margin-bottom: 0;
  flex: 1;
}
.weighted-overlay-pane .wizard-header .model-colormap .dijitArrowButtonInner {
  padding-right: 0;
}

.weighted-overlay-select-layers > .panel-heading {
  -moz-transition: padding-bottom, 0.2s, ease;
  -o-transition: padding-bottom, 0.2s, ease;
  -webkit-transition: padding-bottom, 0.2s, ease;
  transition: padding-bottom, 0.2s, ease;
}
.weighted-overlay-select-layers > .panel-footer .btn {
  width: 100%;
}
.weighted-overlay-select-layers > .panel-footer .esri-icon-right-arrow {
  margin: 0;
  position: relative;
  top: -1px;
  right: -10px;
  vertical-align: middle;
}

.transparency-container {
  background-color: #efefef;
  border-top: 1px solid #e7e7e7;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transition: opacity 0.2s ease 0.1s;
  -o-transition: opacity 0.2s ease 0.1s;
  -webkit-transition: opacity 0.2s ease;
  -webkit-transition-delay: 0.1s;
  transition: opacity 0.2s ease 0.1s;
}

.transparency-slider-show > .panel-heading {
  padding-bottom: 65px;
  position: relative;
}
.transparency-slider-show .transparency-container {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.transparency-slider-show .modeler-transparency-slider {
  display: inline-block;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding-left: 15px;
  padding-right: 15px;
}
.transparency-slider-show.weighted-overlay-pane .panel-body {
  top: 96px;
}

.weighted-overlay-layer-selector {
  padding: 10px 15px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
}
.weighted-overlay-layer-selector label {
  -webkit-flex: 1;
  flex: 1;
  display: inline-block;
  font-weight: 500;
  vertical-align: middle;
  white-space: normal;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 0;
}
.weighted-overlay-layer-selector:hover, .weighted-overlay-layer-selector:active {
  background: rgba(0, 0, 0, 0.05);
}
.weighted-overlay-layer-selector .btn-group .btn-switch-toggle {
  margin: 8px 3px;
  height: 14px;
  width: 24px;
}
.weighted-overlay-layer-selector .btn-group .btn-switch-toggle:before {
  height: 10px;
  width: 10px;
}
.weighted-overlay-layer-selector .btn-group .btn-switch-toggle.checked:before {
  right: 12px;
}

.weighted-overlay-design-model [class^="col-"],
.weighted-overlay-design-model [class*=" col-"] {
  padding: 0;
}

.weighted-overlay-model-designer {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.weighted-overlay-model-designer > .panel-body {
  padding: 0;
  flex-grow: 1;
  overflow: auto;
  display: flex;
  flex-direction: column;
}
.weighted-overlay-model-designer > .panel-body .weighted-overlay-layer-editors {
  flex-grow: 1;
}

.modeler-color-ramp {
  font-size: smaller;
  font-weight: 400;
}
.modeler-color-ramp .modeler-color-ramp-colors {
  margin-left: 2px;
  margin-right: 2px;
}
.modeler-color-ramp .modeler-color-ramp-color {
  display: inline-block;
  width: 5px;
  height: 8px;
}

.layer-visibility {
  display: none;
}

.weighted-overlay-layer-editor .layer-row {
  padding: 10px 15px;
}
.weighted-overlay-layer-editor .layer-row .title {
  display: inline-block;
  position: static;
  width: 280px;
  line-height: 30/12;
  line-height: 30px;
  cursor: pointer;
}
.weighted-overlay-layer-editor .layer-row .title label {
  margin-right: 5px;
  margin-bottom: 0;
}
.weighted-overlay-layer-editor .layer-row .value {
  float: right;
  margin-right: -10px;
}
.weighted-overlay-layer-editor .layer-row .value .dijitTextBox {
  width: 5em;
  text-align: center;
}
.weighted-overlay-layer-editor .layer-row .value .dijitTextBox .dijitValidationContainer {
  display: none;
}
.weighted-overlay-layer-editor .layer-row .value .dijitInputField {
  padding: 5px 0;
}
.weighted-overlay-layer-editor .layer-row .gd-icon-sliders {
  display: inline-block;
  margin-left: 5px;
  margin-right: 10px;
  color: #005f98;
  float: right;
}
.weighted-overlay-layer-editor .layer-row .gd-icon-sliders:before {
  line-height: 30/14;
  line-height: 30px;
  font-size: 14px;
}

.layer-ranges {
  clear: both;
}
.layer-ranges > div {
  position: relative;
}
.layer-ranges > div:before {
  font-family: 'CalciteWebCoreIcons';
  content: "\e609";
  position: absolute;
  top: -14px;
  left: 271px;
  color: #005f98;
  font-size: 14px;
}

.remap-ranges-editor {
  background-color: #f8f8f8;
  border-top: 1px solid #005f98;
  border-bottom: 1px solid #005f98;
  padding: 10px 15px;
}
.remap-ranges-editor .dijitTextBox {
  width: 4em;
  text-align: center;
}
.remap-ranges-editor .dijitTextBox .dijitValidationContainer {
  display: none;
}
.remap-ranges-editor .dijitInputField {
  padding: 5px 0;
}
.remap-ranges-editor .dijitSliderButtonContainer {
  font-family: "FontAwesome";
}
.remap-ranges-editor .dijitSliderButtonContainer .dijitSliderDecrementIconH {
  line-height: 20px;
  width: 20px;
  border: 1px solid #e0e0e0;
}
.remap-ranges-editor .dijitSliderButtonContainer .dijitSliderIncrementIconH {
  line-height: 20px;
  width: 20px;
  border: 1px solid #e0e0e0;
}

.remap-ranges-editor-table {
  width: 100%;
}

.reclass-range-editor {
  border-bottom: solid transparent 5px;
}
.reclass-range-editor .reclass-range-editor-label {
  width: 210px;
  font-weight: 500;
  font-size: smaller;
}

.modeler-transparency-slider {
  display: none;
  margin: 15px;
}

.weight-pct-total {
  font-weight: bold;
  padding: 10px 15px;
  border-left: 0;
  border-right: 0;
}
.weight-pct-total:before, .weight-pct-total:after {
  content: " ";
  display: table;
}
.weight-pct-total:after {
  clear: both;
}
.weight-pct-total .weight-pct-label {
  float: left;
}
.weight-pct-total .weight-pct-total-wrapper {
  float: right;
}

.locale-de .weighted-overlay-design-model .panel-footer,
.locale-de .weighted-overlay-design-model .panel-footer .btn-group,
.locale-el .weighted-overlay-design-model .panel-footer,
.locale-el .weighted-overlay-design-model .panel-footer .btn-group,
.locale-et .weighted-overlay-design-model .panel-footer,
.locale-et .weighted-overlay-design-model .panel-footer .btn-group,
.locale-fi .weighted-overlay-design-model .panel-footer,
.locale-fi .weighted-overlay-design-model .panel-footer .btn-group,
.locale-fr .weighted-overlay-design-model .panel-footer,
.locale-fr .weighted-overlay-design-model .panel-footer .btn-group {
  display: -webkit-flex;
  display: flex;
}

.locale-it .weighted-overlay-pane .panel-footer .btn-back,
.locale-lv .weighted-overlay-pane .panel-footer .btn-back,
.locale-pt-pt .weighted-overlay-pane .panel-footer .btn-back,
.locale-ru .weighted-overlay-pane .panel-footer .btn-back {
  min-width: 90px;
}

.locale-el .weighted-overlay-design-model .panel-footer .btn,
.locale-fi .weighted-overlay-design-model .panel-footer .btn,
.locale-fr .weighted-overlay-design-model .panel-footer .btn {
  font-size: 10px;
}

.locale-el .weighted-overlay-design-model .panel-footer .btn,
.locale-pl .weighted-overlay-design-model .panel-footer .btn,
.locale-fi .weighted-overlay-design-model .panel-footer .btn,
.locale-it .weighted-overlay-design-model .panel-footer .btn,
.locale-pt-pt .weighted-overlay-design-model .panel-footer .btn,
.locale-ro .weighted-overlay-design-model .panel-footer .btn,
.locale-ru .weighted-overlay-design-model .panel-footer .btn {
  padding-left: 5px;
  padding-right: 5px;
}
.locale-el .weighted-overlay-design-model .panel-footer .btn-group-spacer,
.locale-pl .weighted-overlay-design-model .panel-footer .btn-group-spacer,
.locale-fi .weighted-overlay-design-model .panel-footer .btn-group-spacer,
.locale-it .weighted-overlay-design-model .panel-footer .btn-group-spacer,
.locale-pt-pt .weighted-overlay-design-model .panel-footer .btn-group-spacer,
.locale-ro .weighted-overlay-design-model .panel-footer .btn-group-spacer,
.locale-ru .weighted-overlay-design-model .panel-footer .btn-group-spacer {
  width: 20px;
}

.locale-cs .wizard-header h4,
.locale-el .wizard-header h4,
.locale-fr .wizard-header h4,
.locale-lv .wizard-header h4,
.locale-ro .wizard-header h4 {
  font-size: 16px;
  line-height: 1.5;
}

.kpi-settings-dialog .modal-header .btn-group {
  margin: -5px 0;
  margin-right: 25px;
}
.kpi-settings-dialog .modal-body {
  height: 450px;
  border: 0;
}
.kpi-settings-dialog .modal-body .panel {
  margin-bottom: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.kpi-settings-dialog .modal-body .panel-body {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 61px;
  width: 100%;
}
.kpi-settings-dialog .modal-body .modal-footer {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}

.kpi-settings,
.kpi-settings .panel {
  height: 100%;
}

.kpi-report {
  width: 450px;
  position: absolute;
  bottom: 10px;
}
.kpi-report .modal-body {
  padding: 0;
  overflow: hidden;
}
.kpi-report .dgrid {
  min-height: 200px;
  height: 100%;
  border: 0;
}
.kpi-report .dgrid.long-grid .dgrid-cell {
  width: 100px;
}

.chart-report .gp-panel,
.baseline-report .gp-panel {
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
}
.chart-report .panel-body,
.baseline-report .panel-body {
  padding: 15px;
  background-color: #ffffff;
  box-shadow: none;
}
.chart-report .panel-footer,
.baseline-report .panel-footer {
  background-color: #ffffff;
}
.chart-report .panel-footer .btn,
.baseline-report .panel-footer .btn {
  width: 100%;
  margin: 0 auto;
  display: block;
  text-transform: uppercase;
}
.chart-report .panel-footer .btn .loading-spinner,
.baseline-report .panel-footer .btn .loading-spinner {
  color: #ffffff;
}
.chart-report .dijitSelect,
.chart-report .dijitSelect .dijitStretch,
.baseline-report .dijitSelect,
.baseline-report .dijitSelect .dijitStretch {
  width: 100%;
}
.chart-report .dijitDropDownButton,
.chart-report .dijitDropDownButton .dijitButtonNode,
.baseline-report .dijitDropDownButton,
.baseline-report .dijitDropDownButton .dijitButtonNode {
  width: 100%;
}
.chart-report .dijitDropDownButton .dijitStretch,
.baseline-report .dijitDropDownButton .dijitStretch {
  display: flex;
  align-items: center;
}
.chart-report .dijitDropDownButton .dijitStretch .dijitButtonText,
.baseline-report .dijitDropDownButton .dijitStretch .dijitButtonText {
  flex-grow: 1;
}

.rptmsg {
  font-style: italic;
  font-size: 10px;
}

.chart-report .rptmsg {
  margin-top: 4px;
}

body.role-viewer .role-viewer-hidden,
body.role-feature-viewer .role-feature-viewer-hidden,
body.mode-lite .mode-lite-hidden {
  display: none;
}

.attributes > .gp-panel {
  width: 400px;
}

.esriAttributeInspector {
  overflow-y: auto;
  height: calc(100% - 52px);
}

.atiLayerName,
.atiAttributes {
  background-color: #ffffff;
}

.atiLayerName {
  padding: 10px 15px;
  color: #196fa6;
  font-size: 14px;
  margin-bottom: 0;
}

.atiAttributes {
  padding: 5px 15px;
}
.atiAttributes table > tbody tr {
  border-bottom: solid transparent 5px;
}
.atiAttributes table > tbody tr .atiLabel {
  width: 170px;
}
.atiAttributes table > tbody tr td:nth-child(2) {
  width: 200px;
}
.atiAttributes table > tbody .dijitTextBox {
  width: 100%;
}

.attachmentEditor {
  border-top: 1px solid #cccccc;
  padding: 0 15px 5px 15px;
}
.attachmentEditor hr {
  margin-top: 10px;
  margin-bottom: 10px;
}
.attachmentEditor br {
  display: none;
}
.attachmentEditor div {
  margin-top: -5px;
}
.attachmentEditor div b {
  font-size: 14px;
}
.attachmentEditor div > span > span {
  display: inline-block;
  width: 100%;
  font-size: .01px;
  padding: 5px 0;
}
.attachmentEditor div > span > span .deleteAttachment {
  float: right;
  margin: 5px;
  font-family: 'CalciteWebCoreIcons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.1px;
}
.attachmentEditor div > span > span .deleteAttachment:before {
  content: "\e677";
  font-size: 12px;
  color: #b4b4b4;
}
.attachmentEditor div > span > span a {
  font-size: 12px;
}
.attachmentEditor form {
  margin-top: 10px;
}
.attachmentEditor form input {
  margin-top: 5px;
}

.atiEditorTrackingInfo {
  padding: 5px 15px;
  color: #a9a9a9;
  margin-bottom: 52px;
}

.atiButtons {
  background-color: #ffffff;
  border-top: 1px solid #cccccc;
  width: 100%;
  height: 52px;
  position: absolute;
  bottom: 0;
  padding: 10px;
  text-align: right;
}
.atiButtons:before, .atiButtons:after {
  content: " ";
  display: table;
}
.atiButtons:after {
  clear: both;
}
.atiButtons .dijitButton {
  margin-left: 5px;
  text-transform: uppercase;
}
.atiButtons .disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65);
  opacity: 0.65;
  pointer-events: none;
}
.atiButtons .saving {
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65);
  opacity: 0.65;
}
.atiButtons .saving span {
  cursor: progress;
}
.atiButtons .saved {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65);
  opacity: 0.65;
  pointer-events: none;
}

.import-dialog .modal-body {
  padding: 0;
}
.import-dialog .carousel-indicators {
  position: static;
  margin: 0 auto;
  margin-top: 5px;
}
.import-dialog .carousel-indicators li {
  width: 5px;
  height: 5px;
  border: 0;
  background-color: #cccccc;
  cursor: default;
}
.import-dialog .carousel-indicators li.active {
  width: 8px;
  height: 8px;
  background-color: #0079c1;
}
.import-dialog .previous-button {
  text-align: left;
}
.import-dialog .next-button {
  text-align: right;
}

.bullet-number {
  display: inline-block;
  width: 20px;
  height: 20px;
  font-size: 12px;
  line-height: 20px;
  background-color: #0079c1;
  text-align: center;
  color: #ffffff;
  margin-right: 5px;
  border-radius: 50%;
}

.wizard-header {
  padding: 15px;
  background-color: #f8f8f8;
  line-height: 1;
}
.wizard-header .bullet-number {
  vertical-align: top;
  position: relative;
  top: 2px;
}

.wizard-content {
  padding: 10px 15px;
}

.import-wizard-pane .scroll-pane {
  height: 350px;
  overflow-x: hidden;
}

.carousel-pane {
  display: none;
}
.carousel-pane.active {
  display: block;
}

.feature-type-table,
.field-map-table {
  padding: 5px 15px;
}
.feature-type-table .table-header > *,
.field-map-table .table-header > * {
  text-align: center;
  padding-bottom: 15px;
}
.feature-type-table .form-horizontal,
.field-map-table .form-horizontal {
  display: table;
  width: 100%;
}
.feature-type-table .form-group,
.field-map-table .form-group {
  display: table-row;
}
.feature-type-table .form-group > *,
.field-map-table .form-group > * {
  display: table-cell;
  padding: 5px;
}
.feature-type-table .form-group .control-label,
.field-map-table .form-group .control-label {
  width: 40%;
  max-width: 200px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
}

.feature-type-table {
  background-color: #f8f8f8;
}

.reclass-dialog .modal-body {
  padding: 0;
}
.reclass-dialog .edit-properties-form {
  padding: 15px;
}

.reclass-content-pane {
  background-color: #efefef;
}

.reclass-criteria {
  background-color: #f8f8f8;
  border-bottom: 1px solid #cccccc;
}
.reclass-criteria > .reclass-option {
  display: inline-block;
  margin-right: 5px;
}

.reclass-entries {
  height: 300px;
  overflow: auto;
}

.reclass-entry > * {
  display: inline-block;
  vertical-align: baseline;
  padding: 0 15px;
}
.reclass-entry small {
  font-weight: 500;
}

.reclass-btn-flip {
  padding-top: 10px;
  padding-bottom: 10px;
}

.dijitTextBox.reclass-input {
  width: 60px;
  text-align: center;
}

.reclass-entry-colors,
.reclass-selected-label {
  display: inline-block;
}

.reclass-entry-color {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-left: 10px;
  vertical-align: middle;
  border: 1px solid rgba(100, 100, 100, 0.4);
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.reclass-selector-color {
  display: inline-block;
  width: 24px;
  height: 12px;
  vertical-align: middle;
  cursor: pointer;
}
.reclass-selector-color.active {
  border: 2px solid #ffffff;
  outline: 1px solid #4c4c4c;
  width: 28px;
  height: 16px;
  margin: 0 -2px;
  z-index: 10;
  position: relative;
}

.reclass-selected-label {
  display: inline-block;
  margin-left: 10px;
}

.equation-builder textarea {
  min-height: 10rem;
  font-size: 14px;
}
.equation-builder .equation-toolbar {
  border: 1px solid #cccccc;
  background-color: #f8f8f8;
  margin-top: -1px;
  padding: 5px 10px;
}
.equation-builder .equation-toolbar .dropdown {
  display: inline-block;
}
.equation-builder .equation-toolbar .method-dropdown {
  min-width: 100px;
  text-align: center;
}
.equation-builder .equation-toolbar .btn .caret {
  margin-left: 10px;
}
.equation-builder .equation-toolbar .btn-group .btn {
  min-width: 40px;
  margin-left: 5px;
}
.equation-builder .equation-toolbar .btn-group .btn-default {
  border: 0;
  background-color: transparent;
}
.equation-builder .toolbar-divider {
  display: inline-block;
  width: 1px;
  height: 30px;
  background: #e0e0e0;
  vertical-align: middle;
}
.equation-builder .field-options {
  display: -webkit-flex;
  display: flex;
  margin-top: -1px;
}
.equation-builder .field-options > div {
  width: 50%;
  -webkit-flex: 1;
  flex: 1;
  margin-top: 5px;
}
.equation-builder .field-options .panel .panel-body {
  padding: 5px;
  max-height: 300px;
  overflow: auto;
}
.equation-builder .field-options .list-group-item {
  border: 0;
}
.equation-builder .field-options .attribute-name {
  display: block;
  color: #196fa6;
  font-size: 12px;
  font-weight: 500;
}
.equation-builder .field-options .fields-panel .panel-body,
.equation-builder .field-options .kpis-panel .panel-body,
.equation-builder .field-options .constants-panel .panel-body {
  padding: 0;
}
.equation-builder .field-options .fields-panel {
  margin-right: 2.5px;
}
.equation-builder .field-options .fields-panel .attribute-alias {
  font-size: 11px;
}
.equation-builder .field-options .kpis-panel,
.equation-builder .field-options .constants-panel {
  margin-left: 2.5px;
  margin-right: 2.5px;
}
.equation-builder .field-options .units-panel {
  background-color: #efefef;
  margin-left: 2.5px;
}
.equation-builder .field-options .units-panel .nav label {
  margin-bottom: 0;
  margin-right: 5px;
}
.equation-builder .field-options .units-panel .panel-heading,
.equation-builder .field-options .units-panel .panel-body {
  background-color: #ffffff;
}
.equation-builder .field-options .units-panel .panel-body {
  border-bottom: 1px solid #cccccc;
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.equation-builder .field-options .btn-group-grid-row {
  display: -webkit-flex;
  display: flex;
}
.equation-builder .field-options .btn-group-grid-row:hover .btn {
  margin: 5px 0;
}
.equation-builder .field-options .btn-group-grid-row .btn {
  -webkit-flex: 1;
  flex: 1;
  white-space: normal;
  min-height: 60px;
}
.equation-builder .field-options .btn-group-grid-row .btn + .btn {
  border-left: 1px solid #e0e0e0;
}

.schema-editor .nav-tabs > li.active > a, .schema-editor .nav-tabs > li.active > a:hover, .schema-editor .nav-tabs > li.active > a:focus {
  background-color: #ffffff;
}
.schema-editor .modal-dialog {
  width: 620px;
}
.schema-editor .modal-body {
  padding: 0;
  max-height: none;
}
.schema-editor .modal-footer {
  border-top-color: #e7e7e7;
}
.schema-editor .schema-editor-inner {
  background-color: #f8f8f8;
  max-height: -webkit-calc(100vh - 230px);
  max-height: -moz-calc(100vh - 230px);
  max-height: calc(100vh - 230px);
  overflow: hidden;
}
.schema-editor .feature-type-list,
.schema-editor .feature-type {
  overflow-x: hidden;
  overflow-y: auto;
}
.schema-editor .feature-type-list {
  width: 240px;
  padding: 10px 0;
  border-right: 1px solid #e0e0e0;
  position: absolute;
  top: 0;
  bottom: 0;
  overflow: auto;
}
.schema-editor .feature-type-list .type-item {
  cursor: pointer;
  padding: 5px 15px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.schema-editor .feature-type-list .type-item:hover {
  background-color: #e2f1fb;
}
.schema-editor .feature-type-list .type-item:active, .schema-editor .feature-type-list .type-item:focus {
  background-color: #aadbfa;
  color: #0079c1;
}
.schema-editor .feature-type-list .type-item.active {
  background-color: #aadbfa;
}
.schema-editor .feature-type-list .type-item.active .btn-icon {
  color: #196fa6;
}
.schema-editor .feature-type-list .type-symbol {
  display: inline-block;
  vertical-align: middle;
}
.schema-editor .feature-type-list .type-label {
  display: inline-block;
  margin: 0 10px;
  vertical-align: middle;
  -webkit-flex: 1;
  flex: 1;
}
.schema-editor .feature-type-list svg {
  vertical-align: middle;
}
.schema-editor .feature-type {
  height: 65vh;
  background-color: #ffffff;
  padding: 15px;
  margin-left: 240px;
}
.schema-editor .feature-type .nav-tabs a:focus {
  outline: none;
}
.schema-editor .type-tab-content,
.schema-editor .values-tab-content {
  padding: 10px;
}
.schema-editor .input-line .label {
  font-size: inherit;
  display: inline-block;
  margin-top: 2px;
}
.schema-editor .esriSymbolStyler {
  width: 100%;
  padding: 0;
}
.schema-editor .esriSymbolStyler .esriSymbolPreviewContainer {
  display: table;
  width: 100%;
  padding: 10px 0;
}
.schema-editor .esriSymbolStyler .esriSymbolPreview {
  display: table-cell;
  height: 160px;
  vertical-align: middle;
  background-color: #f8f8f8;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAIUlEQVQYV2N88ODBfwYiACNIoYKCAiMhtaMK8YYQ0cEDADwtJ6phWBx+AAAAAElFTkSuQmCC);
  background-repeat: repeat;
}
.schema-editor .esriSymbolStyler .esriTabBar .dijitToggleButton {
  border-bottom: 2px solid transparent;
}
.schema-editor .esriSymbolStyler .esriTabBar .dijitToggleButtonChecked {
  background-color: transparent;
  border-bottom-color: #196fa6;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.schema-editor .esriSymbolStyler .esriInlineInput {
  vertical-align: middle;
}
.schema-editor .esriSymbolStyler .esriInlineInput > * {
  vertical-align: middle;
}
.schema-editor .esriSymbolStyler .esriInlineInput .dijitTextBox {
  width: 8em;
}
.schema-editor .esriColorPicker .esriPalette.esriContainer,
.schema-editor .esriColorPicker .esriPaletteOptions {
  width: 245px;
}
.schema-editor .esriColorPicker .esriPaletteOptions .esriPaletteToggle .dijitButtonNode {
  color: #0079c1;
}
.schema-editor .esriColorPicker .esriHexInput {
  width: 8em;
}
.schema-editor .esriColorPicker .esriHorizontalSlider .dijitRuleContainer {
  padding-top: 0;
}

.schema-editor-add-wrapper {
  width: 240px;
  margin: -20px;
  padding: 20px;
  border-right: 1px solid #e0e0e0;
}

.split-editor > .panel {
  width: 240px;
}
.split-editor > .panel.gp-panel > .panel-body {
  overflow: visible;
}
.split-editor .secondary-label {
  position: relative;
  padding-left: 20px;
  margin-top: 10px;
  margin-bottom: 30px;
}
.split-editor .secondary-label [class*="gd-icon-"] {
  font-size: 16px;
  position: absolute;
  left: 0;
}

.selection-editor > .panel {
  width: 360px;
}
.selection-editor > .panel .panel-body {
  box-shadow: none;
}
.selection-editor > .panel .panel-footer .section-header {
  padding: 0;
  padding-bottom: 10px;
}
.selection-editor > .panel .panel-footer .section-header > .section-header--title {
  color: #595959;
}
.selection-editor > .panel .panel-footer .btn-group {
  margin-top: 20px;
  margin-bottom: -5px;
}
.selection-editor > .panel .panel-footer .btn-group .btn {
  text-transform: uppercase;
}
.selection-editor > .panel .panel-footer .btn .loading-spinner {
  color: #ffffff;
}
.selection-editor.auto-height .gp-panel .panel-body {
  overflow: initial;
}
.selection-editor.auto-height .gp-panel .panel-footer {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.selection-editor.auto-height .gp-panel .panel-footer .selections-list {
  max-height: 100%;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.selection-editor.auto-height .gp-panel .panel-footer .section-header,
.selection-editor.auto-height .gp-panel .panel-footer .btn-group {
  flex-shrink: 0;
}
.selection-editor .selection-result {
  color: #595959;
  display: flex;
  align-items: center;
}
.selection-editor .selection-result .message {
  font-size: 14px;
  margin-right: 5px;
  flex-grow: 1;
}
.selection-editor .dijitSelect,
.selection-editor .dijitSelect .dijitStretch {
  width: 100%;
}
.selection-editor .dropdown.inline {
  margin-right: 0.25rem;
}
.selection-editor .btn-block-group {
  width: 100%;
}
.selection-editor .btn-flute-group .btn-block-group {
  width: auto;
}
.selection-editor .btn-flute-group .btn-block-group .btn-bulkmove {
  margin-right: -28px;
  opacity: 0;
  display: none;
  transition: 200ms all ease-out;
}
.selection-editor .btn-flute-group .btn-block-group.can-move .btn-bulkmove {
  margin-right: 4px;
  opacity: 1;
}
.selection-editor .limit-exceeded .selected-features-card {
  display: none;
}
.selection-editor .limit-exceeded .selections-list .block-placeholder {
  display: block;
}
.selection-editor .limit-exceeded .selections-list.hide-features-list .block-placeholder {
  display: none;
}
.selection-editor .hide-features-list .selected-features-card {
  display: none;
}
.selection-editor .hide-features-list .block-placeholder {
  display: none;
}

.mode-studyarea .map {
  border: 2px solid #5a9359;
  transition: border ease-in .2s;
}

.studyarea-editor .panel {
  width: 320px;
}
.studyarea-editor .panel .panel-body {
  background-color: #f4f4f4;
  position: relative;
  overflow: hidden !important;
}
.studyarea-editor .panel .panel-footer .btn-submit {
  width: 100%;
  min-height: 32px;
  text-transform: uppercase;
}
.studyarea-editor .panel .page {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  overflow: auto;
  transition: left ease 0.2s, right ease 0.2s;
}
.studyarea-editor .panel .instructions {
  color: #959595;
  background-color: #ffffff;
  padding: 10px 15px;
  margin: 0;
}
.studyarea-editor .panel .option-buttons {
  background-color: #f8f8f8;
  padding: 20px 15px;
  padding-left: 25px;
}
.studyarea-editor .panel .option-buttons .btn-card {
  width: 100%;
  position: relative;
}
.studyarea-editor .panel .option-buttons .btn-card .bullet-number {
  position: absolute;
  left: -10px;
  top: -10px;
  transition: box-shadow 0.2s ease;
}
.studyarea-editor .panel .option-buttons .btn-card:hover .bullet-number {
  box-shadow: 0 0 0 5px rgba(0, 69, 117, 0.1);
}
.studyarea-editor .panel .or-separator {
  margin: 15px 0;
}
.studyarea-editor .panel .or-separator:before, .studyarea-editor .panel .or-separator:after {
  background-color: #e0e0e0;
}
.studyarea-editor .panel .breadcrumb {
  background-color: transparent;
  margin-bottom: 0;
}
.studyarea-editor .panel .breadcrumb > li + li:before {
  font-family: 'CalciteWebCoreIcons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e62b";
  vertical-align: middle;
}

.draw-section {
  background-color: #ffffff;
  padding-bottom: 15px;
}
.draw-section h4 {
  font-size: 16px;
  margin-bottom: 20px;
}

.studyarea-draw-option {
  height: 100%;
}
.studyarea-draw-option .btn-group {
  width: 100%;
}
.studyarea-draw-option .btn-group > .btn,
.studyarea-draw-option .btn-group > .dropdown {
  width: 33.333%;
}
.studyarea-draw-option .checkbox-inline {
  padding-left: 0;
}
.studyarea-draw-option .checkbox-inline .dijitCheckBox {
  position: relative;
  margin-left: 5px;
}

.studyarea-section {
  height: 100%;
  background-color: #ffffff;
}
.studyarea-section .block-placeholder {
  height: 100%;
  max-height: 200px;
}

.block-placeholder {
  display: none;
}

.is-empty .block-placeholder {
  display: block;
}
.is-empty .card {
  display: none;
}

.feature-list {
  list-style-type: none;
  padding: 0;
  margin: 0 -15px;
}
.feature-list li {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 10px 15px;
  line-height: 20px;
  transition: background-color 0.25s ease;
}
.feature-list li:hover {
  background-color: #e2f1fb;
}
.feature-list li:hover .label {
  background-color: #c5e5f9;
}
.feature-list li:hover .btn-link {
  display: initial;
}
.feature-list li:active, .feature-list li.active {
  background-color: #c5e5f9;
}
.feature-list li.is-base:hover .btn-link {
  display: none;
}
.feature-list li label {
  flex-grow: 1;
  font-weight: 300;
  margin-bottom: 0;
}
.feature-list li mark {
  margin: 0 10px;
}
.feature-list li mark.label {
  color: #007ac2;
  background-color: #e2f1fb;
  font-size: 10px;
  transition: background-color 0.25s ease;
}
.feature-list li .btn-link {
  display: none;
}

.feature-list--header {
  display: block;
  margin-bottom: 10px;
}

.feature-listitem--thumbnail {
  display: inline-block;
  width: 20px;
  height: 20px;
  text-align: center;
  margin-right: 5px;
  margin-left: -5px;
  overflow: hidden;
}

.studyarea-editor .feature-list + .secondary-label {
  margin-top: 20px;
}

.card {
  border-top: 3px solid #0079c1;
  background-color: #ffffff;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 16px 0 rgba(0, 0, 0, 0.05);
}

.card-header {
  padding: 10px 15px 15px;
  border-bottom: 1px solid #efefef;
}
.card-header label {
  width: 100%;
  font-weight: normal;
}

.card-content {
  padding: 10px 15px 15px;
}

.esriCalcField {
  position: relative;
}
.esriCalcField .esriLeadingMargin1 {
  margin-left: 0;
}
.esriCalcField div[data-dojo-attach-point="_headerPane"],
.esriCalcField form {
  width: auto !important;
}
.esriCalcField .esriExprBox {
  width: 100%;
  max-width: none;
}
.esriCalcField div[data-dojo-attach-point="_headerPane"] {
  margin-top: auto !important;
  margin-bottom: auto !important;
  padding-left: 0;
  padding-right: 0;
}
.esriCalcField .esriCalcTitleLabel + div {
  display: none;
}
.esriCalcField textarea {
  resize: vertical;
}
.esriCalcField .esriActionButtonCtr {
  border: 1px solid #cccccc;
  background-color: #f8f8f8;
  margin-top: -1px;
  padding: 5px 10px;
}
.esriCalcField .esriActionButtonCtr .dijitButton {
  margin-right: -1px;
}
.esriCalcField .esriActionButtonCtr .dijitButtonNode {
  width: 100%;
  border: 0;
  background-color: transparent;
}
.esriCalcField .esriActionButtonCtr .dijitButtonHover .dijitButtonNode,
.esriCalcField .esriActionButtonCtr .dijitButtonActive .dijitButtonNode {
  background-color: #e2f1fb;
}
.esriCalcField .esriActionButtonCtr .dijitButtonText {
  font-size: 16px;
  color: #007ac2;
}
.esriCalcField .esriActionButtonCtr div[data-dojo-attach-point="_operatorCtr"] {
  padding-bottom: 0 !important;
}
.esriCalcField .esriActionButton {
  border: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  padding-top: 0;
  height: auto;
  width: auto;
}
.esriCalcField .esriActionButton .dijitButtonNode {
  height: auto;
  padding: 0;
}
.esriCalcField .esriActionButton .dijitButtonNode .dijitIcon {
  margin: 2px;
}
.esriCalcField .esriCalcFieldFuncCtr {
  display: flex;
  margin-top: -1px;
}
.esriCalcField .esriCalcFieldCtr,
.esriCalcField .esriCalcFuncCtr {
  flex: 1;
  height: 240px;
  margin-bottom: 24px;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  display: flex;
  flex-direction: column;
}
.esriCalcField .esriCalcFieldCtr {
  margin-right: 5px;
}
.esriCalcField .esriFieldsLabelDiv,
.esriCalcField .esriFunctionLabelDiv {
  color: #595959;
  padding: 10px 15px;
  border-bottom: 1px solid #e0e0e0;
}
.esriCalcField .esriFieldsLabelDiv label,
.esriCalcField .esriFunctionLabelDiv label {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  margin: 0;
}
.esriCalcField .esriFieldsSelectionCtr {
  border-bottom: 1px solid #e0e0e0;
  padding: 10px 15px;
}
.esriCalcField .esriFieldsSelectionCtr label {
  margin: 0;
  margin-right: 5px;
}
.esriCalcField .esriCalcFunctionList,
.esriCalcField .esriCalcFieldsList {
  width: 100%;
  border: 0;
  flex-grow: 1;
  overflow: auto;
}
.esriCalcField .dgrid-list .dgrid-row {
  padding: 10px 15px;
  line-height: 1.5;
}
.esriCalcField .dgrid-list .dgrid-row:hover {
  background-color: #e2f1fb;
}
.esriCalcField .esriCalcExpLabelRow {
  color: #007ac2;
  font-weight: 500;
  border: 0;
  background-color: transparent;
}
.esriCalcField .esriFormWarning,
.esriCalcField .esriFormSuccess {
  padding: 5px 10px;
  margin: 0 0 10px;
  border-radius: 0;
}
.esriCalcField .esriFormWarning .esri-icon-close,
.esriCalcField .esriFormSuccess .esri-icon-close {
  padding: 3px;
}
.esriCalcField .esriFormWarning {
  border-color: #e4d154;
  background-color: #f3edc7;
  height: auto;
  max-height: 3em;
  overflow-y: auto;
}
.esriCalcField .esriFormSuccess {
  border-color: #9bc19c;
  background-color: #ddeedb;
}
.esriCalcField .esriActionDividerLine {
  display: none;
}
.esriCalcField .dijitDialogUnderlay {
  background-color: #ffffff;
}
.esriCalcField .esriLoadingLarge {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(images/loadingIndicator/loading-blue.gif);
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto;
}

.esriCalcButtonCtr {
  padding: 0 !important;
  margin: 0;
}
.esriCalcButtonCtr .dijitButton {
  text-transform: uppercase;
}
.esriCalcButtonCtr .dijitButton + .dijitButton {
  margin-left: 5px;
}

.calculate-dialog .modal-body {
  padding: 0;
}

.esriRtl .col-xs-1, .esriRtl .col-xs-2, .esriRtl .col-xs-3, .esriRtl .col-xs-4, .esriRtl .col-xs-5, .esriRtl .col-xs-6, .esriRtl .col-xs-7, .esriRtl .col-xs-8, .esriRtl .col-xs-9, .esriRtl .col-xs-10, .esriRtl .col-xs-11, .esriRtl .col-xs-12 {
  float: right;
}
@media (min-width: 768px) {
  .esriRtl .col-sm-1, .esriRtl .col-sm-2, .esriRtl .col-sm-3, .esriRtl .col-sm-4, .esriRtl .col-sm-5, .esriRtl .col-sm-6, .esriRtl .col-sm-7, .esriRtl .col-sm-8, .esriRtl .col-sm-9, .esriRtl .col-sm-10, .esriRtl .col-sm-11, .esriRtl .col-sm-12 {
    float: right;
  }
  .esriRtl .col-sm-offset-0,
  .esriRtl .col-sm-offset-1,
  .esriRtl .col-sm-offset-2,
  .esriRtl .col-sm-offset-3,
  .esriRtl .col-sm-offset-4,
  .esriRtl .col-sm-offset-5,
  .esriRtl .col-sm-offset-6,
  .esriRtl .col-sm-offset-7,
  .esriRtl .col-sm-offset-8,
  .esriRtl .col-sm-offset-9,
  .esriRtl .col-sm-offset-10,
  .esriRtl .col-sm-offset-11,
  .esriRtl .col-sm-offset-12 {
    margin-left: 0;
  }
  .esriRtl .col-sm-offset-0 {
    margin-right: 0%;
  }
  .esriRtl .col-sm-offset-1 {
    margin-right: 8.3333333333%;
  }
  .esriRtl .col-sm-offset-2 {
    margin-right: 16.6666666667%;
  }
  .esriRtl .col-sm-offset-3 {
    margin-right: 25%;
  }
  .esriRtl .col-sm-offset-4 {
    margin-right: 33.3333333333%;
  }
  .esriRtl .col-sm-offset-5 {
    margin-right: 41.6666666667%;
  }
  .esriRtl .col-sm-offset-6 {
    margin-right: 50%;
  }
  .esriRtl .col-sm-offset-7 {
    margin-right: 58.3333333333%;
  }
  .esriRtl .col-sm-offset-8 {
    margin-right: 66.6666666667%;
  }
  .esriRtl .col-sm-offset-9 {
    margin-right: 75%;
  }
  .esriRtl .col-sm-offset-10 {
    margin-right: 83.3333333333%;
  }
  .esriRtl .col-sm-offset-11 {
    margin-right: 91.6666666667%;
  }
  .esriRtl .col-sm-offset-12 {
    margin-right: 100%;
  }
}
.esriRtl .pull-left {
  float: right !important;
}
.esriRtl .pull-right {
  float: left !important;
}
.esriRtl .text-right {
  text-align: left;
}
.esriRtl .caret {
  margin-left: inherit;
  margin-right: 2px;
}
.esriRtl .dropdown-menu {
  left: auto;
  right: 0;
  text-align: right;
}
.esriRtl .dropdown-menu.stencil-dropdown {
  text-align: right;
}
.esriRtl .pull-right > .dropdown-menu {
  right: auto;
  left: 0;
}
.esriRtl .dropdown-menu-right {
  left: 0;
  right: auto;
}
.esriRtl .nav {
  padding-right: 0;
}
@media (min-width: 768px) {
  .esriRtl .navbar-nav,
  .esriRtl .navbar-nav > li {
    float: right;
  }
}
.esriRtl .navbar-toggle {
  float: right;
}
.esriRtl .nav-tabs > li {
  float: right;
}
.esriRtl .nav-tabs > li > a {
  margin-left: 0;
  margin-rihgt: 2px;
}
.esriRtl .nav-pills > li {
  float: right;
}
.esriRtl .nav-pills > li + li {
  margin-left: 0;
  margin-right: 2px;
}
.esriRtl .close {
  float: left;
}
.esriRtl .modal-footer {
  text-align: left;
}
.esriRtl .modal-footer .btn + .btn {
  margin-left: inherit;
  margin-right: 5px;
}
.esriRtl .list-inline {
  padding-left: 0;
  padding-right: 0;
  margin-left: inherit;
  margin-right: -5px;
}
.esriRtl .pagination {
  padding-left: 0;
  padding-right: inherit;
}
.esriRtl .dl-horizontal dt {
  float: right;
  clear: right;
  text-align: left;
}
@media (min-width: 768px) {
  .esriRtl .form-horizontal .control-label {
    text-align: left;
  }
}
.esriRtl .calcite .dijitCheckBox input {
  left: auto;
  right: 0;
}
.esriRtl .calcite .dijitButtonNode .dijitIcon,
.esriRtl .calcite .dijitSliderDecrementIconH .dijitIcon,
.esriRtl .calcite .dijitSliderIncrementIconH .dijitIcon,
.esriRtl .calcite .dijitSliderDecrementIconV .dijitIcon,
.esriRtl .calcite .dijitSliderIncrementIconV .dijitIcon {
  margin-left: 6px;
  margin-right: 0;
}
.esriRtl .esriControlsBR {
  left: 5px;
  right: auto;
  direction: rtl;
}
.esriRtl .esriAttribution {
  text-align: right;
  margin: 0 0 0 5px;
}
.esriRtl .calcite .arcgisSearch .searchBtn.searchSubmit {
  border-left: 0;
  border-right: 1px solid #efefef;
}
.esriRtl .calcite .arcgisSearch .searchBtn.searchToggle {
  border-left: 1px solid #efefef;
  border-right: 0;
}
.esriRtl .calcite .arcgisSearch .searchGroup .searchInput {
  padding-left: 24px;
  padding-right: 10px;
}
.esriRtl .calcite .arcgisSearch .searchClear {
  left: 0;
  right: auto;
}
.esriRtl .calcite .arcgisSearch .searchMenu {
  float: right;
  text-align: right;
}
.esriRtl .calcite .esriBookmarkItem:before {
  float: right;
  margin-left: 5px;
  margin-right: 0;
}
.esriRtl .calcite .esriBookmarkLabel {
  float: right;
  text-align: right;
}
.esriRtl .calcite .esriBookmarkEditImage,
.esriRtl .calcite .esriBookmarkRemoveImage {
  float: left;
}
.esriRtl .dojoxResizeHandle {
  left: 2px;
  right: auto;
}
.esriRtl .dojoxResizeNW {
  cursor: ne-resize;
  cursor: nesw-resize;
  border-width: 0 0 2px 2px;
  border-color: transparent transparent #0079c1 #0079c1;
}
.esriRtl .dojoxResizeHandleClone {
  left: auto;
  right: auto;
}
.esriRtl .dojoxResizeHandleClone:before {
  left: -5px;
  right: auto;
}
.esriRtl .esriVisibleScaleRangeSlider .esriCurrentScaleIndicator:after {
  margin-left: auto;
  margin-right: 2px;
}
.esriRtl .btn [class^="esri-icon-"],
.esriRtl .btn [class*=" esri-icon-"],
.esriRtl .btn [class^="gd-icon-"],
.esriRtl .btn [class*=" gd-icon-"] {
  margin-left: 5px;
  margin-right: 0;
  display: inline-block;
}
.esriRtl .btn.icon-only [class^="esri-icon-"],
.esriRtl .btn.icon-only [class*=" esri-icon-"],
.esriRtl .btn.icon-only [class^="gd-icon-"],
.esriRtl .btn.icon-only [class*=" gd-icon-"] {
  display: block;
  margin-left: 0;
  margin-right: inherit;
}
.esriRtl .btn-icon [class^="esri-icon-"],
.esriRtl .btn-icon [class*=" esri-icon-"] [class^="gd-icon-"],
.esriRtl .btn-icon [class*=" gd-icon-"] {
  margin-left: 0;
  margin-right: 0;
}
.esriRtl .btn-group .btn + .btn {
  margin-right: -1px;
  margin-left: 0;
}
.esriRtl .radio label,
.esriRtl .checkbox label {
  padding-left: 0;
  padding-right: 26px;
}
.esriRtl .radio .dijitRadio {
  margin-left: 0;
  margin-right: -26px;
}
.esriRtl .checkbox .dijitCheckBox {
  margin-left: 0;
  margin-right: -26px;
}
.esriRtl .radios-group > label {
  float: right;
}
.esriRtl .radios-group > label + label {
  margin-left: auto;
  margin-right: -1px;
}
.esriRtl .btn-group > .btn,
.esriRtl .btn-group-vertical > .btn {
  float: right;
}
.esriRtl .btn-block-group .dropdown-toggle .caret {
  margin-left: -12px;
  margin-right: 4px;
}
.esriRtl .btn-flute-group .btn-block-group {
  border-left: 0;
  border-right: 1px solid #e0e0e0;
  border-radius: 4px 0 0 4px;
}
.esriRtl .btn-flute-group .btn-block-group:before {
  transform: rotate(135deg) translate(-50%, -50%);
  right: -10px;
}
.esriRtl .btn-flute-group .btn-block-group .btn {
  margin: 3px 4px;
}
.esriRtl .input-group-btn:last-child > .btn,
.esriRtl .input-group-btn:last-child > .btn-group {
  margin-left: inherit;
  margin-right: -1px;
}
.esriRtl .form-horizontal .form-group [class^="col-"],
.esriRtl .form-horizontal .form-group [class*=" col-"] {
  padding-left: 15px;
  padding-right: 0;
}
.esriRtl .btn-group-grid-row .btn {
  float: right;
  border-left: 0;
}
.esriRtl .btn-group-grid-row .btn + .btn {
  border-right: 1px solid #e0e0e0;
}
.esriRtl .btn-group-grid-row .btn [class^="esri-icon-"],
.esriRtl .btn-group-grid-row .btn [class*=" esri-icon-"],
.esriRtl .btn-group-grid-row .btn [class^="gd-icon-"],
.esriRtl .btn-group-grid-row .btn [class*=" gd-icon-"] {
  float: right;
}
.esriRtl .switch-toggle-group .checkbox-inline {
  padding-left: 0;
  padding-right: 36px;
}
.esriRtl .switch-toggle-group .switch-toggle.dijitCheckBox {
  left: auto;
  right: 0;
}
.esriRtl .switch-toggle-group .switch-toggle.dijitCheckBox:before {
  left: 2px;
  right: auto;
}
.esriRtl .switch-toggle-group .switch-toggle.dijitCheckBox input {
  left: auto;
  right: 0;
}
.esriRtl .switch-toggle-group .switch-toggle.dijitCheckBox.dijitCheckBoxChecked:before {
  left: 14px;
  right: auto;
}
.esriRtl .carousel-indicators {
  padding-right: 0;
}
.esriRtl [class^="esri-icon-"],
.esriRtl [class*=" esri-icon-"],
.esriRtl [class^="gd-icon-"],
.esriRtl [class*=" gd-icon-"] {
  direction: ltr;
}
.esriRtl .dropdown-menu > li > a [class^="esri-icon-"],
.esriRtl .dropdown-menu > li > a [class*=" esri-icon-"],
.esriRtl .dropdown-menu > li > a [class^="gd-icon-"],
.esriRtl .dropdown-menu > li > a [class*=" gd-icon-"] {
  margin-right: -11px;
  margin-left: 11px;
  float: right;
}
.esriRtl .dropdown-menu li.icon-only > a [class^="esri-icon-"],
.esriRtl .dropdown-menu li.icon-only > a [class*=" esri-icon-"],
.esriRtl .dropdown-menu li.icon-only > a [class^="gd-icon-"],
.esriRtl .dropdown-menu li.icon-only > a [class*=" gd-icon-"] {
  float: none;
  margin-left: 0;
  margin-right: 0;
}
.esriRtl .dropdown-menu .panel {
  border: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.esriRtl .icon-only > .dropdown-menu {
  text-align: center;
}
.esriRtl .panel-footer .btn + .btn {
  margin-left: 0;
  margin-right: 5px;
}
.esriRtl .panel-footer .btn-group .btn.btn-link + .btn-link {
  border-left: 0;
  border-right: 1px solid #e7e7e7;
}
.esriRtl .gp-panel > .panel-heading {
  border-left: 0;
  border-right: 1px solid rgba(0, 0, 0, 0.35);
}
.esriRtl .gp-panel > .panel-heading [class^="esri-icon-"], .esriRtl .gp-panel > .panel-heading [class*=" esri-icon-"] {
  margin-left: 10px;
  margin-right: 0;
}
.esriRtl .gp-panel > .panel-heading .btn-icon {
  margin-left: 0;
}
.esriRtl .gp-panel > .panel-body {
  border-left: 0;
  border-right: 1px solid white;
}
.esriRtl .section-header {
  padding-left: 15px;
  padding-right: 5px;
}
.esriRtl .section-header .esri-icon-down.collapse {
  transform: rotate(90deg);
}
.esriRtl .section-header > .section-header--title,
.esriRtl .section-header > .dijitCheckBox {
  margin-left: 10px;
  margin-right: auto;
}
.esriRtl .btn.section-header {
  text-align: right;
}
.esriRtl .modal-header .btn-group {
  float: right;
}
.esriRtl .modal-header .btn-group .btn-icon + .btn-icon {
  margin-left: 0;
  margin-right: 5px;
}
.esriRtl .modal-header .actions {
  float: left;
}
.esriRtl .properties-dialog .item-action-bar > * {
  float: right;
}
.esriRtl .modal-simple .modal-footer {
  text-align: center;
}
.esriRtl .launch-page .project-container-header .btn-create {
  float: left;
}
.esriRtl .launch-page .project-container .nav-tabs {
  padding-left: inherit;
  padding-right: 0;
}
.esriRtl .launch-page .project-container .nav-tabs li {
  float: right;
  margin-left: 0;
  margin-right: 10px;
}
.esriRtl .launch-page .search-scope-bar {
  float: left;
  text-align: left;
}
.esriRtl .user-dropdown .navbar-icon {
  padding-left: 6px;
  padding-right: inherit;
}
.esriRtl .map-tools,
.esriRtl .dashboard-button {
  left: auto;
  right: 15px;
}
.esriRtl .right .over-map.dropdown-menu {
  left: auto;
  right: 100%;
  margin-left: 0;
  margin-right: 15px;
}
.esriRtl .right.open:before, .esriRtl .right.pinned:before, .esriRtl .right.open:after, .esriRtl .right.pinned:after {
  border-width: 0 0 12px 12px;
  border-left-color: #196fa6;
  border-right-color: transparent;
  left: -16px;
  right: auto;
}
.esriRtl .right.open:after, .esriRtl .right.pinned:after {
  border-width: 0 0 10px 10px;
  border-left-color: #ffffff;
  border-right-color: transparent;
}
.esriRtl .right .caret,
.esriRtl .right .caret:after {
  border-width: 8px 0 8px 10px;
  border-left-color: rgba(0, 0, 0, 0.15);
  border-right-color: transparent;
}
.esriRtl .right .caret {
  left: auto;
  right: -10px;
  margin: 0;
  margin-top: -8px;
}
.esriRtl .right .caret:after {
  border-width: 8px 0 8px 10px;
  border-left-color: #ffffff;
  border-right-color: transparent;
  left: auto;
  right: 1.5px;
}
.esriRtl .toc-opened .map-2d,
.esriRtl .toc-opened .map-3d {
  left: 0;
  right: 300px;
}
.esriRtl .switching-maps.start .map-2d .esriSimpleSlider,
.esriRtl .switching-maps.start .map-2d .map-tools,
.esriRtl .switching-maps.start .map-2d .dashboard-button {
  transform: translateX(150%);
}
.esriRtl .switching-maps.start .map-3d .esri-ui-top-right {
  transform: translateX(150%);
  transition: all 0.3s;
}
.esriRtl .switching-maps.end .map-3d .esri-ui-top-right {
  transform: translateX(0);
}
.esriRtl #appHeaderBar .container-fluid {
  padding-left: 15px;
  padding-right: 0;
}
.esriRtl #appHeaderBar .navbar-toggle {
  float: right;
}
.esriRtl #appHeaderBar .breadcrumb {
  float: right;
}
.esriRtl #appHeaderBar .breadcrumb .navbar-toggle {
  margin-left: 0.5rem;
  margin-right: auto;
}
.esriRtl #appHeaderBar .user-dropdown {
  text-align: left;
  float: left;
}
.esriRtl #appNavBar .navbar.main-navbar .navbar-nav:not(.secondary-navbar) {
  left: auto;
  right: 50%;
  margin-left: inherit;
  margin-right: -214px;
}
.esriRtl #appNavBar .navbar.main-navbar .secondary-navbar {
  -moz-animation: secondary-navbar-slide-rtl 0.2s ease-out forwards;
  -webkit-animation: secondary-navbar-slide-rtl 0.2s ease-out forwards;
  animation: secondary-navbar-slide-rtl 0.2s ease-out forwards;
}
.esriRtl #appNavBar .navbar.sub-navbar li {
  margin-left: 5px;
  margin-right: 0;
}
.esriRtl #appNavBar .navbar.sub-navbar li.active .inline-dropdown .dropdown-toggle {
  -moz-border-radius: 2px 0 0 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px 0 0 2px;
}
.esriRtl #appNavBar .navbar.sub-navbar .dropdown-menu li {
  margin-left: 0;
}
.esriRtl #appNavBar .navbar.sub-navbar .nav > li.icon-only > a.btn-tool-toggle .icon {
  float: right;
}
.esriRtl #appNavBar .navbar.sub-navbar .nav > li.icon-only > a.btn-tool-toggle:before {
  left: auto;
  right: 0;
  transition-property: right;
}
.esriRtl #appNavBar .navbar.sub-navbar .nav > li.icon-only > a.btn-tool-toggle.checked:before {
  left: auto;
  right: 36px;
}
.esriRtl #appNavBar .navbar.sub-navbar .nav > li.has-inline-dropdown > a {
  margin-left: 0;
  -moz-border-radius: 0 2px 2px 0;
  -webkit-border-radius: 0;
  border-radius: 0 2px 2px 0;
}
.esriRtl #appNavBar .navbar .has-sub-navbar.sub-navbar-open > * {
  float: right;
}
.esriRtl #appNavBar .navbar-nav > li.has-inline-dropdown > * {
  float: right;
}
.esriRtl #appNavBar.design .design-common-toolset {
  padding-left: 0;
  padding-right: 0;
}
.esriRtl #appNavBar.design .gd-icon-redo:before {
  content: "\5b";
}
.esriRtl #appNavBar.design .gd-icon-undo:before {
  content: "\5d";
}
.esriRtl #appNavBar .navbar-nav > li > a [class^="esri-icon-"],
.esriRtl #appNavBar .navbar-nav > li > a [class*=" esri-icon-"],
.esriRtl #appNavBar .navbar-nav > li > a [class^="gd-icon-"],
.esriRtl #appNavBar .navbar-nav > li > a [class*=" gd-icon-"] {
  margin-left: 10px;
  margin-right: inherit;
}
.esriRtl #appNavBar .navbar-nav > li.icon-only > a [class^="esri-icon-"],
.esriRtl #appNavBar .navbar-nav > li.icon-only > a [class*=" esri-icon-"],
.esriRtl #appNavBar .navbar-nav > li.icon-only > a [class^="gd-icon-"],
.esriRtl #appNavBar .navbar-nav > li.icon-only > a [class*=" gd-icon-"] {
  margin-left: 0;
  margin-right: inherit;
}
.esriRtl #appNavBar .nav-header {
  padding-left: 30px;
  padding-right: 0;
}
.esriRtl .open > .mega-dropdown-menu li.active > .sub-dropdown-menu {
  left: 0;
  right: 180px;
  border-left: 0;
  border-right: 1px solid #e0e0e0;
}
.esriRtl .mega-dropdown-menu .dropdown-menu {
  float: right;
}
.esriRtl .dropdown-submenu > .dropdown-menu {
  left: auto;
  right: 100%;
}
.esriRtl .dropdown-submenu > a:after {
  display: block;
  content: " ";
  float: left;
  width: 0;
  height: 0;
  margin-top: 5px;
  margin-left: -10px;
  margin-right: 0;
  border-color: transparent;
  border-left-color: transparent;
  border-right-color: #b4b4b4;
  border-style: solid;
  border-width: 5px 5px 5px 0;
}
.esriRtl .aggregateIcon,
.esriRtl .sumNearbyIcon,
.esriRtl .sumWithinIcon,
.esriRtl .buffersIcon,
.esriRtl .driveIcon,
.esriRtl .findLocationsIcon,
.esriRtl .findNewLocationsIcon,
.esriRtl .findSimilarLocationsIcon,
.esriRtl .geoenrichLayerIcon,
.esriRtl .findClosestFacilityIcon,
.esriRtl .extractDataIcon,
.esriRtl .findHotSpotsIcon,
.esriRtl .createDensitySurfaceIcon,
.esriRtl .correlationReporterIcon,
.esriRtl .createInterpolatedSurfaceIcon,
.esriRtl .attributeCalculatorIcon,
.esriRtl .overlayLayersIcon,
.esriRtl .mergeLayersIcon,
.esriRtl .dissolveBoundariesIcon,
.esriRtl .planRoutesIcon,
.esriRtl .connectODIcon,
.esriRtl .createViewshedIcon,
.esriRtl .createWatershedIcon,
.esriRtl .traceDownstreamIcon {
  margin-left: 10px;
  margin-right: 0;
}
.esriRtl .toc-opened #appNavBar {
  left: 0;
  right: 300px;
}
.esriRtl .login-panel a {
  left: 0px;
  right: auto;
}
.esriRtl .search-bar.main-search-bar .search-scope-bar {
  margin-left: 50px;
  margin-right: 0;
}
.esriRtl .item-card {
  float: right;
}
.esriRtl .search-box .search-clear {
  left: auto;
  right: -32px;
}
.esriRtl [class*="col-"] .search-box {
  float: left;
  margin-left: 10px;
  margin-right: 0;
}
.esriRtl .search-sort-options .sort-order-icon {
  float: left;
}
.esriRtl .radio-inline,
.esriRtl .checkbox-inline {
  padding-left: 0;
  padding-right: 26px;
}
.esriRtl .radio-inline .dijitCheckBox,
.esriRtl .checkbox-inline .dijitCheckBox {
  position: absolute;
  left: auto;
  right: 0;
}
.esriRtl .search-item-ratings-comments-views [class*="gd-icon-"] {
  margin-left: 10px;
  margin-right: 0;
}
.esriRtl .pagination .esri-icon-left:before {
  content: "\e62b";
}
.esriRtl .pagination .esri-icon-right:before {
  content: "\e62a";
}
.esriRtl .pagination .esri-icon-expand:before {
  content: "\e632";
}
.esriRtl .project-menu .project-details .dl-horizontal dd {
  margin-left: 0;
  margin-right: 110px;
}
.esriRtl .project-menu .project-details .panel-footer {
  text-align: left;
}
.esriRtl .project-menu .project-member-item .user-thumbnail {
  margin-left: 20px;
  margin-right: 0;
}
.esriRtl .project-menu .list-group-subItem > .list-group-item {
  padding-left: 25px;
  padding-right: 35px;
}
.esriRtl .project-menu .esri-icon-left-arrow-circled:before {
  content: "\e617";
}
.esriRtl .projectinfo-opened .sidebar {
  left: auto;
  right: 0;
}
.esriRtl .projectinfo-opened .sidebar-content {
  left: auto;
  right: 200px;
}
.esriRtl .calcite .esriSimpleSliderTL {
  left: auto;
  right: 15px;
}
.esriRtl .map-tools .panel-heading .btn-icon {
  float: left;
}
.esriRtl .map-tools .dropdown-menu .esriBookmarkItem:before {
  margin-left: 9px;
  margin-right: 0;
}
.esriRtl #tocContainer {
  left: auto;
  right: -300px;
}
.esriRtl .toc-opened #tocContainer {
  left: auto;
  right: 0;
}
.esriRtl .TOC .nav-tabs {
  padding: 0 15px;
}
.esriRtl .TOC .right > .dropdown-menu {
  left: auto;
  right: 298px;
  margin-left: 0;
  margin-right: 15px;
}
.esriRtl .TOC .toc-tree-row {
  padding-left: 10px;
  padding-left: 10px;
  padding-right: 15px;
}
.esriRtl .TOC > .panel-heading [class^="esri-icon-"],
.esriRtl .TOC > .panel-heading [class*=" esri-icon-"],
.esriRtl .toc-expando [class^="esri-icon-"],
.esriRtl .toc-expando [class*=" esri-icon-"] {
  margin-left: 10px;
  margin-right: inherit;
}
.esriRtl .TOC > .panel-heading .btn-icon,
.esriRtl .toc-expando .btn-icon {
  float: left;
  margin-left: 0;
  margin-right: 0;
}
.esriRtl .toc-expando {
  float: right;
  border-left: 1px solid #004575;
  border-right: 0;
}
.esriRtl .toc-expando [class^="esri-icon-"],
.esriRtl .toc-expando [class*=" esri-icon-"],
.esriRtl .toc-expando [class^="gd-icon-"],
.esriRtl .toc-expando [class*=" gd-icon-"] {
  margin-left: 0;
  margin-right: inherit;
}
.esriRtl .data-layers.section-header .btn [class^="esri-icon-"], .esriRtl .data-layers.section-header .btn [class*=" esri-icon-"] {
  float: none;
}
.esriRtl .data-layers.section-header .btn:hover .btn-icon-text {
  margin-left: 0;
  margin-right: 5px;
}
.esriRtl .basemap-layer .toc-tree-node {
  padding-left: 10px;
  padding-right: 21px;
}
.esriRtl .right-panel {
  left: -400px;
  right: auto;
}
.esriRtl .symbol-palette > .panel-heading,
.esriRtl .analysis > .panel-heading,
.esriRtl .attributes > .panel-heading,
.esriRtl .weighted-overlay > .panel-heading {
  border-left: 0;
  border-right: 1px solid rgba(255, 255, 255, 0.15);
}
.esriRtl .dashboard .previous-item,
.esriRtl .dashboard .next-item {
  left: auto;
  right: 0;
}
.esriRtl .dashboard .next-item {
  left: 0;
  right: auto;
}
.esriRtl .kpi-editor .range-inputs .dijitTextBox,
.esriRtl .chart-editor .range-inputs .dijitTextBox {
  margin-left: 5px;
  margin-right: 0;
}
.esriRtl .kpi-editor .kpi-abbrev,
.esriRtl .chart-editor .kpi-abbrev {
  float: right;
}
.esriRtl .kpi-editor .kpi-abbrev + .kpi-abbrev,
.esriRtl .chart-editor .kpi-abbrev + .kpi-abbrev {
  margin-left: 0;
  margin-right: -1px;
}
.esriRtl .kpi-editor .reverse .esri-icon-refresh,
.esriRtl .chart-editor .reverse .esri-icon-refresh {
  padding: 0 5px;
  margin: 0;
}
.esriRtl .form-group .dijitRadio {
  margin-left: 10px;
  margin-right: 0;
}
.esriRtl .toc-opened .maximized {
  left: 0;
  right: 299px;
}
.esriRtl .toc-opened .minimized {
  left: 0;
  right: 300px;
}
.esriRtl .esri-icon-left:before {
  content: "\e62b";
}
.esriRtl .esri-icon-right:before {
  content: "\e62a";
}
.esriRtl .esri-icon-expand:before {
  content: "\e632";
}
.esriRtl .dashboard-item .panel-heading .actions {
  left: 0;
  right: auto;
}
.esriRtl .chart-item .plot-type,
.esriRtl .chart-item .secondary-warning {
  float: right;
}
.esriRtl .chart-item .plot-type.second-plot-type {
  border-left: 0;
  border-right: 1px dashed #cccccc;
}
.esriRtl .chart-item .secondary-warning .alert {
  margin-left: 20px;
  margin-right: 0;
}
.esriRtl .chart-item .secondary-collapse {
  left: auto;
  right: 50%;
}
.esriRtl .chart-item .secondary-collapse .expand-button {
  margin-left: 0;
  margin-right: -16px;
}
.esriRtl .chart-item .plot-header .btn {
  border-left: 0;
  border-right: 1px solid #e0e0e0;
}
.esriRtl .plot-type .item-segment .dijitSelect .dijitButtonContents {
  padding-left: 0;
  padding-right: 5px;
}
.esriRtl .plot-type .item-segment .dijitSelect .dijitArrowButton {
  padding-left: 5px;
  padding-right: 0;
}
.esriRtl .multi-action-dialog .menu-in-dropdown a {
  text-align: right;
}
.esriRtl .constants .list label + label {
  margin-right: 10px;
  margin-left: auto;
}
.esriRtl .constants-dialog .add-button {
  float: right;
}
.esriRtl .dropdown-menu .scenario-choice-item a {
  padding-left: 10px;
  padding-right: 20px;
}
.esriRtl .dropdown-menu .scenario-choice-item .scenario-name-label {
  margin-lefet: 15px;
  margin-right: 0;
}
.esriRtl .split-mode #mainMap {
  left: auto;
  right: 0;
}
.esriRtl .split-mode #comparisonMap {
  left: 0;
  right: auto;
}
.esriRtl .split-mode #mapsContainer .scenario-select,
.esriRtl .swipe-mode .layer-select {
  left: 15px;
  right: auto;
}
.esriRtl .input-layer-widget.dijitSelect .dijitSelectLabel {
  text-align: right;
}
.esriRtl .design-subtypes-dropDown {
  margin-left: 0;
  margin-right: -1px;
}
.esriRtl .design-subtypes-dropDown .dijitButtonNode .dijitIcon {
  margin-left: 0;
}
.esriRtl .esriAnalysis .dijitCheckBox,
.esriRtl .esriAnalysis .dijitRadio {
  margin-left: 10px;
  margin-right: 0;
}
.esriRtl .esriAnalysis .esriActionButton .dijitButtonNode .dijitIcon {
  margin-left: 0;
}
.esriRtl table.esriFormTable > tbody > tr > td:first-child,
.esriRtl .esriSimpleForm table.esriFormTable > tbody > tr > td:first-child {
  padding-left: 10px !important;
  padding-right: 15px !important;
}
.esriRtl .esriAnalysisNumberLabel {
  margin-left: 5px;
  margin-right: 0;
}
.esriRtl .esriAnalysisNumberLabel:before {
  left: auto;
  right: 0;
}
.esriRtl .dijitButton.esriAnalysisSubmitButton {
  margin-right: 0;
  max-width: 100%;
}
.esriRtl .esriAnalysis .jimu-gp-editor-base .dijit + .dijit {
  margin-left: auto;
  margin-right: -1px;
}
.esriRtl .wro-top-bar .search-box {
  margin-left: 0;
}
.esriRtl .wro-top-bar .search-scope-bar .btn-group > .btn + .btn {
  margin-left: 0;
  margin-right: 5px;
}
.esriRtl .weighted-overlay-pane .panel-footer .esri-icon-left:before {
  content: "\e62b";
}
.esriRtl .weighted-overlay-pane .panel-footer .esri-icon-right:before {
  content: "\e62a";
}
.esriRtl .weighted-overlay-pane .panel-footer .btn-back {
  text-align: right;
  margin-left: 0;
  margin-right: -15px;
}
.esriRtl .weighted-overlay-pane .wizard-header .model-colormap .dijitArrowButtonInner {
  padding-left: 0;
  padding-right: 9px;
}
.esriRtl .weighted-overlay-select-layers > .panel-footer .esri-icon-right-arrow {
  left: -10px;
  right: auto;
}
.esriRtl .weighted-overlay-select-layers > .panel-footer .esri-icon-right-arrow:before {
  content: "\e65a";
}
.esriRtl .weighted-overlay-layer-editor .layer-row .title label {
  margin-left: 5px;
  margin-right: 0;
}
.esriRtl .weighted-overlay-layer-editor .layer-row .value {
  float: left;
  margin-left: -10px;
  margin-right: auto;
}
.esriRtl .weighted-overlay-layer-editor .layer-row .gd-icon-sliders {
  margin-left: 10px;
  margin-right: 5px;
  float: left;
}
.esriRtl .layer-ranges > div:before {
  left: auto;
  right: 271px;
}
.esriRtl .weight-pct-total .weight-pct-label {
  float: right;
}
.esriRtl .weight-pct-total .weight-pct-total-wrapper {
  float: left;
}
.esriRtl .kpi-settings-dialog .modal-header .btn-group {
  margin-left: 25px;
  margin-right: 0;
}
.esriRtl .util-multiselect ul li label,
.esriRtl .util-multiselect ul li .dijit {
  float: right;
}
.esriRtl .util-multiselect ul li .dijit {
  margin-left: 10px;
  margin-right: 0;
}
.esriRtl #attributesPanelContainer {
  left: -400px;
  right: auto;
}
.esriRtl .attachmentEditor div > span > span .deleteAttachment {
  float: left;
}
.esriRtl .atiButtons {
  position: fixed;
  text-align: left;
  left: 0;
  right: auto;
}
.esriRtl .import-dialog .previous-button {
  text-align: right;
}
.esriRtl .import-dialog .next-button {
  text-align: left;
}
.esriRtl .wizard-header .bullet-number {
  margin-left: 5px;
  margin-right: 0;
}
.esriRtl .feature-type-table .form-group .control-label,
.esriRtl .field-map-table .form-group .control-label {
  text-align: center;
}
.esriRtl .reclass-criteria > .reclass-option {
  margin-left: 5px;
  margin-right: 0;
}
.esriRtl .reclass-entry-color {
  margin-left: 0;
  margin-right: 10px;
}
.esriRtl .reclass-selected-label {
  margin-left: 0;
  margin-right: 10px;
}
.esriRtl .jobs-progress-indicators {
  margin-left: 0;
  margin-right: 5px;
  left: -5px;
  right: auto;
}
.esriRtl .jobs-progress-indicators .toc-job-status {
  margin-left: 0;
  margin-right: 2px;
}
.esriRtl .toc-job-name {
  margin-left: 10px;
  margin-right: 0;
}
.esriRtl .equation-builder .equation-toolbar .btn .caret {
  margin-left: 0;
  margin-right: 10px;
}
.esriRtl .equation-builder .equation-toolbar .btn-group .btn {
  margin-left: 0;
  margin-right: 5px;
}
.esriRtl .equation-builder .field-options .fields-panel {
  margin-left: 2.5px;
  margin-right: 0;
}
.esriRtl .equation-builder .field-options .units-panel {
  margin-left: 0;
  margin-right: 2.5px;
}
.esriRtl .equation-builder .field-options .units-panel .nav label {
  margin-left: 5px;
  margin-right: auto;
}
.esriRtl .equation-builder .field-options .btn-group-grid-row .btn + .btn {
  border-left: 0;
  border-right: 1px solid #e0e0e0;
}
.esriRtl .schema-editor .feature-type-list {
  left: auto;
  right: 0;
  border-left: 1px solid #e0e0e0;
  border-right: 0;
}
.esriRtl .schema-editor .feature-type {
  margin-left: 0;
  margin-right: 240px;
}
.esriRtl .selection-editor .panel-footer .message {
  margin-left: 5px;
  margin-right: 0;
}
.esriRtl .selection-editor .btn-flute-group .btn-block-group .btn-bulkmove {
  margin-left: -28px;
  margin-right: 4px;
}
.esriRtl .selection-editor .btn-flute-group .btn-block-group.can-move .btn-bulkmove {
  margin-left: 4px;
  margin-right: 4px;
}
.esriRtl .schema-editor-add-wrapper {
  border-left: 1px solid #e0e0e0;
  border-right: 0;
}
.esriRtl .split-editor > .panel .secondary-label {
  position: relative;
  padding-left: 15px;
  padding-right: 20px;
}
.esriRtl .split-editor > .panel .secondary-label [class*="gd-icon-"] {
  left: auto;
  right: 0;
}
.esriRtl .feature-listitem--thumbnail {
  margin-left: 5px;
  margin-right: -5px;
}
.esriRtl .project-card .list-inline > li [class^="esri-icon-"],
.esriRtl .project-card .list-inline > li [class*=" esri-icon-"] {
  margin-left: 10px;
  margin-right: inherit;
}
.esriRtl .project-card .list-inline > li .secondary-label {
  float: right;
}
.esriRtl .item-action-bar {
  text-align: left;
}
.esriRtl .item-action-bar > .btn,
.esriRtl .item-action-bar > .btn + .btn {
  margin-left: 0;
  margin-right: 5px;
}
.esriRtl .item-action-bar .alert {
  float: right;
}
.esriRtl .esriCalcField .esriLeadingMargin1 {
  margin-right: auto;
}
.esriRtl .esriCalcField textarea {
  direction: rtl;
}
.esriRtl .esriCalcField .esriActionButtonCtr .dijitButton {
  margin-left: -1px;
  margin-right: auto;
}
.esriRtl .esriCalcField .esriCalcFieldCtr {
  margin-left: 5px;
  margin-right: auto;
}
.esriRtl .esriCalcField .esriFieldsSelectionCtr label {
  margin-left: 5px;
  margin-right: auto;
}
.esriRtl .esriCalcField .dgrid-list {
  direction: rtl;
}
.esriRtl .esriCalcButtonCtr .dijitButton + .dijitButton {
  margin-left: auto;
  margin-right: 5px;
}

@-moz-keyframes secondary-navbar-slide-rtl {
  from {
    -moz-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
  }
  to {
    -moz-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes secondary-navbar-slide-rtl {
  from {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes secondary-navbar-slide-rtl {
  from {
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
  }
  to {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
.mode-3d .mode-3d-disabled,
.mode-2d .mode-2d-disabled,
.content-disabled {
  opacity: 0.4;
  pointer-events: none;
}

.mode-3d .mode-3d-disabled .dijitCheckBoxChecked,
.mode-2d .mode-2d-disabled .dijitCheckBoxChecked {
  background-color: #959595;
  border-color: #959595;
}
.mode-3d .mode-3d-disabled .dijitTreeRowSelected,
.mode-3d .mode-3d-disabled .dijitTreeRowHover.dijitTreeRowSelected,
.mode-3d .mode-3d-disabled .dijitTreeRowActive.dijitTreeRowSelected,
.mode-2d .mode-2d-disabled .dijitTreeRowSelected,
.mode-2d .mode-2d-disabled .dijitTreeRowHover.dijitTreeRowSelected,
.mode-2d .mode-2d-disabled .dijitTreeRowActive.dijitTreeRowSelected {
  background-color: transparent;
}

.esri-widget-button {
  color: #4c4c4c;
  background-color: #ffffff;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.esri-widget-button:hover {
  color: #0079c1;
  background-color: #e2f1fb;
}
.esri-widget-button.active {
  background-color: #196fa6;
  color: #ffffff;
}
.esri-widget-button:focus {
  outline: none;
}

.esri-ui-corner .esri-widget {
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
}

.esri-zoom .esri-widget-button {
  box-shadow: none;
}
.esri-zoom .esri-widget-button:last-child {
  border-top: 1px solid #efefef;
}

.esriColorPicker {
  width: 280px;
}

.map-3d .map-tools {
  position: static;
}
.map-3d .map-tools .esri-widget {
  box-shadow: none;
}
.map-3d .map-tools .esri-component {
  margin-bottom: 0;
}
.map-3d .map-tools .esri-navigation-toggle {
  min-height: 32px;
}
.map-3d .map-tools .esri-navigation-toggle:hover .esri-navigation-toggle__button {
  color: #0079c1;
  background-color: #e2f1fb;
}
.map-3d .map-tools .esri-navigation-toggle:hover .esri-navigation-toggle__button--rotate {
  left: 32px;
  box-shadow: 0px 1px 3px rgba(51, 51, 51, 0.55);
}
.map-3d .map-tools .esri-navigation-toggle:hover .esri-navigation-toggle__button--rotate.esri-navigation-toggle__button--active {
  z-index: 0;
}
.map-3d .map-tools .esri-navigation-toggle__button {
  position: absolute;
  left: 0;
  z-index: 1;
  transition: left ease-in-out .15s;
}
.map-3d .map-tools .esri-navigation-toggle__button :before {
  border-right-color: #0079c1;
}
.map-3d .map-tools .esri-navigation-toggle__button--active {
  color: #0079c1;
  z-index: 2;
}
.map-3d .map-tools .esri-navigation-toggle__button--rotate {
  border-top: 0;
}
.map-3d .locator-dropdown .dropdown-menu .panel-body {
  width: auto;
}
.map-3d .bookmarks-3d-dropdown .slides-list {
  max-height: 260px;
  overflow: auto;
}
.map-3d .dashboard-button {
  position: static;
  margin-top: 10px;
}

.environment-panel {
  width: 300px;
}
.environment-panel > hr {
  border: 0;
  height: 1px;
  background: #cccccc;
  background: linear-gradient(to right, rgba(204, 204, 204, 0) 0%, #cccccc 25%, #cccccc 75%, rgba(204, 204, 204, 0) 100%);
  margin: 20px 0 10px;
}
.environment-panel .date-time {
  margin-left: 5rem;
  margin-top: 0.5rem;
}
.environment-panel .date-time.show-date-picker .date-placeholder {
  visibility: hidden;
}
.environment-panel .date-time.show-date-picker .date-select {
  width: 115px;
  visibility: visible;
}
.environment-panel .date-time.show-date-picker .time-zone {
  margin-left: 30px;
}
.environment-panel .sun-time {
  color: #323232;
  font-size: 1.5rem;
  text-align: center;
  line-height: 1;
  white-space: nowrap;
}
.environment-panel .date-placeholder {
  display: inline-block;
  vertical-align: middle;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #959595;
  padding: 2px;
  transition: all 0.25s ease;
}
.environment-panel .date-placeholder:hover {
  cursor: pointer;
  background-color: #e2f1fb;
}
.environment-panel .date-placeholder:active {
  background-color: #aadbfa;
}
.environment-panel .date-select {
  width: 110px;
  position: absolute;
  visibility: hidden;
  transition: width .2s ease;
}
.environment-panel .time-zone {
  margin: 0 0.25rem;
  transition: margin .2s ease;
}
.environment-panel .dijitSlider {
  margin-top: 15px;
  margin-bottom: 25px;
  position: relative;
}
.environment-panel .dijitSlider .dijitSliderRemainingBarH,
.environment-panel .dijitSlider .dijitSliderRightBumper {
  background-color: #efefef;
  background-image: linear-gradient(to right, #005e95, #e8912e, #e8912e, #005e95);
}
.environment-panel .dijitSlider .dijitSliderProgressBarH,
.environment-panel .dijitSlider .dijitSliderLeftBumper {
  background-color: transparent;
}
.environment-panel .dijitSliderBarH,
.environment-panel .dijitSliderBumperH {
  height: 2px;
}
.environment-panel .dijitSliderImageHandle {
  width: 18px;
  height: 18px;
  background-color: #e8912e;
  border: 2px solid #ffffff;
  border-radius: 50%;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.environment-panel .dijitSliderImageHandle:after {
  content: none;
}
.environment-panel .dijitSliderImageHandle:focus {
  outline: none;
}
.environment-panel .dijitSliderImageHandle.dojoMoveItem {
  opacity: 1;
}
.environment-panel .dijitSliderImageHandleH {
  top: -8px;
}
.environment-panel .dijitSliderImageHandleH .slider-handle-caret {
  position: absolute;
  top: -19px;
  margin: 0 1px;
}
.environment-panel .dijitRuleContainerH {
  margin-top: -2px;
}
.environment-panel .dijitRuleLabelsContainer {
  margin-top: 5px;
}
.environment-panel .dijitRuleMarkH {
  border-right-color: #cccccc;
}
.environment-panel .dijitRuleLabel {
  font-weight: 400;
}
.environment-panel .dijitRuleLabel small {
  display: block;
  color: #959595;
}
.environment-panel .dijitSelect {
  border: none;
}
.environment-panel .dijitSelect.zone-select {
  display: inline-block;
  color: #959595;
}
.environment-panel .dijitTextBox.date-select {
  cursor: pointer;
}
.environment-panel .dijitTextBox.date-select .dijitInputField {
  font-size: 0.875rem;
  line-height: 1.5;
  color: #959595;
  padding: 2px;
}
.environment-panel .dijitTextBox.date-select .dijitInputInner {
  height: auto;
  padding: 0;
  line-height: inherit;
  letter-spacing: inherit;
  font-size: inherit;
}
.environment-panel .dijitTextBox.date-select .dijitArrowButton {
  font-size: 1rem;
}
.environment-panel .dijitTextBox.date-select .dijitArrowButtonContainer {
  display: none;
  border: 0 !important;
  padding: 3px;
}
.environment-panel .dijitTextBox.date-select.dijitFocused .dijitArrowButtonContainer {
  display: inline-block;
}
.environment-panel .shadow-container {
  border-top: 1px solid #efefef;
  margin: 2rem -15px 0;
  padding: 1rem 1rem 0;
}
.environment-panel .shadowing-title {
  font-size: 0.875rem;
  font-weight: normal;
  margin-bottom: 1rem;
}
.environment-panel .direct-shadow,
.environment-panel .diffuse-shadow {
  margin-bottom: 1rem;
}
.environment-panel .direct-shadow label,
.environment-panel .diffuse-shadow label {
  vertical-align: middle;
  font-weight: normal;
  margin-bottom: 0;
}
.environment-panel .direct-shadow label > span,
.environment-panel .diffuse-shadow label > span {
  color: #a9a9a9;
  margin: 0 4px;
}
.environment-panel .direct-shadow .dijit,
.environment-panel .diffuse-shadow .dijit {
  margin-right: 0.5rem;
}

.simple .dijitButtonContents {
  padding: 0;
}
.simple.dijitTextBox {
  border: 0;
  border-bottom: 1px solid transparent;
}
.simple.dijitTextBox .dijitInputField {
  padding: 0;
}
.simple.dijitTextBox.dijitFocused {
  border-bottom-color: #007ac2;
}
.simple.dijitSelect .dijitArrowButton {
  display: none;
}

.dijitCalendarMonthContainer {
  padding: 0.5rem;
  margin-bottom: 0.5rem;
}
.dijitCalendarMonthContainer .dijitButtonNode {
  border: 0;
}
.dijitCalendarMonthContainer .dijitButtonText {
  font-size: 1rem;
  font-weight: 500;
}

.dijitCalendarArrow {
  font-family: 'CalciteWebCoreIcons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 0.5rem;
  margin: 2px;
  transition: all 0.25s ease;
  cursor: pointer;
}
.dijitCalendarArrow .dijitCalendarDecrementControl,
.dijitCalendarArrow .dijitCalendarIncrementControl {
  display: none;
}
.dijitCalendarArrow:hover {
  background-color: #e2f1fb;
}
.dijitCalendarArrow:active, .dijitCalendarArrow:focus {
  color: #0079c1;
  background-color: #aadbfa;
}

.dijitCalendarDecrementArrow {
  float: left;
}
.dijitCalendarDecrementArrow:before {
  content: "\e62a";
}

.dijitCalendarIncrementArrow {
  float: right;
}
.dijitCalendarIncrementArrow:before {
  content: "\e62b";
}

.slides {
  min-width: 300px;
}
.slides > .btn {
  width: 100%;
}
.slides > ul {
  list-style-type: none;
  padding: 0;
  margin: 0 -15px 1rem;
}
.slides > ul li {
  display: flex;
  padding: 0.5rem 1rem;
  border-bottom: 1px solid #efefef;
  position: relative;
  transition: padding .15s ease;
}
.slides > ul li:after {
  content: "";
  width: 0;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #007ac2;
  transition: width .15s ease;
}
.slides > ul li,
.slides > ul li input[type="text"]:disabled:hover {
  cursor: pointer;
}
.slides > ul li:hover {
  background-color: #e2f1fb;
}
.slides > ul li.editing {
  padding-left: 1.25rem;
}
.slides > ul li.editing:hover {
  background-color: transparent;
}
.slides > ul li.editing:after {
  width: 4px;
}
.slides input[type="text"] {
  height: 30px;
  background-color: transparent;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  border-width: 0;
  font-weight: 500;
}
.slides input[type="text"]:focus {
  border-bottom-width: 1px;
}
.slides input[type="text"]:disabled:hover, .slides input[type="text"]:disabled:focus {
  border-bottom-width: 0;
}

.slide-thumbnail {
  height: 40px;
  width: 64px;
  background: #f4f4f4;
  cursor: pointer;
}
.slide-thumbnail img {
  height: 100%;
}

.slide-title {
  flex: 1;
}

.btn-refresh.animate .esri-icon-refresh {
  display: inline-block;
  animation-name: spin;
  animation-duration: 0.4s;
  animation-timing-function: linear;
  animation-iteration-count: 1;
}

.layer-settings .form-group .btn-clear {
  float: right;
}
.layer-settings .dropdown-color {
  height: 24px;
  width: 32px;
}
.layer-settings .expression-warning {
  max-height: 60px;
  overflow-y: auto;
  margin-top: 0.5rem;
}

.arcade-expression-builder .field-options .panel .panel-body {
  max-height: 200px;
  padding: 0.5rem;
}

html[dir="rtl"] .esri-compass {
  margin-left: auto;
  margin-right: -4px;
}
html[dir="rtl"] .mode-3d .map-tools .esri-navigation-toggle:hover .esri-navigation-toggle__button--rotate {
  left: auto;
  right: 32px;
}
html[dir="rtl"] .mode-3d .map-tools .esri-navigation-toggle__button {
  left: auto;
  right: 0;
  transition-property: right;
}
html[dir="rtl"] .environment-panel .date-time {
  margin-left: auto;
  margin-right: 5rem;
}
html[dir="rtl"] .environment-panel .date-time.show-date-picker .time-zone {
  margin-left: auto;
  margin-right: 30px;
}
html[dir="rtl"] .environment-panel .direct-shadow .dijit,
html[dir="rtl"] .environment-panel .diffuse-shadow .dijit {
  margin-left: 0.5rem;
  margin-right: auto;
}
html[dir="rtl"] .environment-panel .direct-shadow label > span,
html[dir="rtl"] .environment-panel .diffuse-shadow label > span {
  float: left;
}
html[dir="rtl"] .dijitCalendarDecrementArrow {
  float: right;
}
html[dir="rtl"] .dijitCalendarDecrementArrow:before {
  content: "\e62b";
}
html[dir="rtl"] .dijitCalendarIncrementArrow {
  float: left;
}
html[dir="rtl"] .dijitCalendarIncrementArrow:before {
  content: "\e62a";
}
html[dir="rtl"] .slides > ul li:after {
  left: auto;
  right: 0;
}
html[dir="rtl"] .slides > ul li.editing {
  padding-left: 1rem;
  padding-right: 1.25rem;
}
html[dir="rtl"] .layer-settings .form-group .btn-clear {
  float: left;
}

.locale-da .item-action-bar > .btn + .btn,
.locale-cs .item-action-bar > .btn + .btn,
.locale-lv .item-action-bar > .btn + .btn {
  margin: 0;
}

.locale-cs .item-action-bar > .btn,
.locale-lv .item-action-bar > .btn {
  font-size: 11px;
}