.right-panel{ width: 250px; float: left;  }
.map-holder{ width: calc(100% - 250px); float: left; min-height: 400px; }
.map-visual{ border: 1px solid #ccc; margin: 15px 30px 15px 0; min-height: 500px;}

.score-gauge{ margin:10px 0; width: 100%; border-bottom: 0px solid #ccc; }
.score-gauge:after{ content: ""; clear: both; height: 0; display: block;}
.score-gauge label{float: left; width: 80px; display: block; }
.score-gauge .score-meter{ float: left; width: calc(100% - 80px); margin-top: 6px;}
.score-gauge .score-meter .score-part{ width: 25%; float: left; margin: 0; padding: 0; list-style: none; height: 10px; background-color: #ccc; border-right: 1px solid #fff;}
.score-gauge .score-meter .score-part:first-child{ border-top-left-radius: 6px; border-bottom-left-radius: 6px;}
.score-gauge .score-meter .score-part:last-child{ border-top-right-radius: 6px; border-bottom-right-radius: 6px;}
.score-gauge .score-meter .score-part.score-1{ background-color: red;}
.score-gauge .score-meter .score-part.score-2{ background-color: #F79942;}
.score-gauge .score-meter .score-part.score-3{ background-color: #F9DA31;}
.score-gauge .score-meter .score-part.score-4{ background-color: darkgreen;}
.score-gauge:after{ content: ""; height: 0; clear: both;}

.carousel-head-1 {
  line-height: 50px;
}

@media only screen and (max-width: 767px) {
  .carousel-head-1 {
   line-height: 25px;
  }
}

@media(max-width: 768px){
    .right-panel{ width: 100%; float: left; padding: 25px; }
    .map-holder{ width: 100%; float: left;  padding: 25px; }
    .map-visual{ margin-right: 0; }
}

.leaflet-google-layer{
    z-index:1 !important;
}

.leaflet-map-pane{
    z-index:2 !important;
}

.HeadingOrange {
    color: #ff6600;
}

/* for resources pages */
.list-view {
 text-align: left;
 margin: 0;
 padding: 0 0 0px 15px;
}

.NoBorder {
 margin-left: 0px !important;
 margin-right: 0px !important;
 border: 0px !important;
}

.dashboard-loading {
    display: block;
    text-align: center;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1;
    margin-left: -110px;
    margin-top: -10px;
}


.PopUp-Bg{
    background:url('../images/map-popup.png') no-repeat ;
    
    height: 125px;
    width: 125px;
    margin-left:23px;
}
.score-heading {
    color: #004D6E;
    text-align: center;
    padding: 11px 17px 0px 0px;
    font-size: 13px;
    font-weight: bold;

}
.score{
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    line-height: 19px;
    padding-right: 18px;
    padding-top: 4px;
    text-align: center;
}
.score-description{
    color: #fff;
    text-align:center;
    padding-top:4px;
    margin-right: 18px;
}
.leaflet-popup-polygon-options{
    bottom: -40px !important;
    left: -76px !important;
}

 .leaflet-popup-content-wrapper, .leaflet-popup-tip{
    background: none;
    box-shadow: none;
}
.leaflet-popup-content{
    width:auto;
    margin: 0;
}
.leaflet-container a.leaflet-popup-close-button{
    color: #fff;
    font-size: 12px;
    padding: 4px;
    position: absolute;
    right: 25px;
    top: 0;
}


/*#map{ 
    height: 500px;
    border: 1px solid #ccc;
    width: 70%;
    float: left;
}

.leaflet-google-layer{
    z-index:1 !important;
}

.leaflet-map-pane{
    z-index:2 !important;
}

#scoreByPolygon {
    float: right;
    border:1px solid #ccc;
    min-height: 500px;
    width: 28%; 
}
#scoreByPolygon h1 {
    font-size: 20px;
    color: #999; 
}*/