
/* look and feel definitions */
.leaflet-control #countryname { width: 200px; background-color: #007CC3; padding: 10px; color:#ccc; font-size: 16px; font-weight:bold;}
.form-textarea-wrapper textarea{width: 540px}
.CountryNameLabel{ font-size: 80%;color: #666; font-weight:bold}
.CountryCodeLabel{ font-size: 80%;color: #666; font-weight:bold}
.ContinentLabel{ font-size: 150%;font-weight:bold; color: #666;}

#countryname { background-color: "#fff"}
.isoc_map,  .leaflet-container { height: "500px" }
.isoc_map,  .leaflet-container { width: "940px" }
#map .views-row a {padding:5px; padding-left:0px;text-decoration:none; font-size:12px; color: #007CC3;cursor: pointer; }

/* fix map size for smaller screens */
@media only screen and
(max-device-width:759px){
  .isoc_map,  .leaflet-container{ height: "250px" }
  .isoc_map,  .leaflet-container{ width: "470px" }
}

body.page-find-chapter {color: #000}

.dot {
    border-radius: 50%;
    width: 10px;
    height: 10px;
    margin-bottom:18px;
}
.dot div {
    width: 200px; position:relative; left:20px; bottom:8px;padding:5px; color:white;
    font-size: 14px;
}

div.legend{
    background: #0c1c2c; width: 260px; padding:30px 30px 20px 30px; border-radius: 23px;
}
.bluedot { 
  background: #eeca4a;
}
.greendot { background: #109d8b}
.reddot { background: #fff}
.reddot div, .greendot div, .bluedot div  { background-color:#0c1c2c }

body.page-find-chapter .leaflet-container a {
    color: #0067a2
}
.leaflet-control p{ color: #666;}

.MediumCountry {font-size: 100%;color: #fff; font-weight:bold}
.SmallCountry {font-size: 100%;color: #fff; font-weight:bold}
.BigCountry {font-size: 110%;color: #fff; font-weight:bold}


