.container{width: 1180px; margin: 0 auto; }
.displayNone{display: none !important;}

/*map widget*/
*{box-sizing: border-box; list-style: none;}
  .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; z-index: 999;}
  /* .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;} 
  
.DFA-tooltip .leaflet-popup-content{box-shadow: 0px 0px 5px #ccc; width:400px !important;}

.DFA-detailContRedirectURL {display: block !important;}
.DFA-detailContRedirectURL a{background: #5cb85c; border:1px solid #4cae4c;padding: 8px 12px;color:#fff;border-radius: 5px;}

.classRedirectURL {text-decoration: underline; color: #00008b !important;}

.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 }

/* LEGEND */
#legend {background: #fff; min-width: 125px; overflow-y: auto; }
#legendPolygon, #legendMarkerText, #legendMarkerColor, #legendMarkerSize {float: left; padding: 5px; width: 100%;}
#legendPolygon > div {padding-top: 2px; }
#legendMarkerSize > div {clear: both;}
#legendMarkerSize span {float: left; width: 15%;}

.DFA-legendAttrName{font-weight: bold; text-decoration: underline;}
.DFA-legendCircleDiv-Color{height: 15px; width: 15px; border-radius: 8px; float: left; margin-right: 3px;}
.DFA-legendCircleDiv-Size{background-color: #333333; float: left; margin-right: 3px;}
.DFA-legendRectDiv-Color{width: 20px; height: 15px; float: left; margin-right: 3px;}
.DFA-legendChar {float: left; }
.DFA-legendCharText {margin-left: 20px;}
.DFA-legendCustomLabel {vertical-align: text-bottom; padding-left: 10px; cursor: pointer;}
.activeLegendItem {background: antiquewhite; }
.unselectedLegendItem, .unselectedLegendItem > span > i { color: #d3d3d3 !important;}
.unselectedLegendItem > div:first-child {background-color: #d3d3d3 !important;}
.legend-div {cursor: pointer; }
.legend-label{cursor: pointer; }


/*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: middle;margin-right: 5px;overflow: hidden; cursor: pointer;}
.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;}

/*WHAT List*/
.sorter_navigation img{background: #3a3a3a;padding: 8px;border-radius: 2px !important;opacity: 0.5;margin-right: 5px;} 

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

/* overriding choices default class for single select filters */
/* .choices[data-type*="select-one"]:after {right: 2% !important;margin-top: 0% !important;} */

.dfa_clusterParent{display: none;}
.dfa_markerParent{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;}


  /*layer icon on map*/
.layerPart{float: left; position: absolute; z-index: 9999; right: 10px; bottom: 10px; }
.layerPart a{width: 30px; float: left; height: 30px; background: #0b612d; border-radius: 50%; color: #fff; text-align:center; line-height:35px; }
.layerPart a img{width:12px; display: inline-block;}
.layerGroup span {float: left; padding: 5px 0 0 10px;}
.pill{position: absolute; max-width: 0; visibility:hidden; float: left; background: #f7a600;  border-radius:20px; width:auto; border:1px solid #ce8a00; transition: all 0.3s ease-in-out; overflow:hidden; padding-right:18px;}
.pill.open{visibility:visible; max-width: 1500px;}
.pill button{padding: 7px 15px; cursor: pointer; color: #fff; float: left; background: none; border:none; border-right:1px solid #f1ce87; text-align: left;}
.pill button:last-child{border:none;}
.active.multiple {background: indianred;}

/* reset button */
.resetZoom { background: #fff; border: 2px solid rgba(0,0,0,0.3); border-radius: 4px; width: 33px; height: 30px; text-align: center; padding-top: 6px; font-size: 13px !important; cursor: pointer !important; }


/* geoJSONlayer */
.geoJSONlayerGrabCursor {cursor: grab !important; }
/* .geoJSONlayer {fill: red; fill-opacity:0.6; stroke:blue; stroke-width:2; stroke-opacity:1;} */


.disabled {pointer-events: none; cursor: default; color: #cecece;}

/*custom tooltip START*/
.cusTooltip{display: block;position: relative;}
.cusTooltip .leaflet-popup-content{width:400px !important;}
.cusTooltip .leaflet-popup-content .headingPopup{position: relative;}
.cusTooltip .leaflet-popup-content .toolTipTitle{background: #303030 !important;font-weight:300 !important;font-size:12px !important;padding:15px 10px 10px;text-align:left; margin: 0px;}
.cusTooltip .leaflet-popup-content .areaAndLink {display: block;background: #303030 ;width: 100%;padding:10px 10px 20px;}
.cusTooltip .leaflet-popup-content .areaAndLink .toolTipSubTitle{color:#a2a2a2;font-weight:300;text-align: left;float: left;width:40%;padding-top:6px;}
.cusTooltip .leaflet-popup-content .areaAndLink .DFA-tooltipContRedirectURL{display: inline-block;width: 50%;}
.cusTooltip .leaflet-popup-content .areaAndLink .popupMapPin{color:#f2eb5a;font-size: 30px;float: left;margin-right:10px;}
.cusTooltip .leaflet-popup-tip {     border-top-color: #fff; }
.cusTooltip .leaflet-popup-content .attributes{margin: 5px;border-bottom: 1px solid #ccc}
.cusTooltip .DFA-tooltipCont{width: 50% !important;}
.cusTooltip .leaflet-popup-content .headingPopup .popupCross{cursor:pointer; position:absolute;background: #f00;border-radius: 50%;color:#fff;right:-10px;top:-10px;display: inline-block;line-height:22px;text-align:center;height:24px;width: 24px;font-size: 18px;}
.leaflet-container .DFA-tooltipContRedirectURL a{background: #5cb85c; border:1px solid #4cae4c;padding: 8px 12px;color:#fff;border-radius: 5px;}
.leaflet-container .DFA-tooltipContRedirectURL a:hover{color:#fff;}
.cusTooltip.hidePopup{display: none;}
.cusTooltipLabel {font-weight: bold;}

.currentWhereHighlight{
  background-color: yellow;
  font-weight: bold;
}

/*custom tooltip END*/


.legendMarkerIcon {height: 25px; width: 15px; vertical-align: middle;}



/*Main Header*/
.header .mainHeaderLogo{float:left;background: #fff;width:200px;}
.header .mainHeaderLogo .logo{ /*float: left;*/ padding: 10px;}
.header .mainHeader .rightSection{float: right; padding:40px 0; }
.header .mainHeader .rightSection ul li{ float: left; margin-left: 20px; }
.header .mainHeader .rightSection ul li a{ padding-bottom:4px;border-bottom:2px solid transparent;float: left; color: #222; font-weight: bold; text-decoration: none; text-transform: uppercase;}
.header .mainHeader .rightSection ul li:hover a{border-bottom:2px solid #f7a600;}
.headingPart {padding:20px 0; color:#0b612d;font-weight:bold}
.headingPart h2 {font-size: 24px;}


/*Inner Lavel Header*/
.header .mainHeader.headerInner { background: #0b612d;  width: 100%; float: left; box-shadow: none;}
.header .mainHeader.headerInner .logo { padding: 0; }
.header .mainHeader.headerInner .logoBox { height: 95px; background: #fff; width: 180px; padding: 6px 5px; display: inline-block; vertical-align:middle;}
.header .mainHeader.headerInner .logoBox > a { width: 100%; }
.header .mainHeader.headerInner .logo .logoText { color:#fff; font-size: 23px; display: inline-block; vertical-align:middle; margin-left: 15px;}

/*Project Profile Page Css*/
.projectProfileSection { width: 100%; display: inline-block; background: #fff; }
.projectProfileSection .introductionArea h3 { font-size: 25px; margin-top: 40px; margin-bottom: 25px; }
.projectProfileSection .introductionArea .leftArea { width: 60%; float: left;}
.projectProfileSection .introductionArea .rightArea { width: 35%; float: right;}
.projectProfileSection .introductionArea .rightArea img { border:1px solid #ccc; padding:2px;}
.projectProfileSection .introText {color:#959aa5; line-height: 24px; margin-bottom: 20px;}
.projectProfileSection .introductionArea .leftArea .columnGroup{ margin-top: 10px; margin-bottom: 20px; width: 100%;float: left;}
.projectProfileSection .introductionArea .leftArea .column { width: 33%; float: left; }
.projectProfileSection .introductionArea .leftArea .column li { color:#3f9860; margin:5px 0px; padding:5px 0px;}
.projectProfileSection .introductionArea .leftArea .column label {color:#000; font-weight: 500; margin-right: 10px;}
.projectProfileSection .introductionArea .leftArea .column.blockArea { width: 100%; }

.projectProfileSection .midRowBox { width: 100%; display: inline-block; margin-bottom: 40px; margin-top: 10px;}
.projectProfileSection .midRowBox .columnBox { width: 100%; float: left; font-size: 18px; margin-bottom: 20px; border-bottom: 1px solid #ddd; padding-bottom: 15px;}
.projectProfileSection .midRowBox .columnBox label { font-weight: bold; }

.projectProfileSection .mapTableBox { width: 40%; float: left; margin-bottom: 50px;}
.projectProfileSection .mapTableBox .mapBox { width: 100%; float: left; border:1px solid #ddd; }
.projectProfileSection .mapTableBox .mapBox .DFA-map { min-height: 275px; }
.projectProfileSection .mapTableBox .tableBox { width: 58%; float: right; }
.projectProfileSection .mapTableBox .tableBox table { border-collapse: collapse; width: 100%; border:1px solid #ddd; font-size: 15px;}
.projectProfileSection .mapTableBox .tableBox td { border: 1px solid #fff; text-align: left; padding:20px 10px;}
.projectProfileSection .mapTableBox .tableBox th { border: 1px solid #fff; text-align: left; padding:20px 10px;}
.projectProfileSection .mapTableBox .tableBox th { background: #0b612d; color:#fff;}
.projectProfileSection .mapTableBox .tableBox th:nth-child(2){ width:30%; }
.projectProfileSection .mapTableBox .tableBox td{background: #f0f2f1;}

.projectProfileSection .chartArea { width: 100%; float: left; margin-bottom: 40px;}
.projectProfileSection .chartArea .chartLeft{ width: 49%; float: left; border:1px solid #ddd; padding:5px;}
.projectProfileSection .chartArea .chartLeft .chartHeader{font-size: 18px; padding: 10px; padding-bottom: 20px;}
.projectProfileSection .chartArea .chartLeft .highcharts-container {width: 100% !important;}

.projectProfileSection .chartArea .chartRight{width: 49%; float: right; border:1px solid #ddd; padding:5px;}
.projectProfileSection .chartArea .chartRight .chartHeader{font-size: 18px; padding: 10px; padding-bottom: 20px;}
.projectProfileSection .chartArea .chartRight .highcharts-container {width: 100% !important;}

.profileTableTotalCell {background: #ccc !important; font-weight: bold;}

/*Project Profile Page Css Ends*/

img{max-width: 100%;}

.attrURLtype {text-decoration: underline !important;}

/*footer css*/
footer { width: 100%; float: left; background: #fff; }
footer h3 { font-size: 25px; margin-top: 10px; margin-bottom: 20px; }
footer a {color:#959aa5;}
footer p {color:#959aa5; margin-bottom: 10px;}
footer .contactInfo { width: 100%; float: left; margin-bottom: 50px;}
footer .contactInfo ul { margin-top: 10px; margin-bottom: 25px; }
footer .contactInfo ul li { color:#959aa5; margin-right: 20px; float: left;}
footer .contactInfo ul li .iconBox { margin-right: 5px; float: left;}
footer .contactInfo ul li .contactText { float: right; font-size: 17px;}
footer .contactInfo ul li .iconBox i { color:#f79e0f; font-size: 18px;}

/* Default Aggregate */
.aggr {float: left; padding: 10px; padding-right: 20px;}
.aggr div span {font-weight: bold;}

.markerIconDefault {
  display: none;
}

.customClusterStyle { color: #000000; font-size: 15px; font-weight: bold; border-color: #333333; border-style: solid; border-width: 1px; opacity: 0.6; text-align: center; }
.customMarkerStyle { border-color: #959aa5; border-style: solid; border-width: 1px; opacity: 1; }


.loader {
  border: 16px solid rgba(245, 164, 50, 0.7);
  border-radius: 50%;
  border-top: 16px solid #0F5004;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  position: absolute;
  left: 46%;
  top: 50%;
  z-index: 9999999999;
}
body { height: 100%; }
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}        
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.overlay{position: fixed; top:0;bottom: 0;right:0;left: 0;width:100%;height:100%; background: rgba(0,0,0,0.5); display: none; z-index: 9999999998}
.overlay.show{display: block;}

.overlayPopup{display:none; position: fixed; top:0;bottom: 0;right:0;left: 0;width:100%;height:100%; background: rgba(0,0,0,0.5); display: none; z-index: 999999998}
.overlayPopup.show{display: block;}


.arrow-up {
  width: 0; 
  height: 0; 
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  
  border-bottom: 5px solid black;
}

.arrow-down {
  width: 0; 
  height: 0; 
  border-left:  solid transparent;
  border-right:  solid transparent;
  
  border-top:  solid #f00;
}

.arrow-right {
  width: 0; 
  height: 0; 
  border-top: 60px solid transparent;
  border-bottom: 60px solid transparent;
  
  border-left: 60px solid green;
}

.arrow-left {
  width: 0; 
  height: 0; 
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent; 
  
  border-right:10px solid blue; 
}


/* Routing section css */
.routingIcon {
  cursor: pointer;
  padding-left: 10px;
}
.routingIcon:after { content: "\f018"; font-family: FontAwesome; }

.leaflet-top { z-index: 1100 !important;}

.routeContainer {background: white !important; overflow: hidden !important; margin-top: unset !important;}
.routeContainer > span {left: 0px !important; top: -1px !important;}
.routeContainer > span:after { float: right; font-family: FontAwesome; content: '\f2d1' !important; font-size: 14px; color: rgb(0,0,0,0.5); margin-right: 5px;}
.routeContainer .leaflet-routing-collapse-btn {cursor: pointer !important;}

.routeContainer.leaflet-routing-container-hide { margin-top: unset !important;}
.routeContainer.leaflet-routing-container-hide > span:after { display: none;}

.alternativeContainer { max-height: 195px !important; border: none !important; }
.alternativeContainer:only-child { max-height: 235px !important; border: none !important; }
.alternativeContainer > h2 , .alternativeContainer > h3 { font-weight: bold !important;}

.minimisedContainer {background: #cccccc !important; color: black !important; max-height: 40px !important; margin-top: -2px !important;}
.minimisedContainer > h2 { font-size: 11px !important;}
.minimisedContainer > h3 { font-size: 10px !important;}

.leaflet-routing-geocoders { padding: 0 6px 4px 6px !important;}
.leaflet-routing-geocoder > input {font-size: 11px !important; }
.leaflet-routing-reverse-waypoints { padding: 2px 15px 0px 15px !important;}

.closeRouting { background: #fff; border: 2px solid rgba(0,0,0,0.2); border-radius: 4px; width: 32px; height: 30px; text-align: center; font-size: 13px !important; cursor: pointer !important; }
.closeRouting::after { content: "\f00d"; font-family: FontAwesome; color: #FF0000; font-size: 17px; cursor: pointer !important;}