.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: 400px;}

.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: #FF7E00;}
.score-gauge .score-meter .score-part.score-3{ background-color: #FF7E00;}
.score-gauge .score-meter .score-part.score-4{ background-color: #00a800;}
.score-gauge:after{ content: ""; height: 0; clear: both;}

@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;
}

/*#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; 
}*/