.legend{line-height:18px;color:#222;background:rgba(255,255,255,0.9);padding:15px;box-shadow:0 0 5px rgba(0,0,0,0.3);border-radius:5px;font-size:13px;font-family:Poppins,Sans-Serif;width:200px}
.legend i{width:18px;height:18px;float:left;margin-right:8px}
.leaflet-tooltip{background-color:#fff;color:#333;font-size:11px;font-weight:700;border:1px solid #ccc;border-radius:3px;padding:5px;box-shadow:0 1px 3px rgba(0,0,0,0.3)}
.leaflet-tooltip-top{margin-bottom:5px}
.leaflet-tooltip-bottom{margin-top:5px}
.leaflet-tooltip-left{margin-right:5px}
.leaflet-tooltip-right{margin-left:5px}
#map{min-height:70vh;z-index:9;outline:none}
#map .tab{min-height:none;overflow-y:scroll}
[hover-tooltip]{position:relative;cursor:default}
[hover-tooltip]:hover::before{content:attr(hover-tooltip);font-size:11px;text-align:center;position:absolute;display:block;left:50%;min-width:250px;max-width:340px;bottom:calc(100% + 10px);transform:translate(-50%);animation:fade-in 300ms ease;background:#082236;border-radius:5px;padding:7px;color:#fff;z-index:1}
[hover-tooltip]:hover::after{content:"";position:absolute;display:block;left:50%;width:0;height:0;bottom:calc(100% + 6px);margin-left:-3px;border:1px solid #000;border-color:#272727 transparent transparent;border-width:4px 6px 0;animation:fade-in 300ms ease;z-index:1}
[hover-tooltip][tooltip-position=bottom]:hover::before{bottom:auto;top:calc(100% + 10px)}
[hover-tooltip][tooltip-position=bottom]:hover::after{bottom:auto;top:calc(100% + 6px);border-color:transparent transparent #272727;border-width:0 6px 4px}
@keyframes fade-in {
from{opacity:0}
to{opacity:1}
}
.demographic-grid .card{font-weight:400;cursor:pointer!important;background:#fff;border-radius:5px}
.demographic-grid .card img{opacity:.7}
.demographic-grid .card div{position:absolute;bottom:0;left:0;right:0;background:rgba(255,255,255,0.5);border-bottom-left-radius:4px;border-bottom-right-radius:4px;font-size:12px;letter-spacing:-.3px;font-weight:600;color:#1E2836;padding:4px 0}
.demographic-grid .card:hover{background:#1F4FD8;color:rgba(255,255,255,1)}
.demographic-grid .card:hover img{opacity:1}
.demographic-grid .card:hover div{display:block;background:rgba(255,255,255,1)}
.demographic-grid .card.active{background:#1F4FD8}
.demographic-grid .card.active div{background:rgba(255,255,255,1)}
.demographic-grid .card.active{color:rgba(255,255,255,1)}
.demographic-grid .card.active img{opacity:1}
.factor{margin-right:10px}
.bg-orange{background-color:#F6AD24}
.autocomplete-suggestions { border: 2px solid #093EB5; background: #FFF; overflow: auto; margin-top:5px;border-radius:10px;color:#555;font-weight:500 }
.autocomplete-suggestion { padding: 4px 12px; white-space: nowrap; overflow: hidden; cursor:pointer;font-size:14px}
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { color: #2563EB; }
.autocomplete-group { padding: 2px 3px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }
.tab-block .tab-mnu li{background-color:#DBEAFE;color:#8EAFF4;text-align:center;padding-top:13px;padding-bottom:13px;cursor:pointer}
.tab-block .tab-mnu li .fa {font-size:35px}
.tab-block .tab-mnu li:hover:not(.active){background-color:#0956BE;color:#fff !important}
.tab-block .tab-mnu .active{background-color:#0956BE;color:#fff;border-bottom:1px solid #eaecec;cursor:default}
#tab-block label {cursor:pointer;border-radius:5px;padding-bottom:7px;padding-left:5px}
#tab-block label:hover {background:#DBEAFE}
.tab-block2 .tab-mnu2 li{background-color:#DBEAFE;color:#8EAFF4;text-align:center;padding-top:13px;padding-bottom:13px;cursor:pointer}
.tab-block2 .tab-mnu2 li .fa {font-size:35px}
.tab-block2 .tab-mnu2 li:hover:not(.active){background-color:#0956BE;color:#fff !important}
.tab-block2 .tab-mnu2 .active{background-color:#0956BE;color:#fff;border-bottom:1px solid #eaecec;cursor:default}
#tab-block2 label {cursor:pointer;border-radius:5px;padding-bottom:7px;padding-left:5px}
#tab-block2 label:hover {background:#DBEAFE}
.btn-nav{background:#DBEAFE;color:#1F2937!important;font-weight:500;font-size:14px;padding:5px 12px;text-align:center;border-radius:5px!important;display:inline-block;cursor:pointer}
.btn-nav:hover{background:#2756BE;color:#fff!important}
.btn-nav:active{background:#2756BE;color:#fff!important}
.btn-nav.isActive{background:#2756BE;color:#fff!important}
#load_data{background:#2756BE;color:#fff!important;font-weight:500;font-size:14px;padding:5px 12px;text-align:center;border-radius:5px!important;display:inline-block;cursor:pointer}
.heat-bar-label{font-size:14px;margin-bottom:2px;color:#222;text-transform:capitalize;font-weight:600}
.heat-bar{width:100%;height:12px;background-color:#fff;position:relative;border-radius:4px;overflow:hidden}
.heat-bar-fill{height:100%;border-radius:4px}
#postcode-info::*{scrollbar-width:thin;scrollbar-color:#2757bf #F9FBFA}
#postcode-info::-webkit-scrollbar{width:11px}
#postcode-info::-webkit-scrollbar-track{background:#F9FBFA}
#postcode-info::-webkit-scrollbar-thumb{background-color:#1F2937;border-radius:10px;border:3px solid #F9FBFA;cursor:ns-resize}
.showSB0{right:-330px!important}
.showSB1{right:0!important}
#mapsidebar{transition:.3s}
#map_cover,#map,#mapsidebar{pointer-events:auto}
[data-tg-tour]{scroll-margin:30px 0}
.tg-backdrop{position:absolute;align-items:center;justify-content:center;display:none;z-index:99;border-radius:7px;box-shadow:rgba(38,67,166,.4) 0 0 1px 2px,rgba(33,33,33,.8) 0 0 0 1000vh;top:50vh;left:50vw;width:0;height:0}
.tg-backdrop.tg-backdrop-animate{transition:all 300ms}
.tg-dialog{border-radius:8px;animation-delay:100ms;min-height:120px;background:#fff;color:#252525;max-width:340px;width:max-content;z-index:9999;display:none;position:absolute;top:0;left:0;padding:0;font-size:.9rem}
.tg-dialog .tg-dialog-header{display:flex;align-items:center;padding:25px 25px 0}
.tg-dialog .tg-dialog-header .tg-dialog-title{font-size:1rem;font-weight:700;margin-right:auto}
.tg-dialog .tg-dialog-header .tg-dialog-title+.tg-dialog-body{padding:0 25px}
.tg-dialog .tg-dialog-header .tg-dialog-close-btn{width:12px;height:12px;margin-left:10px;opacity:.4;cursor:pointer;white-space:nowrap}
.tg-dialog .tg-dialog-header .tg-dialog-close-btn:hover{opacity:8}
.tg-dialog .tg-dialog-header .tg-dialog-close-btn:focus{opacity:1}
.tg-dialog .tg-dialog-header .tg-dialog-spinner{display:none;opacity:.4;margin-top:-1px;-webkit-animation:tg-spin 1s linear infinite;-moz-animation:tg-spin 1s linear infinite;-o-animation:tg-spin 1s linear infinite;animation:tg-spin 1s linear infinite}
@keyframes tg-spin {
0%{transform:rotate(0deg)}
100%{transform:rotate(359deg)}
}
.tg-dialog .h2 {margin-bottom:8px;margin-top:-30px}
.tg-dialog .tg-dialog-progress-bar{background:#f1f1f1;height:5px;display:block;margin-top:18.75px;position:relative}
.tg-dialog .tg-dialog-progress-bar>.tg-bar{position:absolute;top:0;left:0;min-width:4px;background:#414144;height:100%;display:block;transition:all 300ms}
.tg-dialog .tg-dialog-body{padding:25px;font-weight:400}
.tg-dialog .tg-dialog-dots{display:flex;align-items:center;justify-content:center;padding:15px 0;margin-bottom:10px;border-top:1px solid #dedee7;border-bottom:1px solid #dedee7}
.tg-dialog .tg-dialog-dots>span.tg-dot{display:inline-block;width:9px;height:9px;background:#fff;border-radius:12px;margin:0 4px}
.tg-dialog .tg-dialog-dots>span.tg-dot.tg-dot-active{background:#2856BE}
.tg-dialog .tg-dialog-footer{padding:25px 25px;display:flex;align-items:center;background:#DAE2F8;border-bottom-right-radius:8px;border-bottom-left-radius:8px}
.tg-dialog .tg-dialog-footer button.tg-dialog-btn{padding:5px 10px;color:#fff;border-radius:4px;font-weight:500;font-size:.82rem;white-space:nowrap;background:#2856BE;border:0 !important}
.tg-dialog .tg-dialog-footer button.tg-dialog-btn+button{margin-left:auto}
.tg-dialog .tg-dialog-footer button.tg-dialog-btn.disabled{pointer-events:none;opacity:.6}
.tg-dialog .tg-dialog-footer button.tg-dialog-btn:hover{color:#fff;outline:none;box-shadow:none;background:#1F2937}
.tg-dialog .tg-dialog-footer button.tg-dialog-btn:focus{outline:none;box-shadow:none}
.tg-dialog .tg-dialog-footer button.tg-dialog-btn:active{color:#4655cb;background:#f1f2ff;outline:none;box-shadow:none}
.tg-dialog .tg-dialog-footer .tg-dialog-footer-sup{margin:0 auto;padding:0 10px;text-align:center;line-height:1}
.tg-dialog .tg-dialog-footer .tg-dialog-footer-sup .tg-step-progress{font-size:.78rem;font-weight:700;margin:0 auto;opacity:.4;letter-spacing:1px;display:inline-block}
.tg-dialog .tg-dialog-footer .tg-dialog-footer-sup .tg-dialog-dots{padding:0;margin:0;border:none}
.tg-dialog .tg-dialog-footer .tg-dialog-footer-sup .tg-dialog-dots>span.tg-dot{width:8px;height:8px;margin:0 3px}
.tg-dialog .tg-dialog-footer .tg-dialog-footer-sup .tg-dialog-dots+.tg-step-progress{margin-top:10px;font-size:.68rem}
.tg-dialog .tg-arrow{position:absolute;background:#fff;width:9px;height:9px;border-radius:1px;transform:rotate(45deg)}
.tg-dialog.tg-dialog-fixed{transition:none;animation-delay:0}
.tg-dialog.animate-position{transition:all 300ms}
.tg-dialog.tg-dialog-loading .tg-dialog-header .tg-dialog-title{opacity:.4}
.tg-dialog.tg-dialog-loading .tg-dialog-header .tg-dialog-close-btn{display:none}
.tg-dialog.tg-dialog-loading .tg-dialog-header .tg-dialog-spinner{display:inline-block}
.tg-dialog.tg-dialog-loading .tg-dialog-body{opacity:.4;pointer-events:none}
.tg-dialog.tg-dialog-loading .tg-dialog-footer{pointer-events:none;opacity:.4}
.tg-backdrop{pointer-events:none!important;}
.BTN_active {background:#2757BF !important;color:#fff !important}
#analysis p {margin:0 0 10px 0}