


<!DOCTYPE html>
<html class="notranslate" translate="no">
<head>
    <title>Beesel</title>

    <!-- generics -->
    <link runat="server" href="/Data/Branding/BROWSER_ICON_VIEWER.png" rel="shortcut icon" type="image/png" />
    <link runat="server" href="/Data/Branding/BROWSER_ICON_VIEWER.png" rel="icon" type="image/png" />
    <link rel="icon" href="/Data/Branding/BROWSER_ICON_VIEWER.png" sizes="32x32">
    <link rel="icon" href="/Data/Branding/BROWSER_ICON_VIEWER.png" sizes="57x57">
    <link rel="icon" href="/Data/Branding/BROWSER_ICON_VIEWER.png" sizes="76x76">
    <link rel="icon" href="/Data/Branding/BROWSER_ICON_VIEWER.png" sizes="96x96">
    <link rel="icon" href="/Data/Branding/BROWSER_ICON_VIEWER.png" sizes="128x128">
    <link rel="icon" href="/Data/Branding/BROWSER_ICON_VIEWER.png" sizes="192x192">
    <link rel="icon" href="/Data/Branding/BROWSER_ICON_VIEWER.png" sizes="228x228">

    <!-- Android -->
    <link rel="shortcut icon" href="/Data/Branding/BROWSER_ICON_VIEWER.png" sizes="196x196">

    <!-- iOS -->
    <link rel="apple-touch-icon" href="/Data/Branding/BROWSER_ICON_VIEWER.png" sizes="120x120">
    <link rel="apple-touch-icon" href="/Data/Branding/BROWSER_ICON_VIEWER.png" sizes="152x152">
    <link rel="apple-touch-icon" href="/Data/Branding/BROWSER_ICON_VIEWER.png" sizes="180x180">

    <!-- disable google translate-->
    <meta name="google" content="notranslate" />

    <!-- Windows 8 IE 10-->
    <meta name="msapplication-TileColor" content="#FFFFFF">
    <meta name="msapplication-TileImage" content="/Data/Branding/BROWSER_ICON_VIEWER.png">

    <!-- Metadata -->
    <meta charset="UTF-8" />
    <meta name="HandheldFriendly" content="true" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="theme-color" content="#ffffff">

    

    <script src="/bundles/jquery?v=HoRQ09kYLXZV2fRPio-4sFwem_LiuM00HkYeh777jks1"></script>


        <link rel="stylesheet" href="/Templates/GeoApps/less/site.less?t=1672854412&amp;WorkspaceId=c6f26dd2-7647-4c62-846e-89e42ca635ea" type="text/css" media="all" />

    
    
            <script src="/Templates/GeoApps/javascript/React/1-react.production.min.js?t=1672854411" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/React/2-react-dom.production.min.js?t=1672854411" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/jQuery/1-jquery-ui-1.12.1.min.js?t=1672854407" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/jQuery/2-jquery-collision.min.js?t=1672854407" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/jQuery/3-jquery-ui-draggable-collision.min.js?t=1672854407" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/jQuery/4-jquery.highlight.js?t=1672854407" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/jQuery/5-jquery.mCustomScrollbar.js?t=1672854407" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/jQuery/6-js.cookie.min.js?t=1672854407" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/knockout/1-knockout-latest.js?t=1672854407" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/knockout/2-knockout-switch-case.min.js?t=1672854407" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/i18n/1-i18next.js?t=1672854407" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/i18n/2-i18nextXHRBackend.js?t=1672854407" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/i18n/3-i18next-ko.js?t=1672854407" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/OpenlayersMapEngine/AbstractOpenLayersMapEngineLayer.min.js?t=1672854411" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/OpenlayersMapEngine/OpenlayersMapEngine.min.js?t=1672854411" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/OpenlayersMapEngine/OpenlayersMapEngineAnalysis.min.js?t=1672854411" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/OpenlayersMapEngine/OpenLayersMapEngineAutomations.min.js?t=1672854411" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/OpenlayersMapEngine/OpenLayersMapEngineBlockLibraries.min.js?t=1672854411" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/OpenlayersMapEngine/OpenLayersMapEngineBookmarks.min.js?t=1672854411" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/OpenlayersMapEngine/OpenLayersMapEngineDrawActions.min.js?t=1672854411" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/OpenlayersMapEngine/OpenLayersMapEngineDrawActionSplit.min.js?t=1672854411" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/OpenlayersMapEngine/OpenLayersMapEngineFieldworkLayer.min.js?t=1672854411" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/OpenlayersMapEngine/OpenLayersMapEngineGroupLayer.min.js?t=1672854411" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/OpenlayersMapEngine/OpenLayersMapEngineMaskLayer.min.js?t=1672854411" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/OpenlayersMapEngine/OpenLayersMapEngineObliqueFootprint.min.js?t=1672854411" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/OpenlayersMapEngine/OpenLayersMapEnginePrintExtent.min.js?t=1672854411" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/OpenlayersMapEngine/OpenLayersMapEngineSingleLayer.min.js?t=1672854411" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/OpenlayersMapEngine/OpenLayersMapEngineStreetsmartLayer.min.js?t=1672854411" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/OpenlayersMapEngine/OpenLayersMapEngineTempLayer.min.js?t=1672854411" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/OpenlayersMapEngine/OpenLayersProjection.min.js?t=1672854411" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/DataFetcher.min.js?t=1672854409" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/DataFetcherAutomations.min.js?t=1672854409" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Analyses.min.js?t=1672854409" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Animations.min.js?t=1672854409" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Automations.min.js?t=1672854409" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/BaseLayers.min.js?t=1672854409" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/BlockLibraries.min.js?t=1672854409" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Bookmarks.min.js?t=1672854409" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Cyclorama.min.js?t=1672854409" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/DrawableLayers.min.js?t=1672854409" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/DrawActionCopy.min.js?t=1672854409" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/DrawActions.min.js?t=1672854409" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/DrawActionSplitAction.min.js?t=1672854409" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/DropDown.min.js?t=1672854409" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/EmbedProperties.min.js?t=1672854409" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Fieldwork.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Filters.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/InformationOverlays.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Interactions.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/KIKExtension.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Layers.min.js?t=1672854411" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/MapExtensions.min.js?t=1672854411" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/MapProperties.min.js?t=1672854411" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/MapServices.min.js?t=1672854411" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/MapViewer.min.js?t=1672854411" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/MaskLayer.min.js?t=1672854411" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Measurements.min.js?t=1672854411" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Metadatas.min.js?t=1672854411" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Permalinks.min.js?t=1672854411" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Popups.min.js?t=1672854411" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Prints.min.js?t=1672854411" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Search.min.js?t=1672854411" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/StreetView.min.js?t=1672854411" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/TempLayer.min.js?t=1672854411" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/ThemeMaps.min.js?t=1672854411" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Workspace.min.js?t=1672854411" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Constants/PermalinkObliqueOptions.min.js?t=1672854409" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Entities/ActiveAnalysis.min.js?t=1672854409" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Entities/Analysis.min.js?t=1672854409" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Entities/AnalysisCompute.min.js?t=1672854409" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Entities/AnalysisComputeParameterResult.min.js?t=1672854409" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Entities/AnalysisComputeResult.min.js?t=1672854409" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Entities/AnalysisDraw.min.js?t=1672854409" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Entities/AnalysisParameterSelectValue.min.js?t=1672854409" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Entities/AnalysisParameterValue.min.js?t=1672854409" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Entities/AnalysisReportParameter.min.js?t=1672854409" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Entities/AnimationItem.min.js?t=1672854409" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Entities/AreaStyle.min.js?t=1672854409" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Entities/Automation.min.js?t=1672854409" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Entities/AutomationJob.min.js?t=1672854409" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Entities/BaseLayer.min.js?t=1672854409" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Entities/BlockLibrary.min.js?t=1672854409" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Entities/Bookmark.min.js?t=1672854409" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Entities/Cluster.min.js?t=1672854409" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Entities/ConnectionInfoState.min.js?t=1672854409" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Entities/CopyFromLayerItem.min.js?t=1672854409" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Entities/Dataset.min.js?t=1672854409" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Entities/DatasetAttributeDropdownValue.min.js?t=1672854409" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Entities/DateTimeFilter.min.js?t=1672854409" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Entities/DrawableLayerItem.min.js?t=1672854409" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Entities/EditableDatasetAttribute.min.js?t=1672854409" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Entities/EditableDatasetAttributeTab.min.js?t=1672854409" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Entities/Envelope.min.js?t=1672854409" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Entities/FeatureGeometry.min.js?t=1672854409" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Entities/FeatureGeometryResult.min.js?t=1672854409" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Entities/FieldworkConnectMessage.min.js?t=1672854409" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Entities/FieldworkUpdateMessage.min.js?t=1672854409" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Entities/Filter.min.js?t=1672854409" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Entities/FilterDefinition.min.js?t=1672854409" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Entities/FilterDefinitionDatasetAttribute.min.js?t=1672854409" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Entities/FilterDefinitionDatasetAttributeValue.min.js?t=1672854409" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Entities/FilterDefinitionRule.min.js?t=1672854409" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Entities/FilterOptionValue.min.js?t=1672854409" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Entities/FilterRule.min.js?t=1672854409" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Entities/Form.min.js?t=1672854409" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Entities/FormField.min.js?t=1672854409" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Entities/IconStyle.min.js?t=1672854409" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Entities/InformationOverlay.min.js?t=1672854409" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Entities/Label.min.js?t=1672854409" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Entities/Layer.min.js?t=1672854409" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Entities/LayerDrawAction.min.js?t=1672854409" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Entities/LayerGroupLayer.min.js?t=1672854409" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Entities/LayerItem.min.js?t=1672854409" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Entities/LocationItem.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Entities/MapExtension.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Entities/MapExtensionSetting.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Entities/MapInformationOverlay.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Entities/MaskLayerItem.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Entities/MeasurementRecord.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Entities/MeasurementResult.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Entities/Metadata.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Entities/MetadataItem.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Entities/ObliqueItem.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Entities/PointStyle.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Entities/Popup.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Entities/PopupEntryAttribute.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Entities/PopupTab.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Entities/Project.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Entities/StreetViewData.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Entities/StrokeStyle.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Entities/Symbology.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Entities/SymbologyClass.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Entities/SymbologyClassAttribute.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Entities/SymbologyClassStyle.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Entities/ThemeMap.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Entities/ThemeMapTimeslider.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Entities/ThemeMapTimesliderLayer.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Entities/Timeslider.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Entities/View.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Entities/ViewItem.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Entities/WorkspaceInformationOverlay.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Entities/WorkspaceMap.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/events/GeoAppsInitializedEventArgs.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Extensions/Cyclorama.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Extensions/Oblique.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Extensions/ObliqueTransormation.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Extensions/Streetview.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Extensions/Models/ObliqueAvailableCardinalDirections.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Extensions/Models/ObliqueFootprint.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Extensions/Models/ObliqueGetImageRequest.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Extensions/Models/ObliqueGetImageResponse.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Extensions/Models/ObliqueGetListRequest.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Extensions/Models/ObliqueGetListResponse.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Extensions/Models/ObliqueLoadImageRequest.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Extensions/Models/ObliqueLoadImageResponse.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Extensions/Models/ObliquePhoto.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Extensions/Models/ObliqueSet.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Helpers/StringExtensions.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonActiveAnalysis.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonAddressCoordinates.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonAddressSuccess.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonAnalyses.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonAnalysis.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonAnalysisCompute.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonAnalysisComputeParameterResult.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonAnalysisComputeResult.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonAnalysisDrawResult.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonAnalysisDrawResultParameterValue.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonAnalysisHighlightFeature.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonAnalysisLayer.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonAnalysisLayerCqlFilter.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonAnalysisParameterSelectValue.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonAnalysisParameterValue.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonAnalysisReportParameter.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonAnalysisResult.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonAnalysisTempLayer.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonAnimation.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonAreaStyle.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonAutomation.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonAutomationJob.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonAutomationJobsResult.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonAutomations.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonBaseLayer.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonBaseLayers.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonBinaryDeleteResult.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonBinaryFileDelete.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonBinaryUploadResult.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonBlockLibraries.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonBlockLibrary.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonBlockLibraryResult.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonBookmark.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonBookmarks.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonBounds.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonCopyActionFeatures.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonCopyDeleteActionFeature.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonCopyDeleteActionFeatures.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonCopyDeleteActionResult.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonCopyFeatureResult.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonCycloramaSetting.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonCycloramaUpdateSettings.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonCycloramaUpdateSuccess.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonDataset.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonDatasetAttributeDropdownValue.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonDeleteSelection.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonDeletionSuccess.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonDrawableLayerItem.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonDrawableLayers.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonDrawActionResult.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonDrawActionSuccess.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonEditableDatasetAttribute.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonEditableDatasetAttributeFeature.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonEditableDatasetAttributeTab.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonEditableDatasetAttributeUpdateValue.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonEditableDatasetAttributeUpdateValues.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonEditableDatasetAttributeValues.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonEmbedProperties.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonFilterDefinition.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonFilterDefinitionDatasetAttribute.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonFilterDefinitionDatasetAttributeValue.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonFilterDefinitionDatasetAttributeValues.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonFilterDefinitionRule.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonForm.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonFormField.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonGetPermalink.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonIconStyle.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonInformationOverlay.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonLabel.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonLayer.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonLayerDrawAction.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonLayerGroupLayer.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonLayerItem.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonLayerOptions.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonLayers.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonLocation.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonMapBookmarks.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonMapExtension.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonMapExtensions.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonMapExtensionSetting.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonMapInformationOverlay.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonMapProperties.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonMaskLayer.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonMetadata.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonMetadataItem.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonPermalinkAnimation.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonPermalinkLayerItem.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonPermalinkOption.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonPermalinkUrl.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonPermalinkViewport.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonPointStyle.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonPopup.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonPopupEntryAttribute.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonPopupLayerItem.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonPopupLayerItems.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonPopups.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonPopupTab.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonPostAutomation.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonPostFormField.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonPostFormResult.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonPostPermalink.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonPrint.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonPrintExtentParameters.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonPrintExtentResult.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonPrintLayer.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonPrintOptions.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonPrintScreenshot.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonPrintScreenshotBounds.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonPrintScreenshotLayer.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonPrintSuccess.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonSearchResult.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonSearchResultValue.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonSplit.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonSplitFeature.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonSplitResult.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonStreetView.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonStrokeStyle.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonSymbology.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonSymbologyClass.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonSymbologyClassAttribute.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonSymbologyClassStyle.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonThemeMap.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonThemeMaps.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonThemeMapTimeslider.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonThemeMapTimesliderLayer.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonTimeslider.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonTransform.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonTransformResult.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonWorkspace.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonWorkspaceInformationOverlay.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Json/JsonWorkspaceMap.min.js?t=1672854410" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/OpenLayers/OpenLayers.min.js?t=1672854411" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/OpenLayers/OpenLayersBaseLayer.min.js?t=1672854411" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/OpenLayers/OpenLayersLayer.min.js?t=1672854411" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Types/AnalysisActionState.min.js?t=1672854411" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Types/AnalysisReportParameterType.min.js?t=1672854411" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Types/AnalysisSelectionType.min.js?t=1672854411" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Types/AnalysisValueType.min.js?t=1672854411" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Types/AnchorType.min.js?t=1672854411" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Types/AnimationStateType.min.js?t=1672854411" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Types/AutomationStatusType.min.js?t=1672854411" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Types/AutomationStepType.min.js?t=1672854411" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Types/AutomationType.min.js?t=1672854411" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Types/ClusterInteractionType.min.js?t=1672854411" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Types/ConfirmationType.min.js?t=1672854411" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Types/DatasetAttributeType.min.js?t=1672854411" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Types/DatasetDownloadType.min.js?t=1672854411" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Types/DatasetFormat.min.js?t=1672854411" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Types/DatasetType.min.js?t=1672854411" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Types/DrawActionType.min.js?t=1672854411" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Types/EditableAttributeType.min.js?t=1672854411" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Types/ErrorType.min.js?t=1672854411" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Types/Event.min.js?t=1672854411" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Types/ExtensionType.min.js?t=1672854411" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Types/JsonDrawActionType.min.js?t=1672854411" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Types/LayerDisplayType.min.js?t=1672854411" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Types/LayerItemType.min.js?t=1672854411" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Types/LayerRotationType.min.js?t=1672854411" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Types/MeasurementType.min.js?t=1672854411" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Types/ObliqueModeType.min.js?t=1672854411" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Types/ObliqueSubWindowType.min.js?t=1672854411" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Types/OperatorType.min.js?t=1672854411" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Types/PermalinkCreationType.min.js?t=1672854411" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Types/PointStyleType.min.js?t=1672854411" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Types/PopupEntryType.min.js?t=1672854411" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Types/PopupTabStyle.min.js?t=1672854411" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Types/SettingsType.min.js?t=1672854411" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Types/SeverityType.min.js?t=1672854411" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Types/SymbologyClassStyleType.min.js?t=1672854411" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Types/TimesliderType.min.js?t=1672854411" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Types/Types.min.js?t=1672854411" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Utils/CalculationUtilities.min.js?t=1672854411" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Utils/Guid.min.js?t=1672854411" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Utils/MeasurementUtilities.min.js?t=1672854411" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapViewer/Utils/TouchInputUtilities.min.js?t=1672854411" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapEngine/events/BoxSelectionCompletedEventArgs.min.js?t=1672854408" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapEngine/events/DeleteFeaturesFinishedEventArgs.min.js?t=1672854408" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapEngine/events/DrawActionFinishedEventArgs.min.js?t=1672854408" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapEngine/events/DrawCompletedEventArgs.min.js?t=1672854408" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapEngine/events/MapClickEventArgs.min.js?t=1672854409" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapEngine/events/MapRightClickEventArgs.min.js?t=1672854409" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapEngine/events/MeasurementChangedEventArgs.min.js?t=1672854409" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapEngine/events/ModifyFinishedEventArgs.min.js?t=1672854409" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapEngine/events/MoveEndEventArgs.min.js?t=1672854409" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapEngine/events/MoveStartEventArgs.min.js?t=1672854409" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapEngine/events/RotateFinishedEventArgs.min.js?t=1672854409" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapEngine/events/RotationChangedEventArgs.min.js?t=1672854409" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapEngine/events/SelectFinishedEventArgs.min.js?t=1672854409" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapEngine/events/SelectionChangedEventArgs.min.js?t=1672854409" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapEngine/events/SelectionMultiLayerChangedEventArgs.min.js?t=1672854409" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapEngine/events/TransformFinishedEventArgs.min.js?t=1672854409" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapEngine/interfaces/IMapEngine.min.js?t=1672854409" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapEngine/interfaces/IMapEngineAnalysis.min.js?t=1672854409" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapEngine/interfaces/IMapEngineAutomations.min.js?t=1672854409" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapEngine/interfaces/IMapEngineBlockLibraries.min.js?t=1672854409" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapEngine/interfaces/IMapEngineBookmarks.min.js?t=1672854409" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapEngine/interfaces/IMapEngineDrawActions.min.js?t=1672854409" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapEngine/interfaces/IMapEngineDrawActionSplit.min.js?t=1672854409" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapEngine/interfaces/IMapEngineFieldworkLayer.min.js?t=1672854409" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapEngine/interfaces/IMapEngineLayer.min.js?t=1672854409" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapEngine/interfaces/IMapEngineObliqueFootprint.min.js?t=1672854409" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapEngine/interfaces/IMapEnginePrintExtentLayer.min.js?t=1672854409" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/MapEngine/interfaces/IMapEngineStreetsmartLayer.min.js?t=1672854409" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/lib/Chart.bundle.min.js?t=1672854408" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/lib/clipboard.min.js?t=1672854408" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/lib/FileSaver.min.js?t=1672854408" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/lib/flatpickr.min.js?t=1672854408" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/lib/linkify.js?t=1672854408" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/lib/linkifyjquery.min.js?t=1672854408" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/lib/math.min.js?t=1672854408" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/lib/modernizr.min.js?t=1672854408" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/lib/screenfull-3.3.2.min.js?t=1672854408" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/lib/shortcut-buttons-flatpickr.mapgear.js?t=1672854408" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/lib/signalr.min.js?t=1672854408" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/lib/slick.min.js?t=1672854408" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/lib/timepicker.js?t=1672854408" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/lib/turf.min.js?t=1672854408" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/animations-tray.js?t=1672854407" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/bindings-oblique.js?t=1672921512" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/block-library-bindings.js?t=1672854407" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/bootstrap.js?t=1672854407" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/callout.js?t=1672854407" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/chart.js?t=1672854407" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/contextmenu.js?t=1672854407" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/DragDropTouch.js?t=1672854407" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/editable-attributes-validation.js?t=1672854407" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/editable-attributes.js?t=1672854407" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/ellipsis.js?t=1672854407" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/fullscreen.js?t=1672854407" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/generic-bindings.js?t=1672854407" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/google-analytics.js?t=1672854407" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/information-overlay.js?t=1672854407" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/init.js?t=1672854407" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/jquery-ui-punch.js?t=1672854407" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/KIK_bindings.js?t=1672854407" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/knockout-jqueryui.min.js?t=1672854407" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/ko_custom_bindings.js?t=1672854407" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/ko_custom_bindings_automations.js?t=1672854407" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/ko_custom_bindings_no_ie.js?t=1672854407" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/layer-option-window.js?t=1672854407" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/main.fwm.js?t=1672854408" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/main.react.js?t=1672854408" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/menu.js?t=1672854411" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/mobile-tree-overview.js?t=1672854411" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/mobile.js?t=1672854411" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/print.js?t=1672854411" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/right-bar.js?t=1672854411" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/scrollbar.js?t=1672854411" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/setimagezoom.js?t=1672854411" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/slick.js?t=1672854411" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/StronglyTypedEvents-0.2.0.min.js?t=1672854411" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/top-bar.js?t=1672854411" type="text/javascript"></script>
            <script src="/Templates/GeoApps/javascript/urlify.js?t=1672854411" type="text/javascript"></script>


    <script>
        var ROOT = '/';
    </script>

    <script src="/bundles/openlayers?v=vzl7rjUqhn1De0elLeMsy2PKm4MdarWxUz27IGLoW7Y1"></script>

    <script src="/bundles/events?v=SxDvqknm6BYG7FCnom7jWgq2MCecT-LiTqwfUr8Yv8E1"></script>


        <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.10/lodash.min.js"></script>
        <script src="https://streetsmart.cyclomedia.com/api/v19.19/StreetSmartApi.js"></script>

    <script type="text/javascript">

        // Initialize GeoApps
        new MapViewer();

        // Document ready
        $(function () {
            // Load templates
            var templateLoadCount = 0;
            var loadTemplateCollection = function (file) {
                templateLoadCount++;
                $.get(file, function (templates) {
                    $('body').append('<div style="display:none">' + templates + '<\/div>');

                    templateLoadCount--;
                      if (templateLoadCount == 0)
                        startMapEngine();
                });
            };

                loadTemplateCollection('/Templates/GeoApps/elements/analyses.html?t=1672854406');
                loadTemplateCollection('/Templates/GeoApps/elements/animations.html?t=1672854406');
                loadTemplateCollection('/Templates/GeoApps/elements/automations.html?t=1672854407');
                loadTemplateCollection('/Templates/GeoApps/elements/baselayers.html?t=1672854407');
                loadTemplateCollection('/Templates/GeoApps/elements/blockLibrariesModalTemplate.html?t=1672854407');
                loadTemplateCollection('/Templates/GeoApps/elements/bookmarks.html?t=1672854407');
                loadTemplateCollection('/Templates/GeoApps/elements/confirmationModalTemplate.html?t=1672854407');
                loadTemplateCollection('/Templates/GeoApps/elements/contextMenuTemplate.html?t=1672854407');
                loadTemplateCollection('/Templates/GeoApps/elements/cycloramaLoginTemplate.html?t=1672854407');
                loadTemplateCollection('/Templates/GeoApps/elements/cycloramaModalTemplate.html?t=1672854407');
                loadTemplateCollection('/Templates/GeoApps/elements/drawActionDeleteTemplate.html?t=1672854407');
                loadTemplateCollection('/Templates/GeoApps/elements/drawActionEditDatasetAttributesTemplate.html?t=1672854407');
                loadTemplateCollection('/Templates/GeoApps/elements/errorModalTemplate.html?t=1672854407');
                loadTemplateCollection('/Templates/GeoApps/elements/infoModalTemplate.html?t=1672854407');
                loadTemplateCollection('/Templates/GeoApps/elements/layers.html?t=1672854407');
                loadTemplateCollection('/Templates/GeoApps/elements/obliqueModalTemplate.html?t=1672854407');
                loadTemplateCollection('/Templates/GeoApps/elements/popupActionLinks.html?t=1672854407');
                loadTemplateCollection('/Templates/GeoApps/elements/popupChartTemplate.html?t=1672854407');
                loadTemplateCollection('/Templates/GeoApps/elements/popupEmbedTemplate.html?t=1672854407');
                loadTemplateCollection('/Templates/GeoApps/elements/popupFieldwork.html?t=1672854407');
                loadTemplateCollection('/Templates/GeoApps/elements/popupHtmlTemplate.html?t=1672854407');
                loadTemplateCollection('/Templates/GeoApps/elements/popupImageTemplate.html?t=1672854407');
                loadTemplateCollection('/Templates/GeoApps/elements/popupKadaster.html?t=1672854407');
                loadTemplateCollection('/Templates/GeoApps/elements/popupSplitTemplate.html?t=1672854407');
                loadTemplateCollection('/Templates/GeoApps/elements/popupTableTemplate.html?t=1672854407');
                loadTemplateCollection('/Templates/GeoApps/elements/popupTemplate.html?t=1672854407');
                loadTemplateCollection('/Templates/GeoApps/elements/popupTextContentTemplate.html?t=1672854407');
                loadTemplateCollection('/Templates/GeoApps/elements/popupTextTemplate.html?t=1672854407');
                loadTemplateCollection('/Templates/GeoApps/elements/popupVideoTemplate.html?t=1672854407');
                loadTemplateCollection('/Templates/GeoApps/elements/print.html?t=1672854407');
                loadTemplateCollection('/Templates/GeoApps/elements/ruler.html?t=1672854407');
                loadTemplateCollection('/Templates/GeoApps/elements/streetviewModalTemplate.html?t=1672854407');
                loadTemplateCollection('/Templates/GeoApps/elements/symbologyPoint.html?t=1672854407');
                loadTemplateCollection('/Templates/GeoApps/elements/thememaps.html?t=1672854407');
                loadTemplateCollection('/Templates/GeoApps/elements/transformModalTemplate.html?t=1672854407');
                loadTemplateCollection('/Templates/GeoApps/elements/workspace-maps.html?t=1672854407');

            // Start application
            function startMapEngine() {
                // Initialize map viewer / UI handling
                mapviewer = MapViewer.getInstance();
                mapviewer.Initialize("327aa55b-d03f-40b6-a916-cbc6b3285333", "c6f26dd2-7647-4c62-846e-89e42ca635ea");
            }
        });
    </script>

