body {
  background: #fcfcfa;
}

th, td {
  min-width: 105px;
}

.stroke {
  fill: none;
  stroke: #000;
  stroke-width: 3px;
}

.fill {
  fill: #fff;
}

.graticule {
  fill: none;
  stroke: #222;
  stroke-width: .5px;
  stroke-opacity: .5;
}

.adakislandeast, .adakislandwest, .blackstone, .christmasvalleyeast, .christmasvalleywest, 
.clyderiver, .forthayseast, .forthayswest, .goosebay, .hankasalmi, .hokkaidoeast, 
.hokkaidowest, .icelandeast, .icelandwest, .inuvik, .jaimusieast, .kapuskasing, .kingsalmon, .kodiak, .longyearbyen, 
.pykkvibaer, .princegeorge, .rankininlet, .saskatoon, .stokkseyri, .wallops, 
.bucklandpark, .domec, .domecnorth, .falklandislands, .halley, .kerguelen, .mcmurdo, 
.sanae, .southpole, .syowaeast, .syowasouth, .tiger, .unwin, .zhongshan, .longjingwest, .longjingeast,
.haijingeast, .haijingwest, .siziwanqieast, .siziwanqiwest
 {
  fill: none;
  stroke: #555555;
  stroke-width: .2px;
  stroke-opacity: .5;
}

.land {
  fill: #777;
  fill-opacity: 0.3;
}

.boundary {
  fill: none;
  stroke: #000;
  stroke-width: .5px;
}

.globe-style {
  float: left;
  width: 100%;
  padding: 0;
}

/*Button styling*/

.radar-button {
  width:40px;
  font-size:10px;
  padding: 6px;
}

.col-ade-btn {
  background-color:#AD1457;
  color:#ffffff;
}
.col-adw-btn {
  background-color:#F48FB1;
  color:#000000;
}
.col-bks-btn {
  background-color:#6A1B9A;
  color:#ffffff;
}
.col-cly-btn {
  background-color:#870303;
  color:#ffffff;
}
.col-cve-btn {
  background-color:#1A237E;
  color:#ffffff;
}
.col-cvw-btn {
  background-color:#7986CB;
  color:#000000;
}
.col-fhe-btn {
  background-color:#03A9F4;
  color:#ffffff;
}
.col-fhw-btn {
  background-color:#81D4FA;
  color:#000000;
}
.col-gbr-btn {
  background-color:#0097A7;
  color:#ffffff;
}
.col-han-btn {
  background-color:#80DEEA;
  color:#000000;
}
.col-hok-btn {
  background-color:#00695C;
  color:#ffffff;
}
.col-hje-btn {
  background-color:#00CF79;
  color:#ffffff;
}
.col-hjw-btn {
  background-color:#49F9B0;
  color:#000000;
}
.col-hkw-btn {
  background-color:#B2DFDB;
  color:#000000;
}
.col-inv-btn {
  background-color:#C0392B;
  color:#ffffff;
}
.col-ice-btn {
  background-color:#ffffff;
  color:#000000;
}
.col-icw-btn {
  background-color:#E4E4E4;
  color:#000000;
}
.col-jme-btn {
  background-color:#A5D6A7;
  color:#000000;
}
.col-kap-btn {
  background-color:#0ceb0c;
  color:#000000;
}
.col-ksr-btn {
  background-color:#99FF33;
  color:#000000;
}
.col-kod-btn {
  background-color:#FFEE58;
  color:#000000;
}
.col-lje-btn {
  background-color:#D4F949;
  color:#000000;
}
.col-ljw-btn {
  background-color:#FDDC00;
  color:#000000;
}
.col-lyr-btn {
  background-color:#F9A825;
  color:#000000;
}
.col-pyk-btn {
  background-color:#444;
  color:#ffffff;
}
.col-pgr-btn {
  background-color:#ff0000;
  color:#ffffff;
}
.col-rkn-btn {
  background-color:#EF9A9A ;
  color:#000000;
}
.col-sas-btn {
  background-color:#F4511E;
  color:#ffffff;
}
.col-sto-btn {
  background-color:#795548;
  color:#ffffff;
}
.col-sze-btn {
  background-color:#FD5C00;
  color:#ffffff;
}
.col-szw-btn {
  background-color:#CB7700;
  color:#ffffff;
}
.col-wal-btn {
  background-color:#000000;
  color:#ffffff;
}
.col-bpk-btn {
  background-color:#E91E63;
  color:#ffffff;
}
.col-dce-btn {
  background-color:#9C27B0;
  color:#ffffff;
}
.col-dcn-btn {
  background-color:#673AB7;
  color:#000000;
}
.col-fir-btn {
  background-color:#3F51B5;
  color:#ffffff;
}
.col-hal-btn {
  background-color:#2196F3;
  color:#000000;
}
.col-ker-btn {
  background-color:#00BCD4;
  color:#000000;
}
.col-mcm-btn {
  background-color:#009688;
  color:#ffffff;
}
.col-san-btn {
  background-color:#4CAF50;
  color:#000000;
}
.col-sps-btn {
  background-color:#8BC34A;
  color:#000000;
}
.col-sye-btn {
  background-color:#CDDC39;
  color:#000000;
}
.col-sys-btn {
  background-color:#FFEB3B;
  color:#000000;
}
.col-tig-btn {
  background-color:#FFC107;
  color:#000000;
}
.col-unw-btn {
  background-color:#795548;
  color:#ffffff;
}
.col-zho-btn {
  background-color:#F8BBD0;
  color:#000000;
}
.year-button-on {
  background-color:#000000;
  color:#ffffff;
  width:50px;
  font-size:12px;
  padding: 6px;
}
.year-button {
  width:50px;
  font-size:12px;
  padding: 6px;
}
.btn-light {
  background-color:#999;
  border-color:#999;
  color:#555;
}
#remove-btn {
  background-color:#fff;
  border-color:#fff;
}