#shbMapBuilder{position:relative;border:1px solid #ccc;display:inline-block}
#shbMapImage{width:100%;display:block;height:auto}
#shbGridLayer{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}
.shb-grid-on{
background-image:
repeating-linear-gradient(0deg,#ffffff 0px,#ffffff 1px,transparent 1px,transparent 40px),
repeating-linear-gradient(90deg,#ffffff 0px,#ffffff 1px,transparent 1px,transparent 40px)}
#shbHotspotLayer{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}
.shb-hotspot{position:absolute;transform:translate(-50%,-50%);cursor:move;pointer-events:auto}
.shb-selected{outline:3px solid #fff;border-radius:50%}
.shb-row-selected{background:#c7e0ff}
#shbTable input,#shbTable textarea{width:100%;margin-bottom:6px}
.shb-map{position:relative}
.shb-map-image{width:100%;height:auto}
.shb-pin{position:absolute;transform:translate(-50%,-50%);cursor:pointer}
.shb-pin img{width:28px}
.shb-tooltip{
position:absolute;
bottom:35px;
left:50%;
transform:translateX(-50%);
background:#000;
color:#fff;
padding:8px;
border-radius:6px;
font-size:12px;
display:none;
white-space:nowrap;
}
.shb-pin:hover .shb-tooltip{display:block}