</head>
<body>
    <div id="splashscreen">
    <div id="align-splash">
        <div id="splash-logo"></div>
        <div class="loader"></div>
        <div id="splash-message" data-i18n="MAP_LOADING" data-bind="i18n"></div>
    </div>
    <div id="splash-copyright" data-bind="text: Properties.Copyright"></div>
</div>

<div id="clickableArea" data-bind="mapClick"></div>

<div id="geoapps-windows"></div>
<div id="overlay" data-bind="closeInformationoverlay">
    <div id="wrapper" class="overlay-item">
        <div id="metadata-overlay">
            <div class="overlay-head">
                <h2 data-bind="i18n">METADATA</h2>
                <i class="fa close icon-close" aria-hidden="true" data-bind="toggleMetaData"></i>
            </div>
            <div class="overlay-content custom-scrollbar">
                <div class="overlay-sub">
                    <div class="overlay-head">
                        <h2><span data-bind="i18n">LAYER</span>:&nbsp;&nbsp;<span data-bind="text: Metadata.ActiveMetadata().Name">[Metadata.Name]</span> </h2>
                    </div>
                    <div class="overlay-subcontent meta-nomargin">
                        <p><strong><span data-bind="i18n">common:DESCRIPTION</span>:</strong></p>
                        <p class="multi-line" data-bind="text: Metadata.ActiveMetadata().Abstract" style="white-space: pre-wrap">[Abstract]</p>
                    </div>
                </div>
                <!--einde metadata bronnen-->
                <!-- ko if: Metadata.ActiveMetadata().MetadataItems -->
                <div class="overlay-sub" data-bind="foreach: Metadata.ActiveMetadata().MetadataItems">
                    <div class="overlay-head">
                        <h2><span data-bind="i18n">SOURCE</span>:&nbsp;&nbsp;<span data-bind="text: Name">[Name]</span> </h2>
                    </div>
                    <div class="overlay-subcontent meta-nomargin">
                        <p>
                            <strong>Type: </strong>
                            <span data-bind="i18n, if: Type == 0">TABLE</span>
                            <span data-bind="i18n, if: Type == 1">GEOMETRY</span>
                            <span data-bind="i18n, if: Type == 2">GRID</span>
                        </p>
                        <p><strong><span data-bind="i18n">DATA_OWNER</span>: </strong><span data-bind="text: MetadataOrganizationName">[MetadataOrganizationName]</span></p>
                        <p><strong><span data-bind="i18n">DATE</span>: </strong><span data-bind="text: DatasetDate">[DatasetDate]</span></p>
                        <!-- ko if: Description -->
                        <p><strong><span data-bind="i18n">common:DESCRIPTION</span>:</strong></p>
                        <p data-bind="text: Description">[Description]</p>
                        <!-- /ko -->
                        <!-- ko if: Url -->
                        <a target="_blank" style="color: rgb(66, 139, 202)" data-bind="text: UrlTitle, attr: { href: Url }" href="[Url]">[UrlTitle]</a>
                        <!-- /ko -->
                    </div>
                </div>
                <!-- /ko -->
            </div>
        </div>
        <!-- ko foreach: InformationOverlays.InformationOverlay -->
        <div class="information-overlay overlay-item" data-bind="attr: { id: informationoverlayid }">
            <div class="overlay-head">
                <h2 class="overlay-title" data-bind="text: title"></h2>
                <i class="overlay-close fa icon-close" aria-hidden="true" data-bind="closeInformationoverlay"></i>
            </div>
            <div class="overlay-body custom-scrollbar">
                <p data-bind="html: content"></p>
            </div>
            <!-- ko if: showInformationOverlay-->
            <div class="overlay-footer">
                <label><input type="checkbox" data-bind="hideInformationoverlay: informationoverlayid" class="hide-overlay cc cc-theme1"><span class="cc-btn"></span><span data-bind="i18n">HIDE_INFORMATION_OVERLAY</span></label>
            </div>
            <!-- /ko -->
        </div>
        <!-- /ko -->
    </div>

    <!-- Image zoom overlay -->
    <div id="image-zoom" class="overlay-item">
        <div class="overlay-head">
            <i class="fa close icon-close" aria-hidden="true"></i>
        </div>
        <div class="overlay-body">
            <img id="image-zoom-image" src="" />
        </div>
    </div>
    <!-- End Image zoom overlay -->
    
    <!-- External analysis form -->
    <div id="external-analysis-form" class="overlay-item" data-bind="if: $root.Automations.ActiveForm() !== null">
         <div id="wrapper-external-analysis-form">
            <div class="overlay-head">
                <h2 data-bind="text: $root.Automations.ActiveForm().Name">[NAME]</h2> 
                <i class="fa close icon-close" aria-hidden="true" data-bind="closeExternalAnalysisForm"></i>
            </div>
            <div class="overlay-content" data-bind="if: $root.Automations.ActiveForm().FormFields.length > 0">
                <form>
                    <dl>
                        <!-- input for job name-->
                         <dt>
                            <label data-bind="i18n">AUTOMATION_JOB_NAME</label>
                        </dt>
                        <dd class="flex align-items-center">
                            <input class="form-control text-box single-line" autocomplete="off" type="text" id="value" name="value" data-bind="value: $root.Automations.ActiveForm().JobName">
                            <span class="required">*</span>
                        </dd>
                         <!-- ko foreach: $root.Automations.ActiveForm().FormFields -->
                            <!-- ko if: Type == 0 || Type == 1 || Type == 2-->
                             <dt>
                                <label data-bind="text: Key">[PARAMETER]</label>
                            </dt>
                            <dd class="flex align-items-center">
                                <input class="form-control text-box single-line" autocomplete="off" type="text" id="value" name="value" data-bind="value: Value">
                                <span class="required" data-bind="if: Required">*</span>
                            </dd>
                            <!-- /ko -->
                            <!-- ko if: Type == 3 -->
                             <dt>
                                <label data-bind="text: Key">[PARAMETER]</label>
                            </dt>
                            <dd class="flex align-items-center">
                            <label data-bind="attr: { for: 'editable-checkbox-'+ $index()}">
                                <input class="cc cc-theme1 form-control" type="checkbox" name="value" data-bind="attr: { id: 'editable-checkbox-'+ $index()}, checked: Value">
                                <span class="editable-checkbox cc-btn"></span>
                            </label>
                        </dd>
                            <!-- /ko -->
                         <!-- /ko -->
                    </dl>
                    <div class="save-btn">
                        <span class="required-fields-message">
                            *&nbsp;<span data-bind="i18n">common:REQUIRED_FIELDS</span>
                        </span>
                        <button id="save" class="btn" type="submit" data-bind="submitExternalAnalysisForm">
                            <i class="fa icon-cogs" aria-hidden="true"></i>
                            <span data-bind="i18n">common:SUBMIT</span>
                        </button>
                    </div>
                </form>
            </div>
        </div> 
    </div>
    <!-- End External analysis form -->
