#divStreetView{position: absolute;top: 20px;left: 15px;width: 40px;font-weight: bold;}
#divStreetView span {padding-bottom: 0em;padding-top: 0.3em;padding-left:0.4em;padding-right:0.4em;}
#maptools{position: absolute; left: 1em; top: 1em; z-index: 999; min-width: 100%; opacity: 0.75;}
#maptools:hover{opacity:1;}
#maptoolsshow{position: absolute; right: 1em; top: 1em; z-index: 999; opacity: 1;}
#divhome{position: absolute;right: 1em;top: 13em;border-radius:4px;z-index:2;}
#divgeoloc {position: absolute;right: 1em;top: 15.9em;border-radius:4px;z-index:2;}
#dividentify {position: absolute;left:5em;top: 1em;z-index:2; display:none;}
#divwhatshere {position: absolute;left:12em;top: 1em;z-index:2; display:none;}
#mappaneltools{ position: absolute; z-index:3; background-color:#ffffff; border: solid 1px #e4eaec;bottom:0px;overflow-y:auto;}
#mappaneltools header{height:25px; padding-left:10px; position:relative;}
#mappaneltoolstoggle { position: absolute; z-index:3; background-color:#ffffff; border: solid 1px #e4eaec;bottom:0px;width:70px;height:47px;}
#mappaneltoolstoggle span a {color:#555555;}
.ol-attribution ul { font-size: 11px;}
.ol-attribution:not(.ol-collapsed) { background: rgba(255,255,255,1);z-index:2; border: 1px solid #000000; padding:2px;}
.ol-attribution {text-align:left;}
.ol-save-map { z-index:2;bottom: 0.5em;left: 1em;border-radius:4px;}
.ol-zoom {top: 6em;right: 1em;left:inherit;}
.ol-rotate {top: 6em;right: 4.5em;}
.ol-control button { font-size: 25px;cursor:pointer;background-color:#ffffff;color:#555555;}
.ol-control button:hover { background-color:#f3f7f9;}
.ol-control button:focus { background-color:#f3f7f9;}
.ol-control { background-color:#000000;padding:1px;}
.ol-control:hover { background-color:#000000;padding:1px;}
.ol-control:focus { background-color:#000000;padding:1px;}
.ol-attribution.ol-uncollapsible {height: 2em;}
.ol-attribution:hover {background-color:rgba(255,255,255,0.8);}
.ol-attribution:focus {background-color:rgba(255,255,255,0.8);}
.ol-scale-line { left:70px; background: rgba(255,255,255,1); }
.ol-scale-line-inner { color: #000000; border-color: #000000; font-size:14px; }
.ol-overviewmap { left:1em; bottom:4em; }
.ol-overviewmap-box{border:3px solid rgba(255,255,0,1);}
.ol-mouse-position{display:block;border:1px solid #000000;border-radius:5px;top:inherit;right:inherit;bottom:10px;left:45%;background-color:#ffffff;padding:4px;color:#000000;}
.ol-mouse-position:empty {display:none;}
.jstree-themeicon-custom {background-size: 20px!important;}
#pagecontainer{width:100%;}
#toolbar {width:100%;background-color:#efefef;vertical-align:middle;display:inline-block;}
#map {width:100%;height:100%;position:absolute;z-index:1;}
#locationsearch { position:absolute;top: 6em;left:1em;max-width:80%;}
@media screen and (min-width: 485px) { #locationsearch {max-width:415px; } }
.btn-toggle {border:none;}
.mtooltip {position: relative;background: rgba(0, 0, 0, 0.5);border-radius: 4px;color: white;padding: 4px 8px;opacity: 0.7;white-space: nowrap;}
.mtooltip-measure {opacity: 1;font-weight: bold;}
.mtooltip-static {background-color: #ffcc33;color: black;border: 1px solid white;}
.mtooltip-measure:before,.mtooltip-static:before {border-top: 6px solid rgba(0, 0, 0, 0.5);border-right: 6px solid transparent;border-left: 6px solid transparent;content: "";position: absolute;bottom: -6px;margin-left: -7px;left: 50%;}
.mtooltip-static:before {border-top-color: #ffcc33;}
.ol-styleoverlay {position: absolute;background-color: white; -webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2)); filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2)); padding: 15px; border: 1px solid #cccccc; bottom: 11px; left: -50px; z-index:3; }
.ol-styleoverlay:after, .ol-styleoverlay:before { top: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.ol-styleoverlay:after { border-top-color: white; border-width: 10px; left: 48px; margin-left: -10px; }
.ol-styleoverlay:before { border-top-color: #cccccc; border-width: 11px; left: 48px; margin-left: -11px; }
.ol-styleoverlay-header { background-color: black;height:25px; color:white; position:absolute;top:0px;left:0px; padding-top:5px;width:100%; }
.ol-styleoverlay-header span {font-weight:bold; padding-left:10px;}
#styleoverlay-content{ margin-top:10px; overflow:auto;}
.sp-palette-row {width:180px;}
.ol-popup { position: absolute;background-color: white; -webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2)); filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2)); padding: 15px; border: 1px solid #cccccc; bottom: 11px; left: -50px; z-index:3; }
.ol-popup:after, .ol-popup:before { top: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.ol-popup:after { border-top-color: white; border-width: 10px; left: 48px; margin-left: -10px; }
.ol-popup:before { border-top-color: #cccccc; border-width: 11px; left: 48px; margin-left: -11px; }
.ol-popup-header { background-color: black;height:25px; color:white; position:absolute;top:0px;left:0px; padding-top:5px;width:100%; }
.ol-popup-header span {font-weight:bold; padding-left:10px;}
.popup-button {position: absolute; top: 2px; cursor: pointer; background: url(../images/popup.png) no-repeat;}
.popup-button.clse {right: 4px;background-position: 0 0;width: 12px;height: 17px;top:2px;}
.popup-button.maximize {right: 23px; background-position: -55px 0; width: 11px; height: 11px; top: 5px;}
.popup-button.minimize {right:40px; background-position: -55px 10px; width:12px; height:13px; top: 2px;} 
#popup-content{ margin-top:10px; overflow:auto;}
#stylecolour > div.sp-container > div.sp-palette-container {border-right: none !important;}
/*#cpnt_marker {width: 100px;height: 100px;background: url(../images/mapcenter.gif) center/100px no-repeat;}*/
#cpnt_marker {position:absolute; z-index:2; width: 100px;height: 100px;background: url(../images/logo/colour-icon.png) center/100px no-repeat;}
.mappin{padding-top:10px;min-width:300px;}
/*input[type=checkbox] {display:none;}
input[type=checkbox] + label {
    background:#999;
    height: 16px;
    width: 16px;
    display:inline-block;
    padding: 0 0 0 0px;
}
input[type=checkbox]:checked + label {
    background:#0080FF;
    height: 16px;
    width: 16px;
    display:inline-block;
    padding: 0 0 0 0px;
}*/
.top2 { margin-top:2px; }
.top5 { margin-top:5px; }
.top7 { margin-top:7px; }
.top10 { margin-top:10px; }
.top15 { margin-top:15px; }
.top17 { margin-top:17px; }
.top30 { margin-top:30px; }
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    top: 100% !important;
}
#map .ol-zoom .ol-zoom-in, #map .ol-zoom .ol-zoom-out, #map .ol-rotate .ol-rotate-reset, #map .ol-attribution button {width: 35.75px;height: 35.75px;}
/* #JS Tree
================================================== */
/*.jstree-default li a:hover {background: #f5f5f5!important;}*/
.jstree-default .jstree-clicked {background: #FFA536!important;	border-radius: 0;}
.jstree-default .jstree-wholerow-clicked {background: #FFA536!important;}
/*.jstree-default .jstree-wholerow-hovered {background: #f5f5f5!important;}*/
#tree-toc .jstree-ocl { display:none;}