.uppercase {text-transform: uppercase;}.inline {display: inline-block; vertical-align: middle;}.vertical-text {transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform-origin: right bottom 0; -o-transform-origin: right bottom 0; -ms-transform-origin: right bottom 0; -moz-transform-origin: right bottom 0; -webkit-transform-origin: right bottom 0;}.ellipsis {text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}.NavigatorContainer {width: 382px; z-index: 100; height: 100%; background-color: #f8f8f8; transition-property: width, background-color, visibility; transition-duration: 0.3s, 0.3s, 0.3s; transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1), ease-out, linear; transition-delay: 0s, 0s, 0.3s; position: relative;}.NavigatorContainer.collapsed {width: 0px; visibility: hidden;}.NavigatorContainer.collapsed .NavigatorContainerInner {transition: opacity 0.15s; opacity: 0; pointer-events: none;}.NavigatorContainer .NavigatorContainerInner {width: 100%; position: absolute; right: 0; transition: opacity 0.1s ease-out 0.3s; -webkit-transition: opacity 0.1s ease-out 0.3s; display: table; height: 100%; display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; overflow: hidden;}.NavigatorContainer .NavigatorContainerInner .paneHeader, .NavigatorContainer .NavigatorContainerInner .NavigatorContainerContent .NavigatorContainerContentInner .NavigatorPane .NavigatorPaneContent .paneTopContainer .titleContainer, .NavigatorContainer .NavigatorContainerInner .NavigatorContainerContent .NavigatorContainerContentInner .NavigatorPane .NavigatorPaneHead {font-size: var(--calcite-font-size-1); padding: 1rem; border-bottom: solid #dbdbdb 1px; background: #fff;}.NavigatorContainer .NavigatorContainerInner .NavigatorContainerContent {height: 100%; display: flex; display: -webkit-flex; flex-direction: row; -webkit-flex-direction: row; overflow: hidden;}.NavigatorContainer .NavigatorContainerInner .NavigatorContainerContent .NavigatorContainerContentInner {position: relative; height: 100%; max-width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; flex: 1; -webkit-flex: 1; left: 0px;}.NavigatorContainer .NavigatorContainerInner .NavigatorContainerContent .NavigatorContainerContentInner.secondPane {position: absolute; width: 382px; left: 382px;}.NavigatorContainer .NavigatorContainerInner .NavigatorContainerContent .NavigatorContainerContentInner.secondPane.backwards {left: -382px;}.NavigatorContainer .NavigatorContainerInner .NavigatorContainerContent .NavigatorContainerContentInner.noEvents {pointer-events: none;}.NavigatorContainer .NavigatorContainerInner .NavigatorContainerContent .NavigatorContainerContentInner .CreateGroupLink {padding: 13px 0px; display: inline-block; cursor: pointer;}.NavigatorContainer .NavigatorContainerInner .NavigatorContainerContent .NavigatorContainerContentInner .CreateGroupLink:hover {text-decoration: underline;}.NavigatorContainer .NavigatorContainerInner .NavigatorContainerContent .NavigatorContainerContentInner .NavigatorPane {display: table; height: 100%; display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column;}.NavigatorContainer .NavigatorContainerInner .NavigatorContainerContent .NavigatorContainerContentInner .NavigatorPane.layerPane .NavigatorPaneContent .NavigatorPaneContentInner {margin-top: 40px;}.NavigatorContainer .NavigatorContainerInner .NavigatorContainerContent .NavigatorContainerContentInner .NavigatorPane .NavigatorPaneLoading {position: absolute; width: 100%; height: 100%; display: none; background-color: rgba(0, 0, 0, 0.3); z-index: 1000;}.NavigatorContainer .NavigatorContainerInner .NavigatorContainerContent .NavigatorContainerContentInner .NavigatorPane .NavigatorPaneLoading.show {display: block;}.NavigatorContainer .NavigatorContainerInner .NavigatorContainerContent .NavigatorContainerContentInner .NavigatorPane .NavigatorPaneLoading .NavigatorPaneLoadingIcon {background: url(../images/loading-blue.gif); width: 33px !important; height: 39px !important; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); position: absolute;}.NavigatorContainer .NavigatorContainerInner .NavigatorContainerContent .NavigatorContainerContentInner .NavigatorPane .NavigatorPaneHead {color: #616161;}.NavigatorContainer .NavigatorContainerInner .NavigatorContainerContent .NavigatorContainerContentInner .NavigatorPane.stylePane .NavigatorPaneHead, .NavigatorContainer .NavigatorContainerInner .NavigatorContainerContent .NavigatorContainerContentInner .NavigatorPane.styleGalleryPane .NavigatorPaneHead, .NavigatorContainer .NavigatorContainerInner .NavigatorContainerContent .NavigatorContainerContentInner .NavigatorPane.layer-properties-pane .NavigatorPaneHead {display: none;}.NavigatorContainer .NavigatorContainerInner .NavigatorContainerContent .NavigatorContainerContentInner .NavigatorPane.groundStylePane .NavigatorPaneHead {display: block;}.NavigatorContainer .NavigatorContainerInner .NavigatorContainerContent .NavigatorContainerContentInner .NavigatorPane .NavigatorPaneContent {flex: 1 0 auto; -webkit-flex: 1 0 auto; display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; overflow: hidden;}.NavigatorContainer .NavigatorContainerInner .NavigatorContainerContent .NavigatorContainerContentInner .NavigatorPane .NavigatorPaneContent .NavigatorPaneContentInner {position: relative; margin: 0px 18px 0px 18px; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; flex: 1; -webkit-flex: 1;}.NavigatorContainer .NavigatorContainerInner .NavigatorContainerContent .NavigatorContainerContentInner .NavigatorPane .NavigatorPaneContent .NavigatorPaneNavButtons {top: 0px;}.NavigatorContainer .NavigatorContainerInner .NavigatorContainerContent .NavigatorContainerContentInner .NavigatorPane .NavigatorPaneContent .NavigatorPaneNavButtons .navButtonsList:not(:empty) {top: 0px; background: white; border-top: solid 1px var(--calcite-ui-border-3); padding-top: 10px; padding-bottom: 10px; text-align: center;}.NavigatorContainer .NavigatorContainerInner .NavigatorContainerContent .NavigatorContainerContentInner .NavigatorPane .NavigatorPaneContent .NavigatorPaneNavButtons .navButtonsList:not(:empty) > .greenButton {margin-inline-end: 20px;}.NavigatorContainer .NavigatorContainerInner .NavigatorContainerContent .NavigatorContainerContentInner .NavigatorPane .NavigatorPaneContent .NavigatorPaneNavButtons .navButtonsList:not(:empty) .navButtonsListItem {text-align: left; height: 50px; cursor: pointer; position: relative; border-bottom: 1px solid #cccccc; margin-bottom: 10px; margin-top: -11px;}.NavigatorContainer .NavigatorContainerInner .NavigatorContainerContent .NavigatorContainerContentInner .NavigatorPane .NavigatorPaneContent .NavigatorPaneNavButtons .navButtonsList:not(:empty) .navButtonsListItem.topBorder {border-top: 1px solid #cccccc;}.NavigatorContainer .NavigatorContainerInner .NavigatorContainerContent .NavigatorContainerContentInner .NavigatorPane .NavigatorPaneContent .NavigatorPaneNavButtons .navButtonsList:not(:empty) .navButtonsListItem:hover {background-color: #ebebeb;}.NavigatorContainer .NavigatorContainerInner .NavigatorContainerContent .NavigatorContainerContentInner .NavigatorPane .NavigatorPaneContent .NavigatorPaneNavButtons .navButtonsList:not(:empty) .navButtonsListItem .navButtonsListItemText {position: absolute; top: 0; left: 18px; right: 18px; font-size: var(--calcite-font-size-1); text-transform: none; line-height: 50px;}.NavigatorContainer .NavigatorContainerInner .NavigatorContainerContent .NavigatorContainerContentInner .NavigatorPane .NavigatorPaneContent .NavigatorPaneNavButtons .navButtonsList:not(:empty) .navButtonsListItem .navButtonsListItemText span {margin-top: 3px; width: 300px; display: inline-block; line-height: normal;}.NavigatorContainer .NavigatorContainerInner .NavigatorContainerContent .NavigatorContainerContentInner .NavigatorPane .NavigatorPaneContent .NavigatorPaneNavButtons .navButtonsList:not(:empty) .navButtonsListItem .navButtonsListItemBtn {position: absolute; top: 7px; right: 18px; width: 36px; height: 36px; background-image: url("../images/btn_arrow_back.svg"); border: 0px; background-color: transparent; cursor: pointer; transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg);}.NavigatorContainer .NavigatorContainerInner .NavigatorContainerContent .NavigatorContainerContentInner .NavigatorPane .NavigatorPaneContent .NavigatorPaneNavButtons .navButtonsList:not(:empty) .navButtonsListItem.actionButton {background-color: #7f7f7f; border-top: none;}.NavigatorContainer .NavigatorContainerInner .NavigatorContainerContent .NavigatorContainerContentInner .NavigatorPane .NavigatorPaneContent .NavigatorPaneNavButtons .navButtonsList:not(:empty) .navButtonsListItem.actionButton .navButtonsListItemText {top: 15px; color: white; text-align: center;}.NavigatorContainer .NavigatorContainerInner .NavigatorContainerContent .NavigatorContainerContentInner .NavigatorPane .NavigatorPaneContent .NavigatorPaneNavButtons .navButtonsList:not(:empty) .navButtonsListItem.actionButton:hover {background-color: #525252;}.NavigatorContainer .NavigatorContainerInner .NavigatorContainerContent .NavigatorContainerContentInner .NavigatorPane .NavigatorPaneContent .paneTopContainer .titleContainer {padding-right: 0px; margin-left: -18px; margin-right: -18px; margin-bottom: 20px; padding-bottom: 18px; padding-top: 14px; display: flex;}.esriRtl .NavigatorContainer .NavigatorPaneHead .NavigatorPaneHeadTitleIconNode {margin-right: auto; margin-left: 10px;}.esriRtl .NavigatorContainer .NavigatorContainerInner .NavigatorContainerContent .NavigatorContainerContentInner .NavigatorPane .NavigatorPaneContent .NavigatorPaneNavButtons .navButtonsList .navButtonsListItem {text-align: right;}.esriRtl .NavigatorContainer .NavigatorContainerInner .NavigatorContainerContent .NavigatorContainerContentInner .NavigatorPane .NavigatorPaneContent .NavigatorPaneNavButtons .navButtonsList .navButtonsListItem .navButtonsListItemBtn {left: 18px; right: auto; transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg);}.esriIsMobile .NavigatorContainer .NavigatorContainerInner .NavigatorContainerContent .NavigatorContainerContentInner .NavigatorPane .NavigatorPaneContent .NavigatorPaneContentInner {min-height: 150px;}