/*@import url(font-awesome.min.css);*/
/*@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700);*/
@font-face {
    font-family: Avenir;
    src: url("/static/fonts/AvenirNext_PC/AvenirNext_PC/AvenirNext-Regular.ttf") format("opentype");
}


#leaflet {width: 100%; height: 100%}

.leaflet-container {
    font-family: Avenir,'PT Sans', Arial, Helvetica, sans-serif;
    
}

.map-title {
    font-size: 32px;
    line-height: 1.2;
    font-weight: 700;
    text-shadow:0 0 3px #fff,0 0 3px #fff;
}
.map-title .subtitle {
    font-size: 18px;
    color: #661600;
    padding-left: 40px;
}

.leaflet-popup-tip-container,
.leaflet-popup-close-button {
    display:none;
}
.leaflet-popup-content {
    margin: 2px 3px;
}
.leaflet-popup-content-wrapper {
    border-radius: 4px;
/*    width: 200px;*/
}
.leaflet-popup-content table {
    font-size: 12px;
    padding: 0px;
    margin: 0px;
    
}

.m-legend {
    display: none;
    font-size:10px/12px;
    position: relative;
}
.m-legend table {
    margin-left:22px;
    font-size: 12px;
}
.ramp-ber {
    width: 14px;
    background: -webkit-linear-gradient(rgba(255,255,212,1), rgba(254,153,41,1), rgba(153,52,4,1)); 
    background: -o-linear-gradient(rgba(255,255,212,1), rgba(254,153,41,1), rgba(153,52,4,1)); 
    background: -moz-linear-gradient(rgba(255,255,212,1), rgba(254,153,41,1), rgba(153,52,4,1));
    background: linear-gradient(rgba(255,255,212,1), rgba(254,153,41,1), rgba(153,52,4,1)); 
}
.ramp-loading {
    width: 14px;
    background: -webkit-linear-gradient(rgba(189,0,38,1), rgba(253,141,60,1), rgba(255,255,178,1)); 
    background: -o-linear-gradient(rgba(189,0,38,1), rgba(253,141,60,1), rgba(255,255,178,1)); 
    background: -moz-linear-gradient(rgba(189,0,38,1), rgba(253,141,60,1), rgba(255,255,178,1)); 
    background: linear-gradient(rgba(189,0,38,1), rgba(253,141,60,1), rgba(255,255,178,1));  
}
.leaflet-control-layers {
    background-color:rgba(256,256,256,0.9);
    border: 1px solid rgba(0,0,0,0.2) !important;
/*    margin-right: 5px;
    margin-bottom: 5px;*/
/*    box-shadow: none;*/
}
.leaflet-control-layers-list {
    margin-bottom: 2px;
    
}
.coordinates {
   /* padding:6px 8px;*/
    font-size: 17px;
    font-weight: 700;
    color: #888;
    background:transparent;
    text-align: right;
/*    background:rgba(255,255,255,0.7);*/
/*    border-radius:5px;*/
/*    width:134px;*/
}

.m-legend-control {padding:6px 8px;font:12px/14px Arial, Helvetica, sans-serif;background:#FFF;background:rgba(255,255,255,0.85);border-radius:5px;width:144px;}
.m-legend-control .annotation {clear:both;margin:0 0 0 23px;color:#333;font-size:12px;}
.m-legend-control .item {clear:both;margin:5px 8px 0 0;line-height:16px;color:#666;}
.m-legend-control .bin {float:left;width:18px;height:18px;margin:0 5px 0 0;border:1px solid #AAA;border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}

.m-legend-control .line {float:left;width:18px;height:9px;margin:0 5px 0 0;border-bottom:1px solid #000;}
.m-legend-control .ramp {clear:both;margin:0 8px 0 0;line-height:18px;color:#666;}
.m-legend-control .cell {float:left;width:18px;height:18px;margin:0 5px 0 0;}
.m-legend-control .header {font-family:LeagueGothicRegular,sans-serif;font-size:18px;margin:5px 0 10px;color:#777;}
.m-legend-control a:link {color:#666;text-decoration:none;width:18px;font-size:14px;cursor:pointer}
.m-legend-control a:hover {color:#0066FF;}

/*.m-legend .annotation {clear:both;margin:0 0 0 23px;color:#333;font-size:12px;}
.m-legend .item {clear:both;margin:5px 8px 0 0;line-height:16px;color:#666;}
.m-legend .bin {float:left;width:18px;height:18px;margin:0 5px 0 0;border:1px solid #AAA;border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}

.m-legend .line {float:left;width:18px;height:9px;margin:0 5px 0 0;border-bottom:1px solid #000;}
.m-legend .ramp {clear:both;margin:0 8px 0 0;line-height:18px;color:#666;}
.m-legend .cell {float:left;width:18px;height:18px;margin:0 5px 0 0;}
.m-legend .header {
    font-size:18px;
    margin:5px 0 10px;
    color:#777;
}
.m-legend a:link {color:#666;text-decoration:none;width:18px;font-size:14px;cursor:pointer}
.m-legend a:hover {color:#0066FF;}*/