html, body, #viewDiv { padding: 0; margin: 0; height: 100%; width: 100%; } .hide4widget { display: none; } #viewDiv .hide4widget { display: block; } .esri-ui .esri-attribution { display: none; } #logoDiv { width: 50%; } .elevationDiv { box-shadow: none; background: transparent; position: absolute; bottom: 30px; right: 95px; } .elevationDiv .text-top { font-family: "Roboto"; font-size: 14px; font-weight: 600; } .elevationDiv .switch { position: relative; display: inline-block; width: 48px; height: 28px; } .elevationDiv .switch input { opacity: 0; width: 0; height: 0; } .elevationDiv .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: rgb(150, 200, 250); -webkit-transition: 0.4s; transition: 0.4s; } .elevationDiv .slider:before { position: absolute; content: ""; height: 20px; width: 20px; left: 4px; bottom: 4px; background-color: #808080; -webkit-transition: 0.4s; transition: 0.4s; } .elevationDiv input:checked+.slider { background-color: #2196F3; } .elevationDiv input:focus+.slider { box-shadow: 0 0 1px #2196F3; } .elevationDiv input:checked+.slider:before { -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } .elevationDiv .slider.round { border-radius: 20px; } .elevationDiv .slider.round:before { border-radius: 50%; } @media (max-width: 480px) { .esri-component.esri-navigation-toggle.esri-widget { display: none !important; } .esri-component.esri-expand.esri-widget.esri-expand--auto .esri-expand__container.esri-expand__container--expanded .esri-expand__panel { display: none; } } #measurement-distance { /* position: absolute; right: 15px; top: 265px; */ } .direction-icon-open.icon-directions { /* display: none !important; */ } .esri-layer-list.esri-widget.esri-widget--panel { max-height: initial !important; } .esri-view-root .esri-widget { line-height: unset; } #layer-legend #layer-legend2 { text-align: center; max-height: 100%; } h3 { text-align: center; } #basemap-Gallery, #basemap-Gallery2 { text-align: center; max-height: 100%; } #layer-List, #layer-List2 { max-height: 100%; } #ccWidget { text-align: center; max-height: 100%; } .esri-expand__content.esri-expand__content--expanded { margin: 0; } .esri-expand__container.esri-expand__container--expanded .esri-expand__content.esri-expand__content--expanded .esri-widget.esri-legend.esri-widget--panel .title { background-color: #0D70D3; margin: 0%; padding-top: 15px; padding-bottom: 15px; max-width: 100%; width: 100%; color: white; } .esri-expand__container.esri-expand__container--expanded .esri-expand__content.esri-expand__content--expanded .esri-basemap-gallery.esri-widget.esri-widget--panel-height-only .title { background-color: #0D70D3; margin: 0%; padding-top: 15px; padding-bottom: 15px; max-width: 100%; width: 100%; color: white; } .esri-expand__container.esri-expand__container--expanded .esri-expand__content.esri-expand__content--expanded .esri-widget.esri-layer-list.esri-widget--panel .title { background-color: #0D70D3; margin: 0%; padding-top: 15px; padding-bottom: 15px; max-width: 100%; width: 100%; text-align: center; color: white; } .esri-expand__container.esri-expand__container--expanded .esri-expand__content.esri-expand__content--expanded .esri-widget.esri-coordinate-conversion .title { background-color: #0D70D3; margin: 0%; padding-top: 15px; padding-bottom: 15px; max-width: 100%; width: 100%; text-align: center; color: white; } .esri-expand__content.esri-expand__content--expanded .esri-widget.esri-layer-list.esri-widget--panel { max-height: 100%; padding: 0; } #measurement-area-popup, #measurement-distance-popup, #measurement-location-popup { bottom: 10px; position: fixed; z-index: 9; width: calc(100% - 30px); transform: translate(0, 0); } @media (min-width: 480px) { #measurement-area-popup, #measurement-distance-popup, #measurement-location-popup { max-width: 300px; left: 50%; transform: translateX(-50%); } } #measurement-area.active>.esri-widget--button, #measurement-distance.active>.esri-widget--button, #measurement-location.active>.esri-widget--button { background: #0D70D3; color: #fff; } #measurement-area-popup h3.title, #measurement-distance-popup h3.title, #measurement-location-popup h3.title { padding: 0 15px; margin-bottom: 0; text-align: center; } #measurement-location-popup .esri-coordinate-conversion__back-button { top: 30px; } #measurement-area-popup .esri-area-measurement-3d__measurement-item { border: solid 1px rgb(135 135 135 / 20%); padding: 5px; } #measurement-distance-popup .esri-direct-line-measurement-3d__measurement-item { border: solid 1px rgb(135 135 135 / 20%); padding: 5px; } .wemap--directions-travel-mode-icon.wemap--directions-travel-mode-foot { margin: 10px 7px !important; } .wemap--directions-travel-mode-icon { margin: 10px 7px 10px 7px !important; } .wemap--directions-travel-mode-icon.wemap--directions-travel-mode-bike { margin: 10px 7px !important; } .esri-popup--is-docked-top-left .esri-popup__main-container, .esri-popup--is-docked-top-right .esri-popup__main-container, .esri-popup--is-docked-bottom-left .esri-popup__main-container, .esri-popup--is-docked-bottom-right .esri-popup__main-container { max-height: 100%; right: 50px; }