/*map widget*/
*{box-sizing: border-box;}
  .cluster-low {background: chartreuse;  }  
  .cluster-medium {background: green;}
  .cluster-high {background: darkgreen;}
  .tooltipHeading{color: #000; font-size: 14px; margin-bottom: 20px;}
  .attrPoints{border:1px solid #ccc; width: 280px; display: inline-block; }
  .attrPoints .attrRow{border-bottom:1px solid #ccc;}
  .attrPoints .attrRow:last-child{border-bottom: none;}
  .attrPoints .attrNme{width:40%; display: inline-block; padding: 5px 10px; vertical-align: top; font-weight: 700; font-family: 'Open Sans', sans-serif;}
  .attrPoints .attrVal{width:58%; display: inline-block; border-left:1px solid #ccc; padding: 5px 10px;}
  .marker-count{background:rgba(0,0,0,0.5); position:absolute; bottom:10px; left:10px; padding:5px 10px;  color:#fff; font-size:11px; line-height:18px; border-radius:3px; max-height:240px; overflow:auto;}
  /* .disclaimer{float:right; bottom:-10px; left:10px; padding:5px 10px;  color:#000; font-size:8px; line-height:18px; border-radius:3px; max-height:240px; overflow:auto;} */
  .disclaimer{ bottom:-10px; left:10px; padding:5px 10px;  color:#000; font-size:8px; line-height:18px; border-radius:3px; max-height:240px; overflow:auto;} 
  
.cusTooltip .leaflet-popup-content{padding:0 0 20px 0; box-shadow: 0px 0px 5px #ccc; width:400px !important;}
.cusTooltip .DFA-tooltipCont{ width: 30%; display: inline-block; vertical-align: top; padding:5px;  }
.cusTooltip .DFA-tooltipCont .attr{ width: 100%; display: inline-block; font-size:10px; }
.cusTooltip .DFA-tooltipCont .attrval{ width: 100%; display: inline-block; font-size:13px; font-weight: bold; }
.cusTooltip .DFA-tooltipContRedirectURL{ width: 100%; display: inline-block; vertical-align: top; padding:5px; text-align: right; }
.cusTooltip .leaflet-popup-tip{ border-top-color:transparent; margin-top: -1px;}

.toolTipTitle{font-weight:bold; display: inline-block; width: 100%; text-align: center; padding:10px 0; background:#1a8bd3; font-size: 14px; line-height: 14px; color: #fff; }
.toolTipSubTitle{display: inline-block; width: 100%;font-size: 12px; color: #000; text-align: center;}
.detailTitle{font-weight: bold }
.detailSubTitle{font-weight: bold }
.detailFooter{font-weight: bold }
.detailFootnote{font-weight: bold }
.legendDiv{overflow-y: auto;}

/*DFA Aggregate Style 1*/
.DFA-agg{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex; width: 100%; border:1px solid #ccc; margin:0px 0;}
.DFA-agg > div{ -webkit-flex:1; -webkit-box-flex:1; -moz-flex:1; -moz-box-flex:1; -ms-flex:1; flex:1;  padding: 8px}
.DFA-agg > div:last-child{border-right: none;}
.DFA-agg > div label{ font-weight: 700; font-size:20px;line-height:30px; width: 100%; float: left; }
.DFA-agg > div span{font-weight: 400; font-size: 16px;}


.DFA-agg.DFA-style-3{display: inline-block; position: absolute; right: 0; top: 0; width:10%;  height:100%; z-index: 9999; background: #fff;}
.DFA-agg.DFA-style-3 > div{ border-top:1px solid #ccc;  }
.DFA-agg.DFA-style-3 > div:first-child{border-top: none;}
/*DFA Map Style 1*/
.DFA-map{display: inline-block; width: 100%; border:1px solid #ccc; min-height: 450px;}
.DFA-map.DFA-style-2{width: 75%; float: left;}
.DFA-map.DFA-style-3{width: 90%; float: left;}
/*DFA Filter Style 1*/
.DFA-filter{display:flex; width: 100%; border:1px solid #ccc; margin:0px 0; position: relative;}
.DFA-filter h3{display: inline-block;padding: 12px 0 12px 10px;font-weight: bold;font-size:16px;}
.DFA-filter .resetBar{font-weight: bold;position: static !important;margin:15px;}
.DFA-filter .resetBar a{font-size:12px; float: left;text-transform: uppercase;}
.DFA-filter .resetBar a:hover{color:#f7a600;}
.DFA-filter > .resetBar{position:absolute; top: 5px; right:5px; color:#222; font-size: 14px; }
.DFA-filter > .resetBar > a{color: #222; text-decoration: none;}
.DFA-filter > .filterGroup{ flex: 2;  padding: 20px 10px; border-right:1px solid #ccc; display: flex;}
.DFA-filter > .filterGroup:last-child{ border-right:none;}
.DFA-filter > .filterGroup > div{flex: 1;}
.DFA-filter > .filterGroup > div > label{ width: auto; float: left; margin-right: 10px; }
.DFA-filter > .filterGroup > div > select{ width:60%; float: left; border:1px solid #ccc;  padding: 6px 8px;}
/*DFA Style 2*/
.DFA-filter.DFA-style-2{width: 25%; float: left; display: inline-block; padding: 15px 0 0; height: 400px; overflow: auto; border-right: none;border-left: none;}
.DFA-filter.DFA-style-2 > .filterGroup{padding: 0px 10px 0; border-right:none; display:inline-block; width: 100%;}
.DFA-filter.DFA-style-2 > .filterGroup > div{width: 100%; float: left; margin-bottom: 5px;}
.DFA-filter.DFA-style-2 > .filterGroup > div > label{ width: auto; float: left; margin-right: 0; margin-bottom: 5px; }
.DFA-filter.DFA-style-2 > .filterGroup > div > select{ width:100%; float: left; border:1px solid #ccc;  padding: 6px 8px;}

.DFA-filter.DFA-style-3{ position: absolute; top: 0; left: 0%; width: 20%; height:100%; z-index: 999999; background: #fff; display: inline-block; transition: all 0.5s ease-in-out }
.DFA-filter.DFA-style-3.hide{left: -20%}
.DFA-filter.DFA-style-3 > .filterGroup{padding: 0px 10px 0; border-right:none; display:inline-block; width: 100%;}
.DFA-filter.DFA-style-3 > .filterGroup > div{width: 100%; float: left; margin-bottom: 5px;}
.DFA-filter.DFA-style-3 > .filterGroup > div > label{ width: auto; float: left; margin-right: 0; margin-bottom: 5px; }
.DFA-filter.DFA-style-3 > .filterGroup > div > select{ width:100%; float: left; border:1px solid #ccc;  padding: 6px 8px;}




/*DFA Detail Style 1*/
.DFA-detail{  width:99%; float: left; margin:20px 0.5%; text-align: center;  border:1px solid #ccc; border-top:5px solid #1a8bd3;  }
.DFA-detail > div{width: 100%; display: inline-block; text-align: left;  padding: 4px 10px; font-size: 12px;}
.DFA-detail > .DFA-detailTitle{ position: relative; border-bottom:1px solid #ccc; text-align: center; padding: 20px 0; }
.DFA-detail > .DFA-detailTitle .cross{ position: absolute; top: 5px; right: 5px; float: left;}
.DFA-detail > .DFA-detailTitle .cross img{ width:15px;}
.DFA-detail > .DFA-detailTitle h2{ color:#1a8bd3; font-size: 18px; margin: 0; padding: 0; }
.DFA-detail > .DFA-detailTitle h4{ font-size: 14px; margin: 0; padding: 0; font-weight: normal; }
.DFA-detail > div > label{width: 20%; float: left;  font-weight: 600;}
.DFA-detail > div > span{width: 80%; float: left; font-weight:400; padding-left:10px; }
.DFA-detail > .DFa-detailFooterOut{ background:#575757; width: 100%; margin-top: 20px; float: left; color: #fff; font-weight: bold; padding: 5px 10px;}
.DFA-detail > .DFa-detailFooterOut .detailFooter{ float: left;  }
.DFA-detail > .DFa-detailFooterOut .detailFootnote{ float: right;  }



/*DFA Marker of Map*/
.marker-count{background:rgba(0,0,0,0.5); position:absolute; bottom:10px; left:10px; padding:5px 10px;  color:#fff; font-size:11px; line-height:18px; border-radius:3px; max-height:240px; overflow:auto;}
/*DFA Info */
.info{ border-radius: 20px; padding:5px 5px 0 5px;}
.infoLeft{ margin-bottom: 35px !important;}
.info .infoText {font-size:12px; color:white; visibility: hidden; float: left; padding:0px 7px; }
.info .infoTextRight {float: right;}
.info .infoText a {color:white; text-decoration: underline; }
.info:hover{ background:rgba(0,0,0,0.5);}
.info:hover .infoText{ visibility: visible;}
.info .infoIcon{ float: left }
/*Mapbox and Logo*/
.mapbox-maplogo {position:absolute;display:block;height: 20px;width: 65px;left:10px;bottom:50px;text-indent: -9999px;z-index:99999;overflow:hidden;background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIIAAAAoCAMAAAAFWtJHAAAAwFBMVEUAAAAAAAAAAABtbW0AAAAAAAAAAAAAAAAAAAAAAAClpaUAAADp6ekAAAD5+fna2toAAAAMDAzv7+/Nzc0AAAA2Njb8/Pz9/f3T09MAAAAAAAD7+/sAAAArKyuxsbH39/fs7OwbGxuIiIjz8/N8fHyenp7u7u74+PgAAAC8vLxWVlbx8fF1dXXl5eVcXFyUlJTQ0NDFxcVCQkLAwMC4uLj19fXo6OjW1tarq6ve3t77+/vi4uL6+vrKysrNzc3///8w7gSSAAAAP3RSTlMAOQNdPSYBPywKexLLGPCxNEHXnzFL+v2nGwf1IEiE6dBFad9jd9PuLo1V2mDDV3Cjl06SiuXIq4C3973ym6BQMVUPAAAEXElEQVR4Ae2WCVP6OBiH05L0l1IqrVbkKHJ54I0oHn+PfP9vtUle0z/YdhbH2XVnd58ZnRJIeHiPJOx//mH4vQSAN+8FjAhFxgHIaPvJeZ99hxwEElon5iAQbj85Y98g8ODwjEOMAvGFyeE3FEKgodTBqj0BJGN9DhyNd5Ta3ean9QEopfaA+LsKhnEKRExqg4FSP6Og7oEkAjBWnxSCgBX4xF+kcLoPcOBQrSv0e5kH7s1j37jECQieCTPiFGxL5VHw2zQWCeeJiPt6kjRQw0XSkIdVChf67xGa4alSnZlT6HEQ8CK9ANbhvXUF9xlDkBfTuHDWScgC9+z5FQpPI12TlwC6+sV7ixR8CUMKiwjm2GQeOQWHMGuHGdbnObJAwCEqFJpNU5H6uaPUaEIKiQfg+PHk1+u4OwW9PlWW2ctbA4BHCtp+cNK+H8Jos4gDmC5ar4Nx9waaG/2B13NgDqS7+vm2RgEtEws82P+kwIHhs/pgkQKcFIhfd7CogtGNjYMHTLpurD0ERbYFw4JaD3GlQuNAL/JEsSAF4HqlCnaHACk4WhOn4OgCkMD5hSpYNYDJTD8Y46n+jsE1kPhVCuR6QBXhFK7MUOu9O6b1SWF3b+/9ZVWMGOlu93E8UDaAhgc7bfH+0DHqKXCkHzoNDFfU+zxiVQrUC9QXTuHYtKpN59OA3IxCG4b7jh6ZFuVockaNTW09mkJzOaPU49a6mE9cAchZpQJNpUWcwgV9r6FJswsFKrITp2B5pMBMdnS0z2HZNy2+BNKxSZxZfglkrFYBJxQnpzA5sN/HheR2aFQoZBLAi149dQoyAYYjW0hHlHguBAdMcR0DuDZ5omevX6+AI8qcU7ikKT3GBHCnXwydgmCC0tRwCnGQ2Wp6Be71yNIWfQSkOl9vAI1SBCNWrwC01RROgX7BuT2HI4r7tFAw086p/NwZEdOEa7R1uAFuNmQPuKAEAjYNQ0CyeoUEWHYBnpQVQgpvc0Ph+gsKlAnKg1+vEHsw5LKciLKCAJobiWBzYFGbCKpHqkZZrxBFHEASyFI59vJPCskcwNVGOWZAOqsrR+pKbaNeAMT1CixMEtlnsqopNxUMzVJT3tY35aXZm6a6Y9QhwMN6BUJWbE1lhbMO1WehkO7poO0sK7em9MJGxp1XSbC1gtugzzSLQmGsX7VntJGSwsPZ2d2z3bIPKzdoOp3Wzqt8G4XyMVUoFIxLx1S7+piaHtCvR3FeRVsq0GFdp9C5TbGpcNqsPqyHKxcfd14h21KhuLKUFU4f3osrC7F6uV3WXFnadL7wyAPeKDXw2RoJCO5GY4DouYvb/gepVXheLoewzPseQG9N/vzilrMIjoStE3++zvle4eSurw7XEe76ynI4aq+v7lEyt1x5awiFlFLQbHKIpabnM3eJLym4Szzzc/du7SU+zOXv9UNpECH7IoH/gecURPlN9vdQpeD47yhIFNX0U0QgvID9nENm+yxk/xb+AGAjNfRZuk9qAAAAAElFTkSuQmCC);background-repeat:no-repeat;background-position: 0 0 ;background-size: 65px 20px;}
.legend-span{display: inline-block;vertical-align: top;height: 35px;margin-right: 5px;overflow: hidden; }
.maindivlegend{background: rgba(0,0,0,0.5);border-radius: 3px;}

.DFA-layout-3{position: relative; display: inline-block;width: 100%;}
.DFA-layout-3 .closeBtn{position: absolute; top:0px; margin-top: 0px; left:20%; transition:all 0.5s ease-in-out; background: #1a8bd3; padding:8px 5px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; z-index:99999; font-size: 13px; text-decoration: none;color: #fff; border: 1px solid #0867a3; }
.DFA-layout-3 .closeBtn.inActive{ left:0;}

/*DFA Activity List*/
.DFA-listing{width:99%; float: left; margin:15px 6px; border:0px solid #ccc; }
.DFA-listing > table{margin-top:10px;width:100%;}
.DFA-listing .sortable  thead tr{background: #0b612d}
.DFA-listing > div{width: 100%; display: inline-block; text-align: left;  font-size: 12px;}
.DFA-listing img.attrImage{margin:1px; vertical-align: text-top;}

/*Choices dropdown*/
.choices__list--dropdown{z-index: 9999 !important}
.choices__item--selectable{padding-right: 5px !important}

.customClusterParent{display: none;}

#loading {
position:absolute;
  top:0px;
  right:0px;
  width:100%;
  height:100%;
  background-color:#666;
  background-image:url('../images/giphy.gif');
  background-repeat:no-repeat;
  background-position:center;
  z-index:10000000;
  opacity: 0.4;
  filter: alpha(opacity=40);
  }
  .clusterPopup{padding:10px;background:#f1f1f1;max-height:250px;overflow: auto}