main .dNav,main content{box-sizing:border-box;display:inline-block;vertical-align:top}.dNav{background:#f7f7f7;overflow:auto}.dNav::-webkit-scrollbar{background:rgba(0,0,0,.1);height:4px;width:4px}.dNav::-webkit-scrollbar-thumb{background:rgba(0,0,0,.26);border-radius:3px}.dNav li{line-height:1em;padding-bottom:.8em;padding-left:1em;padding-right:1em}.dNav li~li.dNavTitle{border-top:1px solid rgba(0,0,0,.1)}.dNav li.dNavTitle{padding-top:.8em}.dNav a{color:#777;display:block;font-size:.9em;transition:color .2s}.dNav a:hover{color:#222}.dNav .active a{color:#4285f4}content h2{font-size:2em}content h2,content h3{line-height:1.3em;margin-bottom:.5em}content h3{font-size:1.6em}content *~h3{margin-top:1em}content p{line-height:1.6em;margin-bottom:1.6em;margin-top:.5em}content .sample h5{font-weight:700;margin-bottom:1em}content .sample p.form-inline{margin-bottom:0}content .sample .btn{background-color:#007bff;border:1px solid #007bff;border-radius:25px;color:#fff;cursor:pointer;padding:.5rem 20px;transition:.3s}content .sample .btn+.btn,content .sample .btn.remove{margin-left:.5em}content .sample .btn:hover{background-color:#0069d9;border:1px solid #0069d9}content .sample .btn:disabled{cursor:not-allowed;opacity:.5}content .sample .btn:disabled:hover{background-color:#007bff;border:1px solid #007bff;cursor:not-allowed}content .sample .form-control{border-radius:0}content .sample .form-control:focus{box-shadow:none}content .description code{background:#eee;font-family:Consolas,Courier New,Courier,monospace;padding-left:.3em;padding-right:.3em}content .description ul{list-style-type:disc;margin-left:2em}content .description ul li{line-height:1.4em}content .description ul li+li{margin-top:.4em}content .description p+ul{margin-top:-.5em}content .code{position:relative}content .code #copyButton{background-color:#4285f4;border-radius:5px;cursor:pointer;padding:6px;position:absolute;right:10px;top:10px}content .code #copyButton i{color:#fff;display:block;position:relative;transition:.3s;z-index:1}content .code #copyButton span{background-color:#fff;border-radius:5px;box-shadow:2px 3px 3px 1px #bbb;opacity:0;padding:8px;position:absolute;right:-10px;top:-40px;transition:.3s;white-space:nowrap;z-index:0}content .code #copyButton:hover span{opacity:1;z-index:2}content .code code{font-family:Consolas,Courier New,Courier,monospace;font-size:.93em;line-height:1.5em;padding:1em!important}content .code code::-webkit-scrollbar{background:rgba(0,0,0,.1);height:6px;width:6px}content .code code::-webkit-scrollbar-thumb{background:rgba(0,0,0,.26);border-radius:3px}content .code .toBeFilled{border:1px dashed #e91e63;color:#ec4079;display:inline-block;font-style:italic;font-weight:700;line-height:1.2em;transition:background-color .2s}content .code a.toBeFilled:hover{background-color:rgba(236,64,121,.1)}content .code a.link .hljs-comment{border-bottom:1px dotted}content.overview ul{position:relative}content.overview ul li{display:inline-block;vertical-align:top}content.overview ul li:hover a .image:after{box-shadow:inset 0 0 2px 0 rgba(0,0,0,.5)}content.overview ul li:hover h5{color:#333}content.overview ul li:hover h6,content.overview ul li:hover p{color:#666}content.overview ul a{display:block}content.overview ul a .image{background:#f0f0f0;border-radius:.5em;color:#999;display:block;overflow:hidden;position:relative;text-align:center;transition:box-shadow .2s}content.overview ul a .image img{height:auto;max-height:100%;max-width:100%}content.overview ul a .image:after{border-radius:.5em;box-shadow:inset 0 0 1px 0 rgba(0,0,0,.3);content:"";display:block;height:100%;left:0;position:absolute;top:0;transition:box-shadow .2s;width:100%}content.overview ul h5{color:#4285f4;line-height:1.5em;margin-left:.1em;margin-top:.3em;transition:color .2s}content.overview ul h6{color:#777;line-height:1.4em;margin-left:.12em;margin-top:.3em;transition:color .2s}content.overview ul p{color:#999;font-size:.9em;line-height:1.6em;margin-bottom:0;margin-left:.2em;margin-top:.3em;transition:color .2s}#GLMap,#map{box-shadow:0 0 1px rgba(0,0,0,.2);height:400px;width:100%}#Msg{background:#f8f2ef;font-family:Consolas,Courier New,Courier,monospace;height:150px;line-height:1.6em;overflow:hidden;padding:.5em}.mapPosition .form-control{margin-left:.5em;margin-right:.5em}.mapPosition .coordinate .form-control{width:7.5em}.mapPosition .offset .form-control{width:4em}.mapCenter .form-control{margin-left:.5em;margin-right:.5em;width:5em}.mapZoom .form-control{margin-left:.5em;margin-right:.5em;width:3em}.sample .point .form-control{margin-left:.5em;margin-right:.5em;width:7em}.sample .gomp-popup-content{font-size:medium;padding:1em 1.6em}.sample.circle .form-control{margin-left:.5em;margin-right:.5em;width:4.5em}.sample.mapMouseEvent .btnCtrl,.sample.markerMouseEvent .btnCtrl{margin-left:0!important;margin-right:.5em;margin-top:.5em}.sample.markerNormalEvent .form-control{margin-left:.5em;margin-right:.5em}.sample.markerNormalEvent .title{width:10em}.sample.markerNormalEvent .coordinate{width:7em}.sample.markerNormalEvent .iconUrl{width:30em}.sample.infoNormalEvent .form-control{margin-left:.5em;margin-right:.5em}.sample.infoNormalEvent .title{width:10em}.sample.infoNormalEvent .coordinate{width:7em}.sample.infoNormalEvent .z-index{width:3em}.sample.markerSetting .form-control{margin-left:.5em;margin-right:.5em}.sample.markerSetting .title{width:10em}.sample.markerSetting .coordinate{width:7em}.sample.markerSetting .url{width:28em}.sample.markerVisClk input[type=checkbox]{margin-right:.3em}.sample.markerVisClk *~label{margin-left:.5em}.sample.markerZindex label{margin-left:1em}.sample.markerZindex input[type=text]{margin-left:.5em;width:3em}.sample.markerIcon .form-control{margin-left:.5em;margin-right:.5em;width:27em}.sample.svgSymbol *~label{margin-left:1em}.sample.svgSymbol .form-control{margin-left:.5em}.sample.svgSymbol #rotate{width:3em}.sample.svgSymbol .color{width:6em}.sample.svgSymbol #strokwght,.sample.svgSymbol .opacity{width:3em}.sample.lineSetting label{margin-right:1em}.sample.lineSetting input[type=checkbox]{margin-right:.3em}.sample.lineSetting .form-control{margin-left:.5em}.sample.lineSetting #strokeWeight{width:3em}.sample.lineSetting #strokeColor{width:6em}.sample.fillSetting label{margin-right:1em}.sample.fillSetting input[type=checkbox]{margin-right:.3em}.sample.fillSetting .form-control{margin-left:.5em}.sample.fillSetting #strokeWeight{width:3em}.sample.fillSetting .color{width:6em}.sample.fillSetting .opacity{width:3em}.sample.fillSetting #strokeColor{width:6em}.sample.groundOverlay .form-control{margin-left:.5em;margin-right:.5em}.sample.groundOverlay label+label{margin-left:1em}.sample.groundOverlay #imageUrl{width:32em}.sample.groundOverlay #imageOpacity{width:4em}.sample.snapping #tolerance{margin-left:.5em;margin-right:.5em;width:4em}.sample.wmsLayer #wmsUrl{margin-left:.5em;margin-right:.5em;width:16em}.sample.label label+label{margin-left:1em}.sample.label .form-control{margin-left:.5em}.sample.label #content{width:20em}.sample.label #size{width:3em}.sample.label #color{width:5em}.sample.label #opa{width:3.5em}.sample.d3js .gmap{display:block;height:400px;width:100%}.sample.d3js .stations{position:absolute}.sample.d3js .stations svg{display:block;font-size:1.1em;font-weight:700;height:40px;padding-right:100px;position:absolute;width:250px}.sample.controlBar label{margin-right:1em}.sample.controlBar .form-control{margin-left:.5em}.sample.scaleBar label{margin-right:1em}.sample.scaleBar .form-control{margin-left:.5em}.sample.openInfoWindow label{margin-right:1em}.sample.openInfoWindow .form-control{margin-left:.5em}.sample.openInfoWindow #messageText{width:10em}.sample.openInfoWindow .coordinate{width:7.5em}.sample.infoWindowPosition .form-control{margin-left:.5em;margin-right:.5em;width:7em}.sample.infoWindowSetting .form-control{margin-left:.5em;margin-right:.5em}.sample.infoWindowSetting .em4{width:4em}.sample.infoWindowSetting .em3{width:3em}.sample.positionLocate .form-control,.sample.transform .form-control{margin-left:.5em;margin-right:.5em;width:7em}.sample.addWms .form-control{margin-right:.5em;width:16em}.sample.addKml .form-control{margin-right:.5em;width:26em}.sample.markerInfoWindow .form-control{margin-left:.5em;margin-right:.5em}.sample.markerInfoWindow #title{width:10em}.sample.markerInfoWindow .coordinate{width:7.5em}.sample.markerInfoWindow #iconUrl{width:25em}.sample.markerInfoWindow #infoWindowContent{width:15em}.sample.markerInfoWindow #infoWindowOpacity{width:4em}.sample.customMarker .form-control{margin-left:.5em;margin-right:.5em}.sample.customMarker #title{width:5em}.sample.customMarker .size{width:3em}.sample.customMarker #iconUrl{width:25em}.sample.customMarker *~label{margin-left:1em}.sample.customMarker input[type=checkbox]{margin-right:.3em}.sample.lineOffset .btn{margin-left:.5em;margin-right:1em}.sample.doubleMap .map{display:inline-block;height:400px;width:calc(50% - 10px)}.sample.doubleMap .map+.map{margin-left:20px}.sample.geoJsonAdv *~label{margin-left:1em}.sample.geoJsonAdv .form-control{margin-left:.5em}.sample.geoJsonAdv .url{width:33em}.sample.geoJsonAdv .line{width:3.5em}.sample.geoJsonAdv .color{width:6em}.sample.vector{position:relative}.sample.vector .box{background:rgba(0,0,0,.7);border-radius:.3em;box-shadow:0 2px 2px rgba(0,0,0,.2);color:#fff;left:1em;line-height:1.5em;padding:.5em 1em;position:absolute;top:1em}.sample.vector .box .form-control{height:auto}.sample.vector .box .btn{border-radius:3px}.sample.vector .box.monospace{font-family:Consolas,Courier New,Courier,monospace}.sample.vector .box.clean{background:none;box-shadow:none;padding:0}.sample.changeMapStyle *~label{margin-left:1em}.sample.changeMapStyle .form-control{margin-right:.3em}.sample.multiMarkersWithPopup .available{color:#6b0}.sample.multiMarkersWithPopup .unvailable{color:#c00}.sample.markerEvents .box,.sample.popupEvents .box{display:none;font-size:medium;z-index:10}.sample.adjustLayerOpacity .box{z-index:10}.sample.adjustLayerOpacity label{display:block}.sample.filterFeaturesByMapExtent .filter{border:1px solid #ddd;display:inline-block;height:400px;vertical-align:top;width:200px}.sample.filterFeaturesByMapExtent #map{display:inline-block;vertical-align:top;width:calc(100% - 200px)}.sample.filterFeaturesByMapExtent fieldset{border-bottom:1px solid #ccc;padding:.3em}.sample.filterFeaturesByMapExtent #list{height:calc(100% - 2.25rem - 2px - .6em);overflow:auto}.sample.filterFeaturesByMapExtent #list::-webkit-scrollbar{background:rgba(0,0,0,.1);height:4px;width:4px}.sample.filterFeaturesByMapExtent #list::-webkit-scrollbar-thumb{background:rgba(0,0,0,.26);border-radius:3px}.sample.filterFeaturesByMapExtent #list p{text-align:center}.sample.filterFeaturesByMapExtent #list a{color:#666;display:block;line-height:1.3em;padding:.5em .8em;transition:background-color .2s}.sample.filterFeaturesByMapExtent #list a:hover{background-color:rgba(0,0,0,.03)}.sample.filterFeaturesByMapExtent #list a+a{border-top:1px solid rgba(0,0,0,.05)}.sample.drawLineCoordinate .box,.sample.measureDistances .box{display:none}.sample.drawCircleSquare .map-wrap{height:400px;position:relative;width:100%}.sample.drawCircleSquare #map{height:100%;width:100%}.sample.drawCircleSquare .myCanvas{left:0;position:absolute;top:0}.sample.drawCircleSquare .btnBlock{display:flex;flex-wrap:wrap;padding:20px 0}.sample.drawCircleSquare .btnBlock .btn{width:30%}.sample.drawCircleSquare .btnBlock .btn:nth-child(n+4){margin-top:8px}.sample.drawCircleSquare .btnBlock .btn:nth-child(3n+2){margin-left:5%!important;margin-right:5%}.sample.drawCircleSquare .btnBlock .btn+.btn{margin-left:0}.sample.schoolDistrict .btnBlock{padding:20px 0}@media (min-width:800px){main i.fas{display:none}main content{margin-left:2em;width:calc(100% - 250px - 2em)}main .dNav{height:calc(100vh - 12em);position:sticky;top:4.4em;width:250px}}@media (max-width:799px){main i.fas{color:#999;cursor:pointer;display:inline-block;font-size:1.5em;margin-top:.4em;vertical-align:top}main .dNav{background-color:transparent;height:100%;left:-100%;position:fixed;top:0;transition-duration:.2s;transition-property:background-color;width:100%;z-index:9}main .dNav ul{background:#fff;box-shadow:0 0 1em rgba(0,0,0,.5);width:250px}main .dNav.expand{background-color:rgba(0,0,0,.5);left:0;top:81.4px}main content{margin-left:1em;width:calc(100% - 3em)}}@media (min-width:600px){content.overview ul li{width:calc(50% - 1em)}content.overview ul li:nth-child(2n){margin-left:2em}content.overview ul:not(.onlyLinks) li:nth-child(n+3){margin-top:2em}content.overview ul.onlyLinks li:nth-child(n+3){margin-top:.5em}}@media (min-width:500px) and (max-width:599px){content.overview ul{position:relative}content.overview ul li{width:calc(50% - .5em)}content.overview ul li:nth-child(2n){margin-left:1em}content.overview ul li:nth-child(n+3){margin-top:1em}}@media (max-width:499px){content.overview ul li+li{margin-top:2em}}