</div>

<!-- analysis job list -->
<div id="analysis-jobs-list" data-bind="css: { 'active' : Automations.ShowJobs() }">
    <div class="head">
        <div class="title" data-bind="i18n">
            AUTOMATION_JOBS
        </div>
        <button id="analysis-jobs-list-close-btn" class="btn" type="button" data-bind="click: function() { $root.Automations.DisplayJobs(false) }">×</button>
    </div>
    <div class="body">
        <div class="jobs-list">
            <div class="jobs-list-head">
                <div data-bind="i18n">
                    common:NAME
                </div>
                <div data-bind="i18n">
                    common:STATUS
                </div>
            </div>
            <!-- ko foreach: Automations.Jobs() -->
            <div class="jobs-list-item">
                <div class="name" data-bind="text: Name">
                    [NAME]
                </div>
                <!-- ko if: Status == 0 || Status == 10 || Status == 20 -->
                <div class="status running">
                    <svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.0" width="18px" height="18px" viewBox="0 0 128 128" xml:space="preserve"><g><path d="M17.3 57.6a6.3 6.3 0 1 1-6.28 6.28 6.3 6.3 0 0 1 6.3-6.3zM29 24.04a4.72 4.72 0 1 1-4.7 4.72 4.72 4.72 0 0 1 4.7-4.72zm35.12-22.7A15.72 15.72 0 1 1 48.4 17.06 15.72 15.72 0 0 1 64.12 1.34zm35.1 13.27A14.15 14.15 0 1 1 85.1 28.8a14.15 14.15 0 0 1 14.15-14.15zm11.7 36.7a12.58 12.58 0 1 1-12.57 12.6 12.58 12.58 0 0 1 12.58-12.58zM99.22 88a11 11 0 1 1-11 11 11 11 0 0 1 11-11zm-35.1 13.27a9.44 9.44 0 1 1-9.43 9.44 9.44 9.44 0 0 1 9.4-9.45zM29.02 91.1a7.86 7.86 0 1 1-7.88 7.9A7.86 7.86 0 0 1 29 91.1z" fill="#ffffff" fill-opacity="1"/><animateTransform attributeName="transform" type="rotate" from="0 64 64" to="360 64 64" dur="2160ms" repeatCount="indefinite"></animateTransform></g></svg>
                </div>
                <!-- /ko -->
                <!-- ko if: Status == 50 -->
                <a class="status finished" data-bind="attr: { href: Url }">
                    <i class="fa icon-download"></i>
                </a>
                <!-- /ko -->
                <!-- ko if: Status == 90 -->
                <a class="status failed">
                    <i class="fa icon-close"></i>
                </a>
                <!-- /ko -->
            </div>
            <!-- /ko -->
        </div>
    </div>
