.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("../../../themes/base/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-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 .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-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;}