.map_row #map div.legend{position:absolute;z-index:8}
.map_row{display:flex;flex-wrap:nowrap;height:800px;font-family:sans-serif;font-size:13px;overflow:hidden;margin:.5em}
.map_row #map{height:800px;width:100%;flex:1}
.map_row>.map_cell{flex:1;z-index:0}
.map_row>div.drawer{height:100%;background:white;border-right:1px solid grey;vertical-align:top;position:relative;z-index:8}
.map_row>.map_cell{flex:1;z-index:0;display:flex;flex-direction:column}
.map_row .mobile-info-pane{height:0;background:white;border-top:1px solid grey;transition-duration:200ms;display:flex;flex-direction:row;padding:0;display:none}
.map_row .mobile-info-pane>*{margin:1em .2em}
.map_row .mobile-info-pane .control-cell{width:30px;position:relative}
.map_row .mobile-info-pane .content-area{flex:1}
.map_row .mobile-info-pane a.close-button:after{content:'✖';color:#c8102e}
.map_row .mobile-info-pane a.close-button{cursor:pointer;display:none;text-align:center}
.map_row .mobile-info-pane.selection-active a.close-button{display:block}
.map_row .mobile-info-pane a.prev-button:after{content:'‹';font-size:30px;color:#c8102e}
.map_row .mobile-info-pane a.prev-button{cursor:pointer;display:none;text-align:center}
.map_row .mobile-info-pane.selection-active a.prev-button{display:block;padding-top:6em}
.map_row .mobile-info-pane a.next-button:after{content:'›';font-size:30px;color:#c8102e}
.map_row .mobile-info-pane a.next-button{cursor:pointer;display:none;text-align:center}
.map_row .mobile-info-pane.selection-active a.next-button{display:block;padding-top:4em}
.map_row .mobile-info-pane img{float:right;max-width:150px;margin-right:2em}
.map_row .mobile-info-pane h2{margin-top:.4em;background-repeat:no-repeat;background-size:24px;background-position:center left;padding-left:calc(24px + 0.3em);font-size:17px !important}
.map_row .mobile-info-pane img.mobile-info-pane-layer-icon{float:left;width:24px;height:24px;min-height:24px;margin-right:1em}
.map_row .mobile-info-pane.selection-active{height:200px}
div.legend{overflow:hidden}
div.legend-content{width:250px}
.map_row>div.drawer{width:250px;transition-duration:200ms}
.map_row>div.drawer.drawer-hidden{width:0}
.map_row>div.drawer .hide-show-button{position:absolute;top:32px;right:-52px;text-orientation:sideways;transform:rotate(-90deg);background:white;display:block;border:1px solid grey;border-radius:2px;border-top:0;padding:.5em 1em;z-index:-1;cursor:pointer;white-space:nowrap}
.map_row>div.drawer .hide-show-button:after{content:' ';margin-left:.8em;border:solid #333;border-width:0 3px 3px 0;display:inline-block;position:relative;padding:2px;top:0;transform:rotate(225deg);-webkit-transform:rotate(225deg)}
.map_row>div.drawer.drawer-hidden .hide-show-button:after{top:-2px;transform:rotate(45deg);-webkit-transform:rotate(45deg)}
div.legend{height:100%}
div.legend-content{overflow-y:scroll;height:100%}
div.legend-section{width:calc(100% - 12px);margin:6px}
div.legend-grouping{display:table}
div.legend-section div.legend-section-header{background:#e8e8e8;padding:1.4em 1em;position:relative}
div.legend-content>div.slider-switch.layer-checkbox{width:calc(100% - 12px)}
div.legend-content div.legendcheckbox input[type='checkbox']{float:right}
div.legend-section div.legend-section-header>div.slider-switch{position:absolute;right:15px;top:9px}
div.legend-section div.legend-section-header>a{display:block;margin-top:.7em;font-size:12px;color:#c8102e;text-decoration:underline;cursor:pointer}
div.leaflet-popup-content{min-width:250px}
div.legend-section>.legend-section-content{display:none;padding:1em}
div.legend-section[data-isopen='true']>.legend-section-content{display:table}
div.legend-section[data-group-visibility='false'] div.layer-checkbox{opacity:.4}
div.legend-section.legend-section-hidden{display:none}
div.point-info div.field{margin-bottom:.8em}
div.point-info label{display:block;font-weight:700}
div.point-info label:after{content:": "}
div.point-info .legend-section-header label:after{display:none}
div.point-info img{width:100%;min-height:132px;background:#eee}
div.point-info label.withIcon{background-repeat:no-repeat;background-size:24px;padding-left:calc(24px + 0.5em);min-height:24px;vertical-align:middle;display:flex;align-items:center;line-height:normal}
div.slider-switch{display:inline-block;height:25px}
div.slider-switch>input{cursor:pointer;margin-right:0;margin-left:10px;display:inline-block;top:6px;width:40px;appearance:none;border:1px solid grey;height:16px;border-radius:40px;box-shadow:inset -20px 0 0 0 #cbcbcb;transition-duration:200ms;position:relative}
div.slider-switch>input:checked{box-shadow:inset 20px 0 0 0 #4ed164}
div.slider-switch>input:after{content:'';display:block;width:22px;height:22px;border-radius:25px;top:50%;margin-top:-12px;background:#666;border:1px solid grey;position:absolute;left:-3px;transition-duration:200ms}
div.slider-switch>input:checked:after{left:16px;background:#56983e}
div.slider-switch.loading{opacity:.4}
div.layer-checkbox{font-family:sans-serif;font-size:13px;display:table-row;width:100%;transition-duration:200ms}
div.layer-checkbox label{width:90%}
div.layer-checkbox img{width:24px;height:24px}
div.layer-checkbox div.layer-icon-cell{width:24px;height:24px}
div.layer-checkbox div.layer-icon{width:24px;height:24px;margin-right:5px;position:relative;top:7px}
div.layer-checkbox div.layer-icon .line{display:block;background:blue;position:absolute;height:6px;top:50%;width:100%;transform:translateY(-50%)}
div.layer-checkbox div.layer-icon .circle{display:block;background:blue;position:absolute;height:15px;width:15px;border-radius:100px;border:1px solid white;top:50%;left:50%;transform:translate(-50%,-50%)}
img.feature-icon{width:24px;height:24px;margin-right:5px}
div.layer-checkbox>*{display:table-cell}
div.layer-checkbox>label{display:table-cell;line-height:18px;height:45px}
div.legend-nearby-items .nearby-item{display:flex;align-items:center;padding:1em;margin:.6em 0;border:1px solid #d0d0d0;cursor:pointer}
div.legend-nearby-items div.legend-section-content{width:calc(100% - 2em)}
div.legend-nearby-items .nearby-item:hover{background:#eee;border:1px solid #a0a0a0}
.map_row a.mobile-only{display:none !important}
div.addresslookup{position:absolute;right:50px;top:11px;width:18em;height:2.5em;z-index:99999999999999}
div.addresslookup input{width:18em;height:2.5em;background:white;border:2px solid #AAA;border-radius:4px;padding:0 6px !important}
@media screen and (max-width:752px){.map_row a.desktop-only{display:none !important}
.map_row a.mobile-only{display:block !important}
.map_row>div.drawer{width:0}
.map_row>div.drawer.mobile-shown{width:250px}
.map_row .mobile-info-pane{display:flex}
.map_row>div.drawer .hide-show-button:after{top:-2px !important;transform:rotate(45deg) !important;-webkit-transform:rotate(45deg) !important}
.map_row>div.drawer.mobile-shown .hide-show-button:after{top:0 !important;transform:rotate(225deg) !important;-webkit-transform:rotate(225deg) !important}
}
.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;left:0;top:0}
.leaflet-container{overflow:hidden;z-index:0}
.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}
.leaflet-tile::selection{background:transparent}
.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}
.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}
.leaflet-marker-icon,.leaflet-marker-shadow{display:block}
.leaflet-container .leaflet-overlay-pane svg,.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{max-width:none !important;max-height:none !important}
.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}
.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}
.leaflet-container{-webkit-tap-highlight-color:transparent}
.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,0.4)}
.leaflet-tile{filter:inherit;visibility:hidden}
.leaflet-tile-loaded{visibility:inherit}
.leaflet-zoom-box{width:0;height:0;-moz-box-sizing:border-box;box-sizing:border-box;z-index:8}
.leaflet-overlay-pane svg{-moz-user-select:none}
.leaflet-pane{z-index:4}
.leaflet-tile-pane{z-index:2}
.leaflet-overlay-pane{z-index:4}
.leaflet-shadow-pane{z-index:5}
.leaflet-marker-pane{z-index:6}
.leaflet-tooltip-pane{z-index:6}
.leaflet-popup-pane{z-index:7}
.leaflet-map-pane canvas{z-index:2}
.leaflet-map-pane svg{z-index:2}
.leaflet-vml-shape{width:1px;height:1px}
.lvml{behavior:url(https://www.calgary.ca/etc.clientlibs/www/components/content/map_modular/map_modular/clientlibs/#default#VML);display:inline-block;position:absolute}
.leaflet-control{position:relative;z-index:8;pointer-events:visiblePainted;pointer-events:auto}
.leaflet-top,.leaflet-bottom{position:absolute;z-index:8;pointer-events:none}
.leaflet-top{top:0}
.leaflet-right{right:0}
.leaflet-bottom{bottom:0}
.leaflet-left{left:0}
.leaflet-control{float:left;clear:both}
.leaflet-right .leaflet-control{float:right}
.leaflet-top .leaflet-control{margin-top:10px}
.leaflet-bottom .leaflet-control{margin-bottom:10px}
.leaflet-left .leaflet-control{margin-left:10px}
.leaflet-right .leaflet-control{margin-right:10px}
.leaflet-fade-anim .leaflet-tile{will-change:opacity}
.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}
.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}
.leaflet-zoom-anim .leaflet-zoom-animated{will-change:transform}
.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,0.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,0.25,1);transition:transform .25s cubic-bezier(0,0,0.25,1)}
.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{-webkit-transition:none;-moz-transition:none;transition:none}
.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}
.leaflet-interactive{cursor:pointer}
.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}
.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}
.leaflet-popup-pane,.leaflet-control{cursor:auto}
.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}
.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}
.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}
.leaflet-container{background:#ddd;outline:0}
.leaflet-container a{color:#0078a8}
.leaflet-container a.leaflet-active{outline:2px solid orange}
.leaflet-zoom-box{border:2px dotted #38f;background:rgba(255,255,255,0.5)}
.leaflet-container{font:12px/1.5 "Helvetica Neue",Arial,Helvetica,sans-serif}
.leaflet-bar{box-shadow:0 1px 5px rgba(0,0,0,0.65);border-radius:4px}
.leaflet-bar a,.leaflet-bar a:hover{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:black}
.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}
.leaflet-bar a:hover{background-color:#f4f4f4}
.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}
.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:0}
.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}
.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}
.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}
.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}
.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:bold 18px 'Lucida Console',Monaco,monospace;text-indent:1px}
.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}
.leaflet-control-layers{box-shadow:0 1px 5px rgba(0,0,0,0.4);background:#fff;border-radius:5px}
.leaflet-control-layers-toggle{background-image:url(https://www.calgary.ca/etc.clientlibs/www/components/content/map_modular/map_modular/clientlibs/images/layers.png);width:36px;height:36px}
.leaflet-retina .leaflet-control-layers-toggle{background-image:url(https://www.calgary.ca/etc.clientlibs/www/components/content/map_modular/map_modular/clientlibs/images/layers-2x.png);background-size:26px 26px}
.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}
.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}
.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}
.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}
.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}
.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}
.leaflet-control-layers label{display:block}
.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}
.leaflet-default-icon-path{background-image:url(https://www.calgary.ca/etc.clientlibs/www/components/content/map_modular/map_modular/clientlibs/images/marker-icon.png)}
.leaflet-container .leaflet-control-attribution{background:#fff;background:rgba(255,255,255,0.7);margin:0}
.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333}
.leaflet-control-attribution a{text-decoration:none}
.leaflet-control-attribution a:hover{text-decoration:underline}
.leaflet-container .leaflet-control-attribution,.leaflet-container .leaflet-control-scale{font-size:11px}
.leaflet-left .leaflet-control-scale{margin-left:5px}
.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}
.leaflet-control-scale-line{border:2px solid #777;border-top:0;line-height:1.1;padding:2px 5px 1px;font-size:11px;white-space:nowrap;overflow:hidden;-moz-box-sizing:border-box;box-sizing:border-box;background:#fff;background:rgba(255,255,255,0.5)}
.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:0;margin-top:-2px}
.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}
.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}
.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{border:2px solid rgba(0,0,0,0.2);background-clip:padding-box}
.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}
.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}
.leaflet-popup-content{margin:13px 19px;line-height:1.4}
.leaflet-popup-content p{margin:18px 0}
.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-left:-20px;overflow:hidden;pointer-events:none}
.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:white;color:#333;box-shadow:0 3px 14px rgba(0,0,0,0.4)}
.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;padding:4px 4px 0 0;border:0;text-align:center;width:18px;height:14px;font:16px/14px Tahoma,Verdana,sans-serif;color:#c3c3c3;text-decoration:none;font-weight:bold;background:transparent}
.leaflet-container a.leaflet-popup-close-button:hover{color:#999}
.leaflet-popup-scrolled{overflow:auto;border-bottom:1px solid #ddd;border-top:1px solid #ddd}
.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}
.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(___YUICSSMIN_PRESERVED_TOKEN_5___)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)}
.leaflet-oldie .leaflet-popup-tip-container{margin-top:-1px}
.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}
.leaflet-div-icon{background:#fff;border:1px solid #666}
.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px rgba(0,0,0,0.4)}
.leaflet-tooltip.leaflet-clickable{cursor:pointer;pointer-events:auto}
.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}
.leaflet-tooltip-bottom{margin-top:6px}
.leaflet-tooltip-top{margin-top:-6px}
.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}
.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}
.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}
.leaflet-tooltip-left{margin-left:-6px}
.leaflet-tooltip-right{margin-left:6px}
.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}
.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}
.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}
div.layer-icon{top:0 !important;left:-2px !important}
.leaflet-pane img.leaflet-marker-icon{max-width:none}
.leaflet-popup-pane,.leaflet-popup{z-index:10000 !important}
.leaflet-tooltip-pane{z-index:10100 !important}