</div>
<!-- end of analysis job list -->

<!-- ko if: BlockLibraries.ShowList() -->
<div id="overlay-block-libraries" class="animateInfo">
    <!-- List of block libraries -->
    
    <!-- ko template: { name: 'blockLibrariesModalTemplate', data: BlockLibraries } -->
    <!-- /ko -->
    <!-- End block libraries -->
</div>
<!-- /ko -->
<!-- ko if: DrawableLayers.ContainsDrawActions() && DrawableLayers.DrawActions.ActiveEditableAttributes() -->
<div id="overlay-edit-attributes" class="animateInfo">
    <!-- Edit dataset attributes -->
    
    <!-- ko template: { name: 'drawActionEditDatasetAttributesTemplate', data: DrawableLayers, DrawActions: DrawActions} -->
    <!-- /ko -->
    <!-- End edit dataset attributes -->
</div>
<!-- /ko -->
<!-- ko if: DrawableLayers.DrawActions.ActiveConfirmationDialog() -->
<div id="overlay-delete-features" class="animateInfo">
    <!-- Delete dataset Features -->
    
    <!-- ko template: { name: 'drawActionDeleteTemplate', data: DrawableLayers, DrawActions: DrawActions} -->
    <!-- /ko -->
    <!-- End delete features -->
</div>
<!-- /ko -->
<!-- ko if: $root.Failed() -->
<div id="overlay-error" class="animateInfo">
    <!-- Error modal message -->
    
    <!-- ko template: { name: 'errorModalTemplate', data: DrawableLayers, DrawActions: DrawActions} -->
    <!-- /ko -->
    <!-- End error modal message -->
</div>
<!-- /ko -->
<!-- ko if: $root.Info() -->
<div id="overlay-info" class="animateInfo">
    <!-- Info modal message -->
    
    <!-- ko template: { name: 'infoModalTemplate'} -->
    <!-- /ko -->
    <!-- End info modal message -->
</div>
<!-- /ko -->
<!-- ko if: $root.Confirmation() -->
<div id="overlay-confirmation" class="animateInfo">
    <!-- Error modal message -->
    
    <!-- ko template: { name: 'confirmationModalTemplate', data: DrawableLayers, DrawActions} -->
    <!-- /ko -->
    <!-- End confirmation modal message -->
</div>
<!-- /ko -->
<!-- ko if: CycloramaData.ShowLogin() -->
<div id="overlay-edit-cyclorama" class="animateInfo">
    <!-- Edit dataset attributes -->
    
    <!-- ko template: { name: 'cycloramaLoginTemplate', data: CycloramaData } -->
    <!-- /ko -->
    <!-- End edit dataset attributes -->
</div>
<!-- /ko -->

<!-- ko if: $root.kikExtension.Enabled && $root.kikExtension.KIKShowConfirmModal -->
<div class="kik-modal-background">
    <div class="kik-modal">
        <div class="head">
            <i class="icon icon-close" aria-hidden="true" data-bind="KIKShowConfirmModal: false"></i>
        </div>
        <div class="body">
            <div class="message-container">
                <i class="icon icon-exclamation-triangle" aria-hidden="true"></i>
                <p>
                    <b>Let op:</b><br />
                    Het aanvragen van eigenaarsgegevens brengt kosten met zich mee
                </p>
            </div>
            <div class="action-bar">
                <button class="btn btn-secondary" type="button" data-bind="KIKShowConfirmModal: false">Annuleren</button>
                <button class="btn btn-primary" type="button" data-bind="KIKUpdateData">Bevestigen</button>
            </div>
        </div>
    </div>
</div>
<!-- /ko -->

