<!-- @import "/kitparts/head.html" -->
<!-- @import "/app/nav/components/nav.html" -->
<div class="container-fluid">
    <!-- @import "/app/settings/components/settings.html" -->
    <div class="row">
        <!-- @import "/app/breadcrumb/components/breadcrumb.html" -->
        <!-- @import "/app/portfolio/components/portfolio.html" -->
    </div>
    <div class="row" style="position: relative; overflow: visible;">
        <div class="col-12">
            <div class="scadacard level1" id="mapmonitorwrapper">
                <div id="map"></div>
            </div>
        
        <div id="mapdrilloverlay" class="scadacard">
            <div class="row text-right" style="position:fixed; right:80px; background:#333; border-radius:5px; padding:10px; z-index:5;">
                <div class="col-12 text-right">
                    <!--<i class="icon-max"></i>-->
                    <i class="icon-newwin"></i>
                    <i class="icon-close closeDetail"></i>
                </div>
            </div>
            <div class="row" style="padding-top:45px;">
                <div class="col-12">
                    <img src="/app/core/images/unitdetails_test.png" style="width:100%;" />
                </div>
            </div>
        </div>
    </div>
    </div>
</div>

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js"></script>
<script type="text/javascript" src="/app/core/js/mapmonitor-min.js"></script>
<!-- @import "/kitparts/end.html" -->