.esri-marker-symbol-picker {position: relative; padding: 8px 0;}.esri-marker-symbol-picker.esri-default-symbols .esri-marker-symbol-picker__symbolViewport {height: auto;}.esri-marker-symbol-picker__symbolViewport {overflow: auto;}.esri-marker-symbol-picker--dimensionality-volumetric {width: 360px;}.esri-marker-symbol-picker--dimensionality-volumetric .esri-marker-symbol-picker__symbolViewport {height: 270px;}.esri-marker-symbol-picker--dimensionality-flat {width: 280px;}.esri-marker-symbol-picker--dimensionality-flat .esri-marker-symbol-picker__symbolViewport {height: 220px;}.esri-marker-symbol-picker .esri-type-input {margin-bottom: 10px;}.esri-marker-symbol-picker .esri-type-input .dijitButtonContents {width: 100%;}.esri-marker-symbol-picker .esri-symbol-grid {display: flex; flex-wrap: wrap;}.esri-marker-symbol-picker .esri-symbol {display: flex; align-items: center; cursor: pointer; overflow: hidden; position: relative;}.esri-marker-symbol-picker .esri-symbol:after {content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 6px; background: linear-gradient(to top, #fff, #fff, rgba(255, 255, 255, 0.5));}.esri-marker-symbol-picker .esri-symbol img {max-width: 100%; height: auto;}.esri-marker-symbol-picker .esri-symbol div {overflow: hidden; text-align: center; padding: 0 6px; margin: auto;}.esri-marker-symbol-picker--dimensionality-volumetric .esri-symbol {flex-basis: 20%; padding: 6px 0 6px 0; height: 64px;}.esri-marker-symbol-picker--dimensionality-flat .esri-symbol {flex-basis: 16%; padding: 6px 0; height: 35px;}.esri-marker-symbol-picker--dimensionality-flat img {height: 32px; width: auto;}.esri-marker-symbol-picker--blocked .esri-type-input {color: transparent;}.esri-marker-symbol-picker--blocked .esri-symbol-grid {display: none;}.esri-marker-symbol-picker .esri-symbol--selected {background-color: #cee7f8;}.esri-marker-symbol-picker__symbolViewport {border: solid 1px #8ba0bd;}.esri-marker-symbol-picker::after {background-color: #fff; position: absolute; left: 0; right: 0; top: 44px; bottom: 0; display: flex; justify-content: center; align-items: center; content: url("../images/loading-throb.gif"); opacity: 0; pointer-events: none; transition: opacity 0.25s 0.1s;}.esri-marker-symbol-picker--blocked::after {top: 0;}.esri-marker-symbol-picker--loading::after {opacity: 1;}.esri-marker-symbol-picker__category-select .dijitButtonContents {height: 30px; padding: 0 0.5em;}.esri-marker-symbol-picker__category-select.dijitSelect .dijitArrowButton {padding: 0 0.4em;}.dijitMenuPopup[dijitpopupparent^=esri_widgets_SymbolStyler_MarkerSymbolPicker_] .dijitMenuItemLabel {font-family: "Avenir Next W00", "Helvetica Neue", Helvetica, Arial, sans-serif;}.esri-marker-symbol-picker__header {font-size: 14px; margin: 0 0 0.5rem 0;}.esri-marker-symbol-picker--showing-overlay {display: flex; justify-content: center; align-items: center;}.esri-color-ramp-picker {min-width: 200px; white-space: nowrap;}.esri-color-ramp-picker .esri-container {display: inline-block; vertical-align: top;}.esri-color-ramp-picker .esri-viewport {white-space: normal; height: 208px; box-sizing: border-box; overflow-x: hidden; overflow-y: auto; margin: 0 6px; padding: 2px 0; border: solid 1px #ededed;}.esri-color-ramp-picker .esri-list {display: flex; flex-wrap: wrap;}.esri-color-ramp-picker .esri-item {height: 70px; width: 20px; margin: 2px 4px; cursor: pointer; border: 1px solid #ededed;}.esri-color-ramp-picker .esri-item.esri-preview {height: 180px; width: 20px; cursor: auto; margin: 0;}.esri-color-ramp-picker .esri-item.esri-selected {cursor: auto;}.esri-color-ramp-picker .dijitButton .dijitButtonNode {box-shadow: none; border: none; padding: 0; background: none;}.esri-color-ramp-picker .esri-flipper {margin-top: 4px; cursor: pointer; font-size: 20px;}.esri-horizontal-slider.dijitSlider.dijitDisabled {opacity: 0.5;}.esri-horizontal-slider.dijitSlider .dijitSliderBumper {background: #999 none; box-shadow: none;}.esri-horizontal-slider.dijitSlider .dijitSliderBar {border-color: #999;}.esri-horizontal-slider.dijitSlider .dijitSliderProgressBar {background: #ddd none;}.esri-horizontal-slider.dijitSlider .dijitSliderRemainingBarH {box-shadow: none;}.esri-horizontal-slider.dijitSlider .dijitSliderImageHandle,.esri-horizontal-slider.dijitSlider .dijitSliderImageHandle.dijitSliderThumbHover {background: url("../../HorizontalSlider/images/slider-handle.png"); border: none; width: 10px; height: 14px;}.dijitRtl .esri-horizontal-slider.dijitSlider .dijitSliderImageHandle {left: auto; right: 50%;}.dijitRtl .esri-horizontal-slider .dijitSliderMoveableH {right: auto; left: 0;}.esri-horizontal-slider .dijitRuleContainer {padding: 6px 0 20px; color: #4d4d4d;}.esri-horizontal-slider .dijitRuleLabel {z-index: 2; font-size: 12px;}html[dir=rtl] .dijitSlider .dijitSliderLeftBumper {border-radius: 0px 2px 2px 0; border-width: 1px 1px 1px 0; margin-left: -1px;}html[dir=rtl] .dijitSlider .dijitSliderRightBumper {border-radius: 2px 0 0 2px; border-width: 1px 0 1px 1px; margin-left: -2px; margin-right: 0;}.esri-color-picker {font-size: 12px; color: #6e6e6e; text-shadow: none; width: 226px;}.esri-color-picker .esri-section {margin: 10px 0 8px;}.esri-color-picker .esri-section:last-child {margin-bottom: 0;}.esri-color-picker.esri-container {display: inline-block; padding: 12px 15px; background-color: #ffffff;}.esri-color-picker .esri-hex-input {display: inline-block; color: #6e6e6e; width: 5.6em; border: 1px solid rgba(110, 110, 110, 0.3); direction: ltr; text-transform: uppercase; vertical-align: middle;}.esri-color-picker .esri-input-label {display: inline-block; vertical-align: middle;}.esri-color-picker .esri-swatch {vertical-align: middle; height: 15px; width: 15px; display: inline-block; cursor: pointer; margin: 0; border-radius: 0; border-color: transparent; transition: background-color 0.25s ease-in-out, transform 0.25s ease-in-out;}.esri-color-picker .esri-swatch-empty:before {display: inline-block; background-color: #f00; position: absolute; height: 1px; bottom: 0; left: 0; width: 200%; transform: rotate(-45deg); transform-origin: top left; content: ""; z-index: 1;}.esri-color-picker .esri-swatch-empty {position: relative; overflow: hidden; border: solid 1px rgba(110, 110, 110, 0.3); background-color: #ffffff; transition: border-color 0.25s ease-in-out;}.esri-color-picker .esri-palette-options {padding: 6px 0 0; position: relative;}.esri-color-picker .esri-palette-options .esri-swatch-empty {margin: 0 10px 0;}.esri-color-picker .esri-palette-options .esri-palette-toggle {position: absolute; right: 0; color: #6e6e6e; vertical-align: middle; box-shadow: none; border: none; padding: 0; font-size: inherit; background: none; box-shadow: none; border: none; padding: 0; cursor: pointer;}.dijitRtl .esri-color-picker .esri-palette-options .esri-palette-toggle {left: 0; right: auto;}.esri-color-picker .esri-label {margin: 0 0 4px;}.esri-color-pickerLabel.esri-disabled {opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";}.esri-color-picker .esri-swatch-preview {margin: 0; vertical-align: middle; display: inline-block; height: 25px; width: 100%;}.esri-color-picker .esri-swatch-preview.esri-container {position: relative; left: 0; right: 0; display: block; text-align: center;}.esri-color-picker .esri-swatch-preview .esri-swatch {position: absolute; cursor: auto; margin: 0; right: 0; top: 0; bottom: 0; left: 0; height: 25px; width: 100%;}.esri-color-picker .esri-swatch-preview .esri-swatch.esri-swatch-empty {display: none;}.esri-color-picker .esri-swatch-row {font-size: 0; white-space: nowrap; line-height: 0;}.esri-color-picker .esri-palette.esri-recent:empty {background-color: whitesmoke; box-shadow: 0 0 0 1px rgba(110, 110, 110, 0.3); width: 15px; height: 15px;}.esri-color-picker .esri-swatch.esri-swatch-transparency-background {background-image: url("../../ColorPicker/images/transparent-bg.png");}.esri-color-picker .esri-palette .esri-swatch.esri-selected {border: 1px solid;}.esri-color-picker .esri-swatch.esri-selected {animation: esri-color-picker-highlight-selection 0.2s ease;}.esri-color-picker .esri-transparency-slider::-ms-tooltip {display: none;}.esri-color-picker .esri-transparency-slider[type=range] {-webkit-appearance: none; margin: 0; width: 100%;}.esri-color-picker .esri-transparency-slider[type=range]::-webkit-slider-runnable-track {width: 100%; height: 4px; cursor: pointer; box-shadow: none; background-color: rgba(110, 110, 110, 0.3); border-radius: 0px; border: none; transition: background-color 250ms ease-in-out;}.esri-color-picker .esri-transparency-slider[type=range]::-webkit-slider-thumb {box-shadow: none; border: none; height: 16px; width: 10px; border-radius: 2px; background-color: #6e6e6e; cursor: pointer; -webkit-appearance: none; margin-top: -6px; transition: background-color 250ms ease-in-out;}.esri-color-picker .esri-transparency-slider[type=range][disabled]::-webkit-slider-runnable-track {background-color: rgba(110, 110, 110, 0.4);}.esri-color-picker .esri-transparency-slider[type=range][disabled]::-webkit-slider-thumb {background-color: rgba(110, 110, 110, 0.4);}.esri-color-picker .esri-transparency-slider[type=range][disabled],.esri-color-picker .esri-transparency-slider[type=range][disabled]::-webkit-slider-runnable-track,.esri-color-picker .esri-transparency-slider[type=range][disabled]::-webkit-slider-thumb {cursor: default;}.esri-color-picker .esri-transparency-slider[type=range][disabled] + .esri-color-picker-ticks {color: rgba(110, 110, 110, 0.4);}.esri-color-picker .esri-transparency-slider[type=range]:focus::-webkit-slider-runnable-track {background-color: rgba(110, 110, 110, 0.3);}.esri-color-picker .esri-transparency-slider[type=range]::-moz-range-track,.esri-color-picker .esri-transparency-slider[type=range]::-ms-track {width: 100%; height: 4px; cursor: pointer; box-shadow: none; background-color: rgba(110, 110, 110, 0.3); border: none; border-radius: 0px; border: none; color: transparent;}.esri-color-picker .esri-transparency-slider[type=range]::-moz-range-thumb,.esri-color-picker .esri-transparency-slider[type=range]::-ms-thumb {box-shadow: none; border: none; height: 16px; width: 10px; border-radius: 2px; background: #6e6e6e; cursor: pointer;}.esri-color-picker .esri-transparency-slider[type=range]::-ms-fill-lower,.esri-color-picker .esri-transparency-slider[type=range]::-ms-fill-upper {background: rgba(110, 110, 110, 0.3); border: none; border-radius: 0px; box-shadow: none;}.esri-color-picker .esri-transparency-slider[type=range]:focus::-ms-fill-lower,.esri-color-picker .esri-transparency-slider[type=range]:focus::-ms-fill-upper {background: rgba(110, 110, 110, 0.3);}.esri-color-picker .esri-palette.esri-container.esri-alt .esri-palette {left: -100%;}.esri-color-picker .esri-palette.esri-container {width: 100%; overflow: hidden; white-space: nowrap;}.esri-color-picker .esri-palette {left: 0; width: 100%; position: relative; display: inline-block; vertical-align: middle; transition: left 0.15s, visibility 0.1s;}.esri-color-picker .esri-container .esri-palette {margin: 6px 0;}.dijitRtl .esri-color-picker .esri-palette {left: auto; right: 0; transition-property: right;}.dijitRtl .esri-color-picker .esri-palette.esri-container.esri-alt .esri-palette {right: -100%; left: 0;}.esri-color-picker .esri-color-picker-ticks {margin-top: 6px; display: flex; justify-content: space-between; transition: color 250ms ease-in-out;}.esri-symbol-styler {font-family: "Avenir Next W00", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; color: #4d4d4d; position: relative; padding: 20px; background-color: #fff;}.esri-symbol-styler .esri-link {margin: 8px 0; display: inline-block; cursor: pointer; text-decoration: underline;}.esri-symbol-styler .esri-link-menu .dijitButtonText {padding: 0; text-decoration: underline;}.esri-symbol-styler .esri-symbol-preview {margin: auto auto 10px; transition: background-color 0.25s;}.esri-symbol-styler .esri-symbol-preview.esri-alt {background-color: #ddd; padding: 2px;}.esri-symbol-styler .esri-inline-input .dijitDisabled + .esri-text {opacity: 0.5;}.esri-symbol-styler .esri-color-picker {width: 236px;}.esri-symbol-styler .esri-color-picker.esri-container {border: none; padding: 0;}.esri-symbol-styler .esri-color-picker .esri-swatch {width: 18px; height: 18px;}.esri-symbol-styler .esri-color-picker .esri-menu__header {display: none;}.esri-symbol-styler .esri-color-picker .esri-footer {margin-bottom: 0;}.esri-symbol-styler .esri-color-picker .esri-section:first-child {margin-top: 0;}.esri-symbol-styler .esri-content {height: 100%;}.esri-symbol-styler .esri-tab-bar {display: block; margin: 10px 0; white-space: nowrap;}.esri-symbol-styler .esri-tab-bar .dijitToggleButton {background: none; color: #4d4d4d; font-size: 11px; padding: 4px 10px; border: none; box-shadow: none; text-transform: uppercase;}.esri-symbol-styler .esri-tab-bar .dijitDisabled .dijitButtonNode,.esri-symbol-styler .esri-tab-bar .dijitDisabled .dijitButtonContents,.esri-symbol-styler .esri-tab-bar .dijitDisabled .dijitButtonText {cursor: auto; color: #c3c3c3;}.esri-symbol-styler .esri-tab-bar .dijitToggleButtonChecked {background-color: #CEE7F8; border-radius: 4px;}.esri-symbol-styler .esri-label {margin: 10px 0 4px;}.esri-polygon-pattern-picker .esri-label {color: #6e6e6e; margin-bottom: 6px; font-family: "Avenir Next", "Avenir", "Helvetica Neue", "Helvetica", "Arial", sans-serif;}.esri-symbol-styler .esri-color-label {margin: 10px 0 0px; color: #6e6e6e; font-family: "Avenir Next", "Avenir", "Helvetica Neue", "Helvetica", "Arial", sans-serif;}.esri-symbol-styler .esri-color-picker .esri-horizontal-slider .dijitRuleContainer {padding: 10px 0 14px;}.esri-symbol-styler .esri-symbol-size-input .esri-horizontal-slider,.esri-symbol-styler .esri-line-width-input .esri-horizontal-slider {width: 65%;}.esri-symbol-styler .esri-inline-input {display: flex; align-items: center; justify-content: flex-start;}.esri-symbol-styler__inline-input-container {position: absolute; left: 0; right: 0;}.esri-symbol-styler .esri-inline-input .esri-horizontal-slider,.esri-symbol-styler .esri-inline-input .dijitTextBox {display: inline-block; margin-right: 4px;}.esri-symbol-styler .esri-inline-input .dijitTextBox {width: 25%; box-sizing: border-box;}.esri-symbol-styler .esri-line-pattern-input .dijitButtonContents {width: 100%;}.esri-symbol-styler .esri-line-pattern-input {box-sizing: border-box; margin: 0;}.esri-symbol-styler .esri-label.esri-disabled,.esri-symbol-styler .esri-line-pattern-input.dijitDisabled {opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";}.esri-symbol-styler .esri-line-pattern-input .dijitButtonText {padding: 0;}.esri-symbol-stylerMenu.esri-line-pattern-inputMenu .dijitMenuItemIconCell {margin: 0 2px;}.esri-symbol-stylerMenu.esri-line-pattern-inputMenu .dijitMenuItemIcon {width: 100%; display: block;}.esri-symbol-stylerMenu.esri-line-pattern-inputMenu .dijitMenuArrowCell,.esri-symbol-stylerMenu.esri-line-pattern-inputMenu .dijitMenuItemLabel {display: none;}.esri-symbol-stylerMenu.esri-line-pattern-inputMenu .dijitMenuItemLabel .dijitSelect {padding: 0; margin: 0 5px;}.esri-symbol-styler .esri-line-pattern,.esri-symbol-stylerMenu .esri-line-pattern {background: url("../images/line-patterns.png") repeat-x; height: 15px; width: 100%;}.esri-symbol-styler .solid,.esri-symbol-stylerMenu .solid {background-position: 0 0;}.esri-symbol-styler .dot,.esri-symbol-stylerMenu .dot {background-position: 0 -15px;}.esri-symbol-styler .dash,.esri-symbol-stylerMenu .dash {background-position: 0 -30px;}.esri-symbol-styler .dash-dot,.esri-symbol-stylerMenu .dash-dot {background-position: 0 -45px;}.esri-symbol-styler .long-dash-dot-dot,.esri-symbol-stylerMenu .long-dash-dot-dot {background-position: 0 -60px;}.esri-symbol-styler .esri-symbol-preview-container {text-align: center;}.esri-symbol-styler .esri-tab-bar .dijitToggleButton {vertical-align: middle;}.esri-symbol-styler .esri-add-icon {background: url("../images/add.png") no-repeat; background-size: 18px; height: 18px; width: 18px;}.esri-symbol-styler .dijitDisabled .addIcon {cursor: auto;}.esri-symbol-styler .dijitLayoutContainer,.esri-symbol-styler .dijitContentPane {padding: 0; overflow: visible;}.esri-symbol-styler .esri-symbol-preview-container ~ .esri-tab-bar .dijitButton .dijitButtonNode,.esri-symbol-styler .esri-symbol-preview-container ~ .esri-content .dijitButton .dijitButtonNode,.esri-symbol-styler .esri-symbol-preview-container ~ .dijitContentPane .dijitButton .dijitButtonNode,.esri-symbol-styler .esri-symbol-preview-container ~ .esri-tab-bar .dijitToggleButton .dijitButtonNode,.esri-symbol-styler .esri-symbol-preview-container ~ .esri-content .dijitToggleButton .dijitButtonNode,.esri-symbol-styler .esri-symbol-preview-container ~ .dijitContentPane .dijitToggleButton .dijitButtonNode {box-shadow: none; border: none; padding: 0; background: none;}.esri-symbol-styler .esri-error-display {padding: 8px 0 4px 0;}.esri-symbol-styler .esri-shape-image-url-container .esri-url-input {width: 90%;}.esri-symbol-styler .esri-shape-image-url-container .esri-error-display {color: #aaa;}.esri-symbol-styler .esri-hidden {display: none;}.esri-symbol-styler .esri-color-ramp-picker .esri-viewport {width: 200px;}.esri-symbol-styler .dijitCheckBox + .esri-label {margin-left: 4px; margin-right: 4px; vertical-align: middle;}html[dir=rtl] .esri-symbol-styler .esri-inline-input .esri-horizontal-slider,html[dir=rtl] .esri-symbol-styler .esri-inline-input .dijitTextBox {margin-right: 0;}html[dir=rtl] .esri-symbol-styler .esri-inline-input .esri-horizontal-slider,html[dir=rtl] .esri-symbol-styler .esri-inline-input .dijitTextBox {margin-left: 4px;}.esri-polygon-pattern-picker [type=radio] {position: absolute; opacity: 0; width: 100%; height: 100%; cursor: pointer; z-index: 10;}.esri-polygon-pattern-picker [type=radio] + img {cursor: pointer;}.esri-polygon-pattern-picker [type=radio] + .esri-polygon-pattern {width: 24px; height: 24px; margin-right: 2.6px;}.esri-polygon-pattern--none {margin-right: 0px !important;}.esri-polygon-pattern-picker [type=radio]:checked + .esri-polygon-pattern {outline: 2px solid rgb(0, 112, 255);}.esri-polygon-pattern-picker .esri-polygon-pattern-label {display: inline-block; position: relative;}.esri-polygon-pattern {display: inline-block;}.esri-polygon-pattern--solid {background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAD0lEQVQoU2NkIAAYR4YCAAWsAAkwF/4LAAAAAElFTkSuQmCC); background-color: black;}.esri-polygon-pattern--forward-diagonal {background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAOUlEQVQoU2NkYGBg+P///38QjQ0wgiQZGRnBNE4FIAlcilB0YlOEYTS6Iqx2IyvC7Tiow3EqgDkcACWoN+1ygzAEAAAAAElFTkSuQmCC); background-color: black;}.esri-polygon-pattern--backward-diagonal {background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAMklEQVQoU2P8////fwYcgBEEcCmAyWFVgKwRQwG6qSgKsFkJV4DLPWAFeB0L8iE+rwIAKUQ37TauJo8AAAAASUVORK5CYII=); background-color: black;}.esri-polygon-pattern--cross {background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAI0lEQVQoU2P8////fwYkwMjIyIgshsIBqaOBAmT7sbHp4AYAO6Q37Xq4cFoAAAAASUVORK5CYII=) repeat; background-color: black; background-position: -0.5px 0px;}.esri-polygon-pattern--diagonal-cross {background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAOUlEQVQoU2NkYGBg+P///38QjQ4YQQAkCaORFcDlYLqRFaGwkY0HSaBbCbYCZjReBXitwOtIQt4EAAo2R/HCjVOaAAAAAElFTkSuQmCC) repeat; background-color: black;}.esri-polygon-pattern--horizontal {background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAIUlEQVQoU2P8////fwY8gJGgAny6QXKETSBoBUEFFLsBACxKF/H+2tRYAAAAAElFTkSuQmCC) repeat; background-color: black; background-position: 0px -1px;}.esri-polygon-pattern--vertical {background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAHUlEQVQoU2P8////fwYGBgZGRkZGGBuZDxcc3goAt0tf6Q80T1gAAAAASUVORK5CYII=) repeat; background-color: black; background-position: -1px 0px;}.esri-polygon-pattern--none {position: relative; overflow: hidden; border: 1px solid #eee; box-sizing: border-box;}.esri-polygon-pattern--none:before {display: inline-block; background-color: #f00; position: absolute; height: 1px; bottom: 0; left: 0; width: 200%; transform: rotate(-45deg); transform-origin: top left; content: ""; z-index: 1;}.esri-polygon-pattern-disabled-area {position: absolute; width: 100%; height: calc(100% - 50px); top: 55px; background-color: white; opacity: 0.8; z-index: 10;}