<!-- draw panel -->
<div id="overlay-drawing" data-bind="preventDefault" class="modal-showmobile">
    <div class="draggable-collision menu-draggable-collision" data-bind="css: { 'extend-bottom': Properties.ShowLegend() }"></div>
    <div class="overlay-layer-option-window drawing modal-draggable modal-showmobile" data-bind="if: $root.DrawableLayers.ActiveDrawableLayer() != null">
        <div class="layer-option-window-head">
            <h4 data-bind="i18n">DRAW</h4>
            <i aria-hidden="true" class="fa icon-close" data-bind="toggleDrawingOverlay"></i>
        </div>
        <div class="layer-option-window-body no-background-color">
            <div class="layer-option-window-panel main-tools">
                <div class="select-field">
                    <!-- ko if: $root.isMobileViewer === true -->
                        <select data-bind="options: $root.DrawableLayers.DrawableLayers().filter(function (item) {return item.GetDrawActionType() === 2}),
                            optionsText: 'DisplayName',
                            value: $root.DrawableLayers.ActiveDrawableLayer,
                            toggleActiveDrawingIcon: $root.DrawableLayers.ActiveDrawableLayer().LayerItemId" class="filter-dataset">
                        </select>
                    <!-- /ko -->
                    <!-- ko if: $root.isMobileViewer === false -->
                        <select data-bind="options: $root.DrawableLayers.DrawableLayers(),
                            optionsText: 'DisplayName',
                            value: $root.DrawableLayers.ActiveDrawableLayer,
                            toggleActiveDrawingIcon: $root.DrawableLayers.ActiveDrawableLayer().LayerItemId" class="filter-dataset">
                        </select>
                    <!-- /ko -->
                    <i class="fa select-caret icon-caret-down"></i>
                </div>
                <!-- ko foreach: $root.DrawableLayers.ActiveDrawableLayer().LayerDrawActions -->
                    <!-- ko if: Type == DrawActionType.Polygon -->
                        <div class="btn-dropdown-container hide-mobile" data-bind="toggleBtnDropdown">
                            <!-- show one of these, on top -->
                            <i class="draw-btn btn fa icon-square" title="DRAW_TYPE_POLYGON" data-bind="i18n: 'ignoreInner', css: { 'active': ($root.DrawableLayers.DrawActions.ActiveDrawActionType() == DrawActionType.Polygon )},
                                click: function () { $root.DrawableLayers.DrawActions.StartDrawAction($data, $root.DrawableLayers.ActiveDrawableLayer().LayerItemId, false) }" aria-hidden="true">
                                <i class="open-dropdown-btn fa icon-caret-down" data-id="0" aria-hidden="true"></i>
                            </i>
                            <i class="draw-btn btn fa icon-free-hand-polygon" title="DRAW_TYPE_POLYGON_FREEHAND" data-bind="i18n: 'ignoreInner', css: { 'active': ($root.DrawableLayers.DrawActions.ActiveDrawActionType() == DrawActionType.PolygonFree )},
                                click: function () { $root.DrawableLayers.DrawActions.StartDrawAction($data, $root.DrawableLayers.ActiveDrawableLayer().LayerItemId, true) }" aria-hidden="true">
                                <i class="open-dropdown-btn fa icon-caret-down" data-id="1" aria-hidden="true"></i>
                            </i>
                            <!-- Select active btn from one of these -->
                            <div class="dropdown">
                                <i class="select-dropdown-btn draw-btn btn fa icon-square" title="DRAW_TYPE_POLYGON" data-id="0" data-bind="i18n, click: function () { $root.DrawableLayers.DrawActions.StartDrawAction($data, $root.DrawableLayers.ActiveDrawableLayer().LayerItemId, false) }" aria-hidden="true"></i>

                                <i class="select-dropdown-btn draw-btn btn fa icon-free-hand-polygon" title="DRAW_TYPE_POLYGON_FREEHAND" data-id="1" data-bind="i18n, click: function () { $root.DrawableLayers.DrawActions.StartDrawAction($data, $root.DrawableLayers.ActiveDrawableLayer().LayerItemId, true) }" aria-hidden="true"></i>
                            </div>
                        </div>
                    <!-- /ko -->
                    
                    <!-- ko if: Type == DrawActionType.Point -->
                        <i class="draw-btn btn fa icon-bullet" title="DRAW_TYPE_POINT" data-bind="i18n, css: { 'active': ($root.DrawableLayers.DrawActions.ActiveDrawActionType() == DrawActionType.Point )},
                        click: function () { $root.DrawableLayers.DrawActions.StartDrawAction($data, $root.DrawableLayers.ActiveDrawableLayer().LayerItemId, false) }" aria-hidden="true"></i>
                    <!-- /ko -->

                    <!-- ko if: Type == DrawActionType.LineString -->
                    <div class="btn-dropdown-container hide-mobile" data-bind="toggleBtnDropdown">
                            <!-- show one of these, on top -->
                            <i class="draw-btn btn fa icon-line" title="DRAW_TYPE_LINE" data-bind="i18n: 'ignoreInner', css: { 'active': ($root.DrawableLayers.DrawActions.ActiveDrawActionType() == DrawActionType.LineString )},
                                click: function () { $root.DrawableLayers.DrawActions.StartDrawAction($data, $root.DrawableLayers.ActiveDrawableLayer().LayerItemId, false) }" aria-hidden="true">
                                <i class="open-dropdown-btn fa icon-caret-down" data-id="0" aria-hidden="true"></i>
                            </i>

                            <i class="draw-btn btn fa icon-free-hand-line" title="DRAW_TYPE_LINE_FREEHAND" data-bind="i18n: 'ignoreInner', css: { 'active': ($root.DrawableLayers.DrawActions.ActiveDrawActionType() == DrawActionType.LineStringFree )},
                                click: function () { $root.DrawableLayers.DrawActions.StartDrawAction($data, $root.DrawableLayers.ActiveDrawableLayer().LayerItemId, true) }" aria-hidden="true">
                                <i class="open-dropdown-btn fa icon-caret-down" data-id="1" aria-hidden="true"></i>
                            </i>
                            <!-- Select active btn from one of these -->
                            <div class="dropdown">
                                <i class="select-dropdown-btn draw-btn btn fa icon-line" title="DRAW_TYPE_LINE" data-id="0" data-bind="i18n, click: function () { $root.DrawableLayers.DrawActions.StartDrawAction($data, $root.DrawableLayers.ActiveDrawableLayer().LayerItemId, false) }" aria-hidden="true"></i>
                                <i class="select-dropdown-btn draw-btn btn fa icon-free-hand-line" title="DRAW_TYPE_LINE_FREEHAND" data-id="1" data-bind="i18n,  click: function () { $root.DrawableLayers.DrawActions.StartDrawAction($data, $root.DrawableLayers.ActiveDrawableLayer().LayerItemId, true) }" aria-hidden="true"></i>
                            </div>
                        </div>
                    <!-- /ko -->
                <!-- /ko -->

                <!-- ko if: !$root.DrawableLayers.ActiveDrawableLayer().HideGeomSelection -->
                    <i class="draw-btn btn fa icon-cursor hide-mobile" title="DRAW_SELECT" data-bind="i18n, css: { 'active': ( $root.DrawableLayers.DrawActions.ActiveLayerSelection() )}, click: function () { $root.DrawableLayers.DrawActions.StartSingleSelection($root.DrawableLayers.ActiveDrawableLayer().LayerItemId, DrawActionType.None) }, change: classRemoval" aria-hidden="true"></i>
                <!-- /ko -->

                <!-- ko if: $root.DrawableLayers.ActiveDrawableLayer().ShowEditableFeature() && !$root.DrawableLayers.ActiveDrawableLayer().HideGeomSelection -->
                    <i class="draw-btn btn fa icon-edit-feature hide-mobile" title="DRAW_EDIT_FEATURES" data-bind="i18n, css: { 'active': ($root.DrawableLayers.DrawActions.ShowTransformModal()), 'show': ($root.DrawableLayers.DrawActions.ShowTransformModal())},
                    click: function () { $root.DrawableLayers.DrawActions.StartTransformInteraction($root.DrawableLayers.ActiveDrawableLayer().LayerItemId) }, visible: $root.DrawableLayers.DrawActions.HasSelectedFeatures()" aria-hidden="true"></i>
                    
                    <i class="draw-btn btn fa icon-edit-feature hide-mobile" title="DRAW_EDIT_FEATURES" data-bind="i18n, css: { 'active': ( $root.DrawableLayers.DrawActions.ActiveTransformSelection())},
                    click: function () { $root.DrawableLayers.DrawActions.StartSingleSelection($root.DrawableLayers.ActiveDrawableLayer().LayerItemId, DrawActionType.Transform) }, change: classRemoval, visible: !$root.DrawableLayers.DrawActions.HasSelectedFeatures()" aria-hidden="true"></i>
                <!-- /ko -->

                <!-- ko if: $root.DrawableLayers.ActiveDrawableLayer().ShowCopyFromLayer && !$root.DrawableLayers.ActiveDrawableLayer().HideGeomSelection -->
                    <i class="draw-btn btn fa icon-copy-new hide-mobile" title="DRAW_COPY" data-bind="i18n, css: { 'active': $root.DrawableLayers.DrawActions.ShowCopyPanel()}, click: function () { $root.DrawableLayers.DrawActions._ShowCopyPanel() }, change: classRemoval" aria-hidden="true"></i>
                <!-- /ko -->

                <!-- ko if: $root.DrawableLayers.ActiveDrawableLayer().ShowEditableAttributes() && !$root.DrawableLayers.ActiveDrawableLayer().HideGeomSelection -->
                    <i class="draw-btn btn fa icon-edit editableAttribute  hide-mobile" title="DRAW_EDIT_ATTRIBUTES" data-bind="i18n, click: function () { $root.DrawableLayers.DrawActions.GetEditableAttributes(DrawActionType.EditAttribute, $root.DrawableLayers.ActiveDrawableLayer().LayerItemId, false) }, visible: $root.DrawableLayers.DrawActions.HasSelectedFeatures()" aria-hidden="true"></i>
                    
                    <i class="draw-btn btn fa icon-edit" title="DRAW_EDIT_ATTRIBUTES" data-bind="i18n, css: { 'active': ( $root.DrawableLayers.DrawActions.ActiveEditSelection() )}, click: function () { $root.DrawableLayers.DrawActions.StartSingleSelection($root.DrawableLayers.ActiveDrawableLayer().LayerItemId, DrawActionType.EditAttribute) }, change: classRemoval, visible: !$root.DrawableLayers.DrawActions.HasSelectedFeatures()" aria-hidden="true"></i>
                <!-- /ko -->

                <!-- Button to open fieldwork window -->
                <!-- ko if: $root.DrawableLayers.ActiveDrawableLayer().ShowFieldworkModus -->
                    <i class="draw-btn btn fa icon-satellite hide-mobile" title="DRAW_TYPE_FIELDWORK_MODE" data-bind="i18n, click: window.showFieldWorkWindow, visible: $root.Properties.EnableFieldworkModus" aria-hidden="true"></i>
                <!-- /ko -->

                <!-- ko if: $root.DrawableLayers.ActiveDrawableLayer().ShowDelete && !$root.DrawableLayers.ActiveDrawableLayer().HideGeomSelection -->
                    <i class="draw-btn btn fa icon-trashcan" title="common:DELETE" data-bind="i18n, click: function () { $root.DrawableLayers.DrawActions.DeleteFeature($root.DrawableLayers.ActiveDrawableLayer().LayerItemId) }, visible: $root.DrawableLayers.DrawActions.HasSelectedFeatures()" aria-hidden="true"></i>

                    <i class="draw-btn btn fa icon-trashcan" title="common:DELETE" data-bind="i18n, css: { 'active': ( $root.DrawableLayers.DrawActions.ActiveDeleteSelection() )}, click: function () {$root.DrawableLayers.DrawActions.StartMultiSelectionWithClick($root.DrawableLayers.ActiveDrawableLayer().LayerItemId, DrawActionType.Delete ) }, change: classRemoval, visible: !$root.DrawableLayers.DrawActions.HasSelectedFeatures()" aria-hidden="true"></i>
                <!--/ko -->

                <!-- Transform tools -->
                <div class="transform-tools" data-bind="visible: $root.DrawableLayers.DrawActions.ShowTransformModal">
                    <i class="draw-btn btn fa icon-save-feature" title="common:SAVE" data-bind="i18n, click: function () { $root.DrawableLayers.DrawActions.ConfirmTransformation() }, change: classRemoval" aria-hidden="true"></i>
                    
                    <i class="draw-btn btn fa icon-move-feature" title="DRAW_FEATURE_MOVE" data-bind="i18n, css: { 'selected': ($root.DrawableLayers.DrawActions.ActiveMoveFeature())},
                    click: function () { $root.DrawableLayers.DrawActions.MoveFeature() }, change: classRemoval" aria-hidden="true"></i>

                    <i class="draw-btn btn fa icon-rotate-left" title="DRAW_FEATURE_ROTATE" data-bind="i18n, css: { 'selected': ($root.DrawableLayers.DrawActions.ActiveRotateFeature())}, visible: $root.Properties.EnableBlockLibraries,
                    click: function () { $root.DrawableLayers.DrawActions.RotateFeature() }, change: classRemoval" aria-hidden="true"></i>

                    <!-- ko if: !$root.DrawableLayers.ActiveDrawableLayer().HideGeomSelection -->
                        <i class="draw-btn btn fa icon-scissors" title="DRAW_SPLIT" data-bind="i18n, visible: $root.DrawableLayers.DrawActionSplitAction.ShowButton, css: { 'active': ( $root.DrawableLayers.DrawActionSplitAction.ActiveSplitAction() )}, click: function () { $root.DrawableLayers.DrawActionSplitAction.StartSplitAction() }, change: classRemoval" aria-hidden="true"></i>
                    <!-- /ko -->

                    <!-- ko ifnot: $root.DrawableLayers.DrawActions.TransformType() == SymbologyClassStyleType.Point -->
                        <i class="draw-btn btn fa icon-vector-move-feature" title="DRAW_FEATURE_ALTER_POINTS" data-bind="i18n, css: { 'selected': ($root.DrawableLayers.DrawActions.ActiveModifyFeature())},
                        click: function () { $root.DrawableLayers.DrawActions.ModifyFeature() }, change: classRemoval" aria-hidden="true"></i>
                        
                    <!-- /ko -->
                    <i class="draw-btn btn fa icon-undo-feature" title="common:UNDO" data-bind="i18n, click: function () { $root.DrawableLayers.DrawActions.RollbackTransformation(true) }, change: classRemoval" aria-hidden="true"></i>
                </div>

                <!-- Block Library Tools -->
                <div class="block-tools" data-bind="if: $root.Properties.EnableBlockLibraries">
                    <i class="draw-btn btn fa icon-cube" title="BLOCK_LIBRARY_ADD_TITLE" data-bind="click: function(){ $root.BlockLibraries.RetrieveBlockLibraries($root.DrawableLayers.ActiveDrawableLayer().LayerItemId) }, i18n" aria-hidden="true"></i>
                </div>
                <!-- End Block Library Tools -->
            </div>

            <!-- Copy Panel-->
            <div class="layer-option-window-panel copy-panel" data-bind="if: $root.DrawableLayers.DrawActions.ShowCopyPanel()">
                <span><span data-bind="i18n">DRAW_COPY_OUT_OF</span>: </span>
                <div class="select-field">
                    <select data-bind="options: $root.DrawableLayers.DrawableLayerCopyFromIds(),
                        optionsText: 'Title',
                        value: $root.DrawableLayers.SelectedCopyFromLayerItem"
                        class="filter-dataset">
                    </select>
                    <i class="fa select-caret icon-caret-down"></i>
                </div>

                <div class="btn-dropdown-container" data-bind="toggleBtnDropdown">
                    <!-- show one of these, on top -->
                    <i class="draw-btn no-margin-right btn fa icon-cursor" title="DRAW_COPY_SINGLE_SELECTION" data-bind="i18n: 'ignoreInner', css: { 'active': ( $root.DrawableLayers.DrawActions.ActiveCopySelection() )}, click: function () { $root.DrawableLayers.DrawActions.StartSingleSelection($root.DrawableLayers.SelectedCopyFromLayerItem().LayerItemId, DrawActionType.Copy) }, change: classRemoval">
                        <i class="open-dropdown-btn fa icon-caret-down" data-id="0" aria-hidden="true"></i>
                    </i>

                    <i class="draw-btn no-margin-right btn fa icon-free-hand-polygon" title="DRAW_COPY_MULTIPLE_SELECTION" data-bind="i18n: 'ignoreInner', css: { 'active': ( $root.DrawableLayers.DrawActions.ActiveCopySelection() )}, click: function () { $root.DrawableLayers.DrawActions.StartMultiSelection($root.DrawableLayers.SelectedCopyFromLayerItem().LayerItemId, DrawActionType.Copy) }, change: classRemoval">
                        <i class="open-dropdown-btn fa icon-caret-down" data-id="1" aria-hidden="true"></i>
                    </i>
                    
                    <div class="dropdown">
                        <!-- Select active btn from one of these -->
                        <i class="select-dropdown-btn draw-btn btn fa icon-cursor" title="DRAW_COPY_SINGLE_SELECTION" data-id="0" data-bind="i18n, click: function () { $root.DrawableLayers.DrawActions.StartSingleSelection($root.DrawableLayers.SelectedCopyFromLayerItem().LayerItemId, DrawActionType.Copy) }, change: classRemoval"></i>

                        <i class="select-dropdown-btn draw-btn btn fa icon-free-hand-polygon" title="DRAW_COPY_MULTIPLE_SELECTION" data-id="1" data-bind="i18n, click: function () { $root.DrawableLayers.DrawActions.StartMultiSelection($root.DrawableLayers.SelectedCopyFromLayerItem().LayerItemId, DrawActionType.Copy) }, change: classRemoval"></i>
                    </div>
                </div>

                <span>
                    <span data-bind="text: $root.DrawableLayers.DrawActions.ActiveFeaturesCount"></span>
                    <span data-bind="i18n">DRAW_COPY_OBJECT_COUNT</span>
                </span>
                
                <button class="copy-btn" type="button" data-bind="click: function () { $root.DrawableLayers.DrawActions.PostCopyAction($root.DrawableLayers.DrawActions.ActiveLayerItemId()) }, change: classRemoval">
                    <i class="fa icon-copy-new-inverted" aria-hidden="true"></i> <span data-bind="i18n">DRAW_COPY_PASTE</span>
                </button>
            </div>
        </div>
    </div>
