/** 
 * Leaflet specific styles. 
 *
 * This css will be used in various places so it should be in a plain css
 * for compatibility. No scss/less features such as variables.. 
 */

.leaflet-container {
  font-family: "Helvetica Neue", Arial, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴシック","Hiragino Sans", "Hiragino Kaku Gothic", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.leaflet-container .info.info-box {
  color: #555;
  padding: 8px 8px 4px 8px;
  border-radius: 2px;
  background-color: rgba(255, 255, 255, 0.9);
}
.leaflet-container .info.info-box .info-box-title{
  font-size:13px;
  font-weight:bold;
  overflow:hidden;
  margin-bottom:2px;
}
.leaflet-container .info.info-box .info-box-table{
  display:table;
}

.leaflet-container .info.info-box .info-box-value{
  font-size:13px;
  font-weight:normal;
  display: table-row;
}
.leaflet-container .info.info-box .info-box-value .label-col , 
.leaflet-container .info.info-box .info-box-value .value-col { 
  display: table-cell; 
  text-align:left;
  padding-right:5px;
}
.leaflet-container .info.info-box .info-box-value .label-col {
  color: #777;
}

.leaflet-container .info.legend {
    color: #555;
    padding: 8px 8px 4px 8px;
    border-radius: 2px;
    background-color: rgba(255, 255, 255, 0.9);
}

.leaflet-container .legend .legend-title-row {
  height:16px;
  line-height:16px;
  margin-bottom: 6px;
  font-size: 12px;
}

.leaflet-container .legend .legend-row {
  height:16px;
  line-height:16px;
}

.leaflet-container .legend.pull-text-right .legend-row {
  text-align:right;
}

.leaflet-container .legend.circle .legend-row {
  line-height:15px;
}

.leaflet-container .legend i {
    width: 14px;
    height: 14px;
    float: left;
    margin-right: 8px;
    border-radius: 50%;
}

.leaflet-container .legend.circle i {
  opacity: 0.8;
}
.leaflet-container .legend.square i {
  width: 16px;
  height: 16px;
  border-radius: 0;
  opacity: 0.65;
}

.leaflet-container .leaflet-popup-content-wrapper .popup-content-row {
  display:table-row;
}
.leaflet-container .leaflet-popup-content-wrapper .popup-content-cell {
  text-align:right;
  display:table-cell;
}