</div>
<!-- end draw panel -->

<!-- Block Library panel -->
<div id="overlay-block-library" data-bind="preventDefault">
    <div class="draggable-collision menu-draggable-collision" data-bind="css: { 'extend-bottom': Properties.ShowLegend() }"></div>
    <div id="block-library-modal" class="overlay-layer-option-window block-library modal-draggable">
        <div class="layer-option-window-head">
            <h4 data-bind="i18n">BLOCK_LIBRARY_TITLE</h4>
            <i aria-hidden="true" class="fa icon-close" data-bind="toggleBlockLibraryModal"></i>
        </div>
        <div class="layer-option-window-body">
            <p class="block-library-description" data-bind="i18n">BLOCK_LIBRARY_MODAL_DESCRIPTION</p>
            <div class="layer-option-window-panel main-tools block">
                <input class="block-library-name" type="text" placeholder="BLOCK_LIBRARY_NAME_PLACEHOLDER" data-bind="value: $root.BlockLibraries.Name, i18n">
                <i class="draw-btn btn fa icon-cursor" title="BLOCK_LIBRARY_SELECT_TITLE" data-bind="click: function(){ $root.BlockLibraries.SelectFeatures() }, i18n" aria-hidden="true"></i>
                <i class="draw-btn btn fa icon-save-feature" title="BLOCK_LIBRARY_SAVE_TITLE" data-bind="click:function(){ $root.BlockLibraries.StoreBlockLibrary() }, i18n" aria-hidden="true"></i>
                <div class="block-tools" data-bind="if: $root.Properties.EnableBlockLibraries">
                    <i class="draw-btn btn fa icon-cube" title="Block bewerken" data-bind="click: function(){ $root.BlockLibraries.RetrieveBlockLibraries($root.BlockLibraries.ActiveLayerItemId, true) }, i18n" aria-hidden="true"></i>
                </div>
            </div>
            <div class="block-library-error" data-bind="if: $root.BlockLibraries.Message()">
                <p class="block-library-error-message" data-bind="text: $root.BlockLibraries.Message(), css: { 'error': $root.BlockLibraries.Error(), '': !$root.BlockLibraries.Error() }, i18n">[Message]</p>
            </div>
        </div>
    </div>
</div>
<!-- end Block Library panel -->

<!-- External analysis draw tools -->
    <div id="external-analysis-draw-tools" data-bind="preventDefault">
        <div class="draggable-collision menu-draggable-collision" data-bind="css: { 'extend-bottom': Properties.ShowLegend() }"></div>
        <div id="analysis-drawing" class="overlay-layer-option-window  draggable">
            <div class="layer-option-window-head">
                <h4 data-bind="i18n">DRAW</h4>
                <i aria-hidden="true" class="fa icon-close" data-bind="closeExternalAnalysisDrawTools"></i>
            </div>
            <div class="layer-option-window-body no-background-color">
            <div class="layer-option-window-panel main-tools">
                <i class="draw-btn btn fa icon-square" title="DRAW_TYPE_POLYGON" data-bind="i18n, click: function () { $root.Automations.Draw() }" aria-hidden="true"></i>
                <i class="draw-btn btn fa icon-free-hand-polygon" title="DRAW_TYPE_POLYGON_FREEHAND" data-bind="i18n, click: function () { $root.Automations.DrawFree() }" aria-hidden="true"></i>
                
                <i id="external-analysis-submit" class="draw-btn btn fa icon-check" data-bind="i18n, showExternalAnalysisForm, css: { 'success': $root.Automations.GeoJson() != null }" aria-hidden="true"></i>
            </div>
        </div>
    </div>
</div>
<!-- End of analysis draw tools -->

<div id="gui">
    <!-- side menu -->
    
    <div id="menu-side">
        <div class="menu-content draggable parent analyse" data-bind="css: { 'invisible': Analyses.AnalysisActionState() == 1 || Analyses.AnalysisActionState() == 3 , 'visible': Analyses.AnalysisActionState() == 2 || Analyses.AnalysisActionState() == 4 }">
            <div class="menu-head ui-draggable-handle">
                <div class="column left">
                    <h2 data-bind="i18n">RESULTS</h2>
                </div>
                <div class="column right">
                    <!-- ko if: Analyses.AnalysisBusy() -->
                    <i class="icon-load fa fa-spin"></i>
                    <!-- /ko -->
                    <i id="analysis-copy" class="fa icon-copy-new button" aria-hidden="true" data-bind="click: CopyToClipboard, visible:(Analyses.HasResults())"></i>
                    <i id="exportpdf" class="fa icon-download button" aria-hidden="true" data-bind="click: ExportAnalysisToPDF, visible:(Analyses.HasDownload() && Analyses.HasResults())"></i>
                    <i id="toggle-drawameters" class="fa icon-draw" aria-hidden="true" data-bind="click: SetDrawState"></i>
                    <i id="close-menu" class="fa icon-close" aria-hidden="true" data-bind="click: CloseAnalysis"></i>
                </div>
            </div>
            <div class="custom-scrollbar">
                <div class="row" data-bind="if: Analyses.ActiveComputes().length > 0">
                    <div class="column left">
                        <!-- ko if: Analyses.HasResults -->
                            <!-- ko foreach: Analyses.ActiveResults -->
                            <ul class="computes">
                                <li><label data-bind="text: Title, attr: { title: Title }">[Title]</label></li>
                                <!-- ko foreach: ReportParameters -->
                                    <!-- ko ifnot: ParameterTitle -->
                                        <li><span style="text-overflow: ellipsis;">&nbsp;</span></li>
                                    <!-- /ko -->
                                    <!-- ko if: ParameterTitle -->
                                        <li data-bind="css: {'is-folder' : type == 1}"><span style="text-overflow: ellipsis;" data-bind="text: ParameterTitle">[Title]</span></li>
                                    <!-- /ko -->

                                    <!-- ko foreach: ChildParameters -->
                                        <!-- ko ifnot: ParameterTitle -->
                                            <li><span style="text-overflow: ellipsis;">&nbsp;</span></li>
                                        <!-- /ko -->
                                        <!-- ko if: ParameterTitle -->
                                            <li data-bind="css: {'is-folder' : type == 1}"><span style="text-overflow: ellipsis;" data-bind="text: ParameterTitle">[Title]</span></li>
                                        <!-- /ko -->
                                    <!-- /ko -->
                                <!-- /ko -->
                            </ul>
                            <!-- /ko -->
                        <!-- /ko -->
                    </div>
                    <div id="result-view" class="column right results" data-bind="css: { 'inactive': !Analyses.HasResults() }">
                        <!-- ko ifnot: Analyses.HasResults -->
                        <div class="column right">
                            <p id="startSelect" data-bind="i18n">ANALYSES_START_DRAWING_FOR_RESULTS</p>
                        </div>
                        <!-- /ko -->
                        <!-- ko if: Analyses.HasResults -->
                            <!-- ko foreach: Analyses.ActiveResults -->
                            <ul class="computes">
                                <li></li>
                                <!-- ko foreach: ReportParameters -->
                                    <!-- ko ifnot: Value -->
                                        <li data-bind="css: {'is-folder' : type == 1}"><span style="text-overflow: ellipsis;">&nbsp;</span></li>
                                    <!-- /ko -->
                                    <!-- ko if: Value -->
                                        <li data-bind="css: {'is-folder' : type == 1}"><span style="text-overflow: ellipsis;" data-bind="text: Value">[Value]</span></li>
                                    <!-- /ko -->

                                    <!-- ko foreach: ChildParameters -->
                                        <!-- ko ifnot: Value -->
                                            <li data-bind="css: {'is-folder' : type == 1}"><span style="text-overflow: ellipsis;">&nbsp;</span></li>
                                        <!-- /ko -->
                                        <!-- ko if: Value -->
                                            <li data-bind="css: {'is-folder' : type == 1}"><span style="text-overflow: ellipsis;" data-bind="text: Value">[Value]</span></li>
                                        <!-- /ko -->
                                    <!-- /ko -->
                                <!-- /ko -->
                            </ul>
                            <!-- /ko -->
                        <!-- /ko -->
                    </div>
                </div>
            </div>

            <div class="row result">
                <!-- ko if: Analyses.StartAnalysisOnOpenActive -->
                <div class="column left">
                    <p><span data-bind="i18n">ANALYSES_VISIBLE_OBJECTS</span>:</p>
                </div>
                <!-- /ko -->
                <!-- ko ifnot: Analyses.StartAnalysisOnOpenActive -->
                <div class="column left">
                    <p><span data-bind="i18n">ANALYSES_SELECTED_OBJECTS</span>:</p>
                </div>
                <!-- /ko -->
                <div class="column right" id="result-count">
                    <!-- ko if: Analyses.HasResults -->
                    <p data-bind="text: Analyses.ActiveFeatureCount"></p>
                    <!-- /ko -->
                </div>
            </div>

            <div class="row" data-bind="if: Analyses.ActiveComputes().length == 0">
                <div class="column left">
                    <h3 class="analyse-content" data-bind="i18n">ANALYSES_NO_SCENARIOS_SELECTED</h3>
                </div>
                <div class="column right">
                </div>
            </div>
        </div>
        <div class="menu-content draggable draw ui-draggable" data-bind="css: { 'invisible': Analyses.AnalysisActionState() == 1 || Analyses.AnalysisActionState() == 2 , 'visible': Analyses.AnalysisActionState() == 3 || Analyses.AnalysisActionState() == 4 }">
            <div class="menu-head">
                <div class="column left">
                    <h2 data-bind="i18n">DRAW</h2>
                </div>
                <div class="column right">
                    <!-- ko if: Analyses.AnalysisActionState() == 3 -->
                    <i id="close-menu" class="fa icon-close" aria-hidden="true" data-bind="click: CloseDraw"></i>
                    <!-- /ko -->
                    <!-- ko if: Analyses.AnalysisActionState() == 4 -->
                    <i id="close-draw" class="fa icon-close" aria-hidden="true" data-bind="click: CloseDraw"></i>
                     <!-- /ko -->
                </div>
            </div>

            <div class="row button-bar">
                <label data-bind="i18n">SELECTION</label>
                <div class="row">

                    <!-- nieuwe iconen -->
                    

                    <!-- oud -->
                    <div class="btn setinteraction setdraw" data-bind="click: SetDraw, css: { highlighted: Analyses.DrawEnabled() }">
                        <i class="fa icon-square" aria-hidden="true"></i>
                    </div>

                    <div class="btn setinteraction setdrawfree" data-bind="click: SetDrawFree, css: { highlighted: Analyses.DrawFreeEnabled() }">
                        <i class="fa icon-free-hand-polygon" aria-hidden="true"></i>
                    </div>

                    <div class="btn setinteraction add-drawfree" data-bind="click: StackDrawFree, css: { highlighted: Analyses.StackDrawFreeEnabled() }">
                        <i class="fa icon-fa-pencil" aria-hidden="true"></i>
                        <i class="fa icon-plus add-plus" aria-hidden="true"></i>
                    </div>

                    <div class="btn setinteraction erase">
                        <i class="fa icon-times" style="color: red" aria-hidden="true" data-bind="click: ClearDraw"></i>
                    </div>
                </div>
            </div>
        </div>

        <div class="menu-content draggable parameters toggable ui-draggable" data-bind="if: Analyses.ActiveAnalysisParameterValues().length > 0">
            <div class="menu-head">
                <div class="column left">
                    <h2 data-bind="i18n">PARAMETERS</h2>
                </div>
                <div class="column right">
                    <i id="toggler" class="fa icon-caret-down rotate180" aria-hidden="true"></i>
                </div>
            </div>

            <div class="custom-scrollbar">
                <div class="row">
                    <div class="column left">
                        <ul data-bind="if: Analyses.ShowValidationError">
                            <li>
                            </li>
                        </ul>
                        <ul>
                            <!-- ko foreach:  Analyses.ActiveAnalysisParameterValues -->
                            <li>
                                <span data-bind="text: Title">[Title]</span>
                            </li>
                            <!-- /ko -->
                        </ul>
                    </div>
                    <div class="column right">
                        <ul>
                            <li class="text-danger" data-bind="if: Analyses.ShowValidationError">Invalid values!</li>
                        </ul>
                        <!-- ko foreach:  Analyses.ActiveAnalysisParameterValues -->
                        <ul>
                            <li data-bind="if: Type != AnalysisValueType.Select">
                                <input type="text" data-bind="value: Value, valueUpdate: 'afterkeydown', selectTextOnFocus">
                            </li>
                            <li data-bind="if: Type == AnalysisValueType.Select">
                                <select class="dropdown" data-bind="value: Value, valueUpdate: 'afterkeydown'">
                                    <!-- ko foreach: SelectValues -->
                                    <!-- ko if: Selected -->
                                    <option data-bind="attr:{selected: 'selected'}, text: Text, value: Value">[Text]</option>
                                    <!-- /ko -->
                                    <!-- ko ifnot: Selected -->
                                    <option data-bind="text: Text, value: Value">[Text]</option>
                                    <!-- /ko -->
                                    <!-- /ko -->
                                </select>
                            </li>
                        </ul>
                        <!-- /ko -->
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- end side menu -->

    <div id="logo"></div>
    <div id="left-bar">
        <div id="menu" data-bind="css: { 'hidden': !Properties.ShowLegend() }">
            <!-- fa-flip-horizontal is no longer required and can be removed -->
            <div id="toggle-menu"><i class="fa icon-caret-left" data-bind="css: { 'rotate180': !Properties.ShowLegend() }"></i></div>
            <div class="menu-accordion">
                <div class="menu-head legend">
                    <div class="menu-icon"><i class="fa icon-bars" aria-hidden="true"></i></div>
                    <h2 data-bind="i18n">LEGEND</h2>

                    <div id="legend-menu" class="dropdown-container">
                        <i class="fa icon-menu-dots" aria-hidden="true" data-bind="toggleDropdown, preventDefault"></i>
                        <div id="legend-menu-list" class="dropdown" data-bind="preventDefault">
                            <span class="menu-dropdown-btn" data-bind="click: function(){ Layers.DisableAllLayers() }, closeDropdown">
                                <i class="fa icon-eye-slash" aria-hidden="true"></i>
                                <span data-bind="i18n">DISABLE_ALL_LAYERS</span>
                            </span>
                        </div>
                    </div>

                    <i class="menu-caret fa icon-caret-down rotate180" aria-hidden="true"></i>
                </div>
                <div class="menu-content legend custom-menu-scrollbar">
                    <div class="menu-root" data-bind="css:{ themeMapsVisible: ThemeMaps.Items().length > 1}">
                        <div id="legend">
                            <!-- ko if: SelectedThemeMap() -->
                                <div data-bind="visible: Layers.isLoaded, foreach: Layers.Items">
                                    <!-- ko template: { name: 'layerTemplate', data: $data, afterRender: updateAccordion } -->
                                    <!-- /ko -->
                                </div>
                            <!-- /ko -->
                        </div>
                        <div id="legend-edit-root" data-init-state='False'></div>
                    </div>
                </div>
                <!-- begin analyses html -->
                <!-- ko if: Analyses.ContainsAnalyses() || Automations.ContainsAutomations -->
                <div class="menu-head analyses" data-bind="displayJobs">
                    <div class="menu-icon"><i class="fa icon-calculator" aria-hidden="true"></i></div>
                    <h2 data-bind="i18n">ANALYSES</h2>
                    <i class="menu-caret fa icon-caret-down" aria-hidden="true"></i>
                </div>
                <div class="menu-content analyses custom-scrollbar">
                    <!-- ko template: { name: 'analysisTemplate', data: Analyses, afterRender: updateAccordion } -->
                    <!-- /ko -->
                    <!-- ko template: { name: 'automationTemplate', data: Automations, afterRender: updateAccordion } -->
                    <!-- /ko -->
                </div>
                <!-- /ko -->
                <!-- end analyses html -->
                <!-- begin animations html -->
                <!-- ko if: Animations.ContainsAvailableAnimations() -->
                <div class="menu-head animations">
                    <div class="menu-icon"><i class="fa icon-play" aria-hidden="true"></i></div>
                    <h2 data-bind="i18n">ANIMATIONS</h2>
                    <i class="menu-caret fa icon-caret-down" aria-hidden="true"></i>
                </div>
                <div class="menu-content animations custom-scrollbar">
                    <!-- ko template: {name: 'animationTemplate', data: Animations, afterRender: updateAccordion } -->
                    <!-- /ko -->
                </div>
                <!-- /ko -->
                <!-- end animations html -->
                <!-- placeholder -->

                <div class="menu-head search">
                    <div class="menu-icon"><i class="fa icon-search" aria-hidden="true"></i></div>
                    <h2 data-bind="i18n">SEARCH</h2>
                    <i class="menu-caret fa icon-caret-down" aria-hidden="true"></i>
                </div>
                <div class="menu-content search custom-scrollbar">
                    <div class="search-row">
                        <i class="fa icon-search search-icon"></i>
                        <input id="search-input" type="search" data-bind="textInput: Search.SearchValue, enterKey: Search.AutocompleteValue, selectTextOnFocus" />
                    </div>

                    <ul class="search-list" data-bind="foreach: Search.AutocompleteValues">
                        <li class="search-result" data-bind="click: zoomTo, event: { tap: zoomTo }, text: value, highlightSearchTerm"></li>
                    </ul>
                </div>

                <!-- Todo: Bookmarks check, gives issue -->
                <!-- begin Bookmarks html -->
                <!-- ko if: Bookmarks.ContainsBookmarks() -->
                <div class="menu-head bookmarks">
                    <div class="menu-icon"><i class="fa icon-star-o" aria-hidden="true"></i></div>
                    <h2 data-bind="i18n">FAVORITES</h2>
                    <i class="menu-caret fa icon-caret-down" aria-hidden="true"></i>
                </div>
                <div class="menu-content bookmarks custom-scrollbar">
                    <!-- ko template: { name: 'bookmarksTemplate', data: Bookmarks, afterRender: updateAccordion } -->
                    <!-- /ko -->
                </div>
                <!-- /ko -->
                <!-- ko if: Workspace.ContainsMaps() -->
                <div class="menu-head maps">
                    <div class="menu-icon"><i class="fa icon-map-o" aria-hidden="true"></i></div>
                    <h2 data-bind="i18n">MAPS</h2>
                    <i class="menu-caret fa icon-caret-down" aria-hidden="true"></i>
                </div>
                <div class="menu-content maps custom-scrollbar" data-bind="if: Workspace">
                    <!-- ko template: { name: 'workspace-maps', data: Workspace, afterRender: updateAccordion } -->
                    <!-- /ko -->
                </div>
                <!-- /ko -->
                <!-- ko if: Properties.ShowOptions -->
                    <div class="menu-head options">
                        <div class="menu-icon"><i class="fa icon-gear-o" aria-hidden="true"></i></div>
                        <h2 data-bind="i18n">OPTIONS</h2>
                        <i class="menu-caret fa icon-caret-down" aria-hidden="true"></i>
                    </div>
                    <!-- ko if: Properties.ShowLogin -->
                        <div class="menu-content options custom-scrollbar">
                                <div class="group-content">
                                    <div class="loggedin">
                                        <div class="row">
                                            <div class="user-menu">
<form action="/Account/Login?returnUrl=https%3A%2F%2Fapp.slagboomenpeeters.com%2F0f86bd98-0ad5-448a-9d38-1f0d4aa3b0b4%3Fz%3D10%26mode%3Doblique%26x%3D0%26y%3D0" id="loginForm" method="post">                                                    <div class="login-info">
                                                        <ul>
                                                            <li>
                                                                <a class="login" href="javascript:document.getElementById('loginForm').submit()" data-bind="i18n">common:LOGIN</a>
                                                            </li>
                                                        </ul>
                                                    </div>
</form>                                            </div>
                                        </div>
                                    </div>
                                </div>
                        </div>
                    <!-- /ko -->
                <!-- /ko -->
            </div>
        </div>
    </div>

    <div id="top-bar" class="draggable-collision">
        <h1 data-bind="text: Properties.Title"></h1>
        <div id="align-arrow"><span> &gt; </span></div>
        <!-- ko template: {'if':ThemeMaps.isLoaded, name: 'thememaps', data:ThemeMaps} -->
        <!-- /ko -->
                <div class="mobile-user">
<form action="/Account/Login?returnUrl=https%3A%2F%2Fapp.slagboomenpeeters.com%2F0f86bd98-0ad5-448a-9d38-1f0d4aa3b0b4%3Fz%3D10%26mode%3Doblique%26x%3D0%26y%3D0" id="loginForm" method="post">                        <div class="user-menu-toggle">
                            <a class="user-icon" href="javascript:document.getElementById('loginForm').submit()" data-bind="i18n" title="common:LOGIN"><i class="fa icon-user" aria-hidden="true"></i></a>
                        </div>
</form>                </div>
        <div id="information-overlay-buttons" tabindex="1" data-bind="foreach: InformationOverlays.InformationOverlay">
            <a class="information-overlay-btn" data-bind="attr: { id: informationoverlayid, tabindex: ($index() + 2) }, showInformationoverlay: showInformationOverlay, verticalScrollbars">
                <i class="information-overlay-icon fa " data-bind="css: iconclass"></i>
                <span class="information-overlay-title" data-bind="text: title"></span>
            </a>
        </div>
        <!-- ko template: {'if':BaseLayers.isLoaded, name: 'baselayers', data:BaseLayers} -->
        <!-- /ko -->
    </div>
    <div class="mobile-search is-hidden">
        <div class="search-window">
            <div class="search-window-top">
                <div class="search-window-title">
                    <div class="search-title" data-bind="i18n">SEARCH</div>
                    <div class="search-close" title="CLOSE" data-bind="hideSearchWindowMobile, i18n"><i class="fa icon-close"></i></div>
                </div>
                <div class="search-wrap">
                    <i class="fa icon-search search-icon"></i>
                    <input id="search-inputMobile" class="search-inputMobile" type="search" data-bind="textInput: Search.SearchValue, enterKey: Search.AutocompleteValue, i18n, updateSearchResultHeight" />
                </div>
            </div>
            <div class="search-window-bottom">
                <ul class="search-list" data-bind="foreach: Search.AutocompleteValues">
                    <li class="search-result" data-bind="click: zoomTo, event: { tap: zoomTo }, text: value, highlightSearchTermMobile, hideSearchWindowMobile"></li>
                </ul>
            </div>
        </div>
    </div>
    <div id="fullscreen" data-bind="toggleFullscreen"><i class="fa icon-fullscreen" aria-hidden="true"></i></div>

    <div id="right-bar">
        <div class="right-bar-btn-group">
            <div id="zoom-in-right-bar-btn" class="right-bar-button" data-bind="click: ZoomIn, i18n" title="ZOOM_IN"><i class="fa icon-plus" aria-hidden="true"></i></div>
            <div id="zoom-out-right-bar-btn" class="right-bar-button" data-bind="click: ZoomOut, i18n" title="ZOOM_OUT"><i class="fa icon-minus" aria-hidden="true"></i></div>
            <div id="oblique-right-bar" data-bind="if: Properties.ShowOblique()">
                <div id="oblique-right-bar-btn-minimize" class="right-bar-button" data-bind="click: toggleMinimapSize, i18n" title="MINIMIZE_MINIMAP"><i class="fa icon-caret-down" aria-hidden="true"></i></div>
                <div id="oblique-right-bar-btn-maximize" class="right-bar-button" data-bind="click: toggleMinimapSize, i18n" title="MAXIMIZE_MINIMAP"><i class="fa icon-caret-down" aria-hidden="true"></i></div>
                <div id="oblique-right-bar-btn" class="right-bar-button" data-bind="toggleRightBarWindow, click: Measurements.StopMeasurement, i18n" title="OBLIQUE"><i class="fa icon-oblique-icon" aria-hidden="true"></i></div>
                <div id="oblique-right-bar-window" class="right-bar-window">
                    <div class="window-wrapper">
                        <div class="window-head">
                            <h2 data-bind="i18n">OBLIQUE</h2>
                            <i class="fa icon-close" aria-hidden="true" data-bind="closeRightBarWindow, click: Measurements.StopMeasurement"></i>
                        </div>
                        <div class="window-body">
                            <p class="info" data-bind="i18n">OBLIQUE_SELECT</p>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Streetview right-bar button & window -->
            <div id="streetview-right-bar" data-bind="if: (StreetViewData.Enabled() || CycloramaData.Enabled())">
                <div id="streetview-right-bar-btn" class="right-bar-button" data-bind="toggleRightBarWindow, click: Measurements.StopMeasurement, i18n" title="360_DESC"><i class="fa icon-street-view" aria-hidden="true"></i></div>
                <div id="streetview-window" class="right-bar-window">
                    <div class="window-wrapper">
                        <div class="window-head">
                            <h2 data-bind="i18n">360_DESC</h2>
                            <i class="fa icon-close" aria-hidden="true" data-bind="closeRightBarWindow, click: Measurements.StopMeasurement"></i>
                        </div>
                        <div class="window-body">
                            <p class="info" data-bind="i18n">STREETVIEW_SELECT</p>
                            <!-- ko if: (StreetViewData.Enabled() && CycloramaData.Enabled) -->
                            <div id="streetview-btn-group">
                                <button id="cyclorama-btn" data-bind="startCyclorama">StreetSmart</button>
                                <button id="streetview-btn" data-bind="startStreetview">Streetview</button>
                            </div>
                            <!-- /ko -->
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="right-bar-btn-group">
            <div id='extend-right-bar-btn' class="right-bar-button" data-bind="click: ZoomToHome, i18n" title="ZOOM_TO_START"><i class="fa icon-house" aria-hidden="true"></i></div>
            <div id="location-right-bar-btn" class="right-bar-button" data-bind="click: ZoomToLocation, i18n" title="ZOOM_TO_MY_LOCATION"><i class="fa icon-location" aria-hidden="true"></i></div>
            <div id="search-right-bar-btn" class="search-button right-bar-button" data-bind="openSearchWindowMobile, i18n" title="SEARCH"><i class="fa icon-search" aria-hidden="true"></i></div>
        </div>

        <div class="right-bar-btn-group">
            <div id="ruler-right-bar">
                <div id="ruler-right-bar-btn" class="right-bar-button" data-bind="toggleRightBarWindow, click: Measurements.StopMeasurement, i18n" title="MEASURE"><i class="fa icon-ruler" aria-hidden="true"></i></div>
                <div id="ruler-window" class="right-bar-window">
                    <div class="window-wrapper">
                        <div class="window-head">
                            <h2 data-bind="i18n">MEASURE</h2>
                            <i class="fa icon-close" aria-hidden="true" data-bind="closeRightBarWindow, click: Measurements.StopMeasurement"></i>
                        </div>
                        <div class="window-body">
                            <!-- ko template: { name: 'rulerTemplate' } -->
                            <!-- /ko -->
                        </div>
                    </div>
                </div>
            </div>

            <!-- ko if: $root.DrawableLayers.DrawableLayers().length > 0 -->              
            <div id="drawing-right-bar">
                <div id="drawing-right-bar-btn" class="right-bar-button" data-bind="toggleDrawingOverlay, click: function(){ $root.DrawableLayers.OpenDrawPanel() }, i18n" title="DRAW"><i class="fa icon-draw" aria-hidden="true"></i></div>
            </div>
            <!-- /ko -->

            <div id="permalink-right-bar">
                <div id="permalink-right-bar-btn" class="right-bar-button" data-bind="toggleRightBarWindow: CreatePermalink, click: Measurements.StopMeasurement, i18n" title="VIEWER_SHARE"><i class="fa icon-delen" aria-hidden="true"></i></div>
                <div id="permalink-window" class="right-bar-window">
                    <div class="window-wrapper">
                        <div class="window-head">
                            <h2 data-bind="i18n">VIEWER_SHARE</h2>
                            <i class="fa icon-close" aria-hidden="true" data-bind="closeRightBarWindow, click: Measurements.StopMeasurement"></i>
                        </div>
                        <div class="window-body">
                            <div data-bind="css: {'loading-indicator' : !Permalinks.PermalinkUrl() }"></div>
                            <textarea id="select-link2" data-bind="selectText: Permalinks.PermalinkUrl(), visible : Permalinks.PermalinkUrl()" readonly></textarea>
                            <button class="btn-copy btn-primary" data-bind="i18n, copyPermalink" data-clipboard-target="#select-link2">PERMALINK_COPY</button>
                        </div>
                    </div>
                </div>
            </div>

             <!-- ko if: Properties.ShowPrint -->
            <div id="print-jpg-right-bar-btn" class="right-bar-button" data-bind="click: PrintScreenshot, i18n" title="EXPORT_JPG">
                <!-- ko if: $root.Prints.ScreenshotPrintIsBusy() === false -->
                    <i class="fa icon-screenshot" data-bind="if: $root.Prints.ScreenshotPrintIsBusy() === false" aria-hidden="true"></i>
                <!-- /ko -->
                <!-- ko if: $root.Prints.ScreenshotPrintIsBusy() === true -->
                    <i class="fa icon-load fa-spin" data-bind="if: $root.Prints.ScreenshotPrintIsBusy() === true" aria-hidden="true"></i>
                <!-- /ko -->
            </div>
            <!-- /ko -->

            <div id="print-right-bar" data-bind="if: Properties.ShowPrint">
                <div id="print-right-bar-btn" class="right-bar-button" data-bind="toggleRightBarWindow, click: Measurements.StopMeasurement, i18n" title="PRINT"><i class="fa" data-bind="css: Prints.PrintBusy() == true ? 'icon-load fa-spin' : 'icon-print'"></i></div>
                <div id="print-window" class="right-bar-window">
                    <div class="window-wrapper" data-bind="closePrintWindowOnComplete: Prints.PrintComplete()">
                        <div class="window-head">
                            <h2 data-bind="i18n">PRINT</h2>
                            <i class="fa icon-close" aria-hidden="true" data-bind="closeRightBarWindow, click: Measurements.StopMeasurement"></i>
                        </div>
                        <div class="window-body">
                            <!-- ko template: { name: 'printTemplate', data: Prints } -->
                            <!-- /ko -->
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- begin animation tray -->
    <div id="animation-tray">
        <!-- ko foreach:  Animations.AvailableAnimations -->
        <div class="animation" data-bind="visible: Enabled">
            <i class="fa" data-bind="click: ToggleAnimation, css: { 'icon-play': State() != 0, 'icon-pause': State() == 0 }"></i>
            <div class="description">
                <h2 class="title" data-bind="text: Title">[Animation.Title]</h2>
                <p class="info" data-bind="text: ActiveLayer">[Animation.ActiveLayer]</p>
            </div>
        </div>
        <!-- /ko -->
    </div>

    <div id="compass"><div class="square"></div><i class="fa icon-north" data-bind="compass: Rotation, click: ResetRotation"></i></div>

    <!-- NOTE: Callout, to be decided what to do with it.
    <div id="callout-box">

        <div id="print-callout" class="callout-item">
            <div class="callout-icon">
                <i class="icon-load fa fa-spin"></i>
            </div>
            <p class="callout-message hover">Printen...</p>
        </div>
    </div> -->
    <!-- end animation tray -->
    <div id="copyright" data-bind="showElement"><div class="copyright-arrow"><div class="skewed"></div></div><span data-bind="text: Properties.Copyright">[Copyright]</span ></div>

    <div id="bottom-bar">
        <button id="bottom-bar-tree-btn" class="bottom-bar-btn"><i class="icon icon-treeoverview" aria-hidden="true"></i></button>
        <!-- <button id="bottom-bar-legend-btn" class="bottom-bar-btn"><i class="icon icon-legend" aria-hidden="true"></i></button> -->
        <button id="bottom-bar-map-btn" class="bottom-bar-btn active"><i class="icon icon-globe-o" aria-hidden="true"></i></button>
        <!-- <button id="bottom-bar-menu-btn" class="bottom-bar-btn"><i class="icon icon-menu-dots" aria-hidden="true"></i></button> -->
    </div>
</div>

<!-- ko if: ThemeMaps.AllowUpload() -->
    <div id="storage-upload-root" data-init-state='False'></div>
    <div id="layer-edit-window-root"></div>
<!-- /ko -->

<!-- Field work modus -->
<div id="field-work-modus-root"></div>

<!-- BDOK -->
<div id="bdok-root" data-init-state='False'></div>

    



<div id="map" class="map" data-bind="style: { 'background-color': $data.BaseLayers.SelectedBaseLayer().Color }">
    <!-- ko template: { name: 'streetviewModalTemplate'} -->
    <!-- /ko -->
    <!-- ko template: { name: 'cycloramaModalTemplate'} -->
    <!-- /ko -->
</div>

<div id="viewers">
    <!-- ko template: { name: 'obliqueModalTemplate' } -->
    <!-- /ko -->
</div>

<div id="popup" class="ol-popup popup" data-bind="preventContextMenu, style: { visibility: PopupVisible() ? 'visible' : 'hidden' }, template: {if:PopupVisible(), name: 'popupTemplate', data: $data}">
</div>

<div id="contextmenu" class="ol-contextmenu contextmenu" data-bind="style: { visibility: ContextMenuVisible() ? 'visible' : 'hidden' }, template: {if:ContextMenuVisible(), name: 'contextMenuTemplate', data: $data}">
</div>

<img id="geolocation_marker" />

<div id="streetview_marker">
    <div id="streetview_marker_map_rotation" data-bind="compass: Rotation">
        <div id="align-streetview-arrow" data-bind="style:{transform: 'rotate('+ ExternalInteractionApiHeading() +'deg)'}">
            <i class="fa icon-street-view-arrow arrow" aria-hidden="true"></i>
        </div>
    </div>
    <i class="fa icon-street-view" aria-hidden="true"></i>
</div>


    
</body>
</html>