.legend-icon {
  width: 20px;
}

.legend-cell {
  width: 30px;
  text-align: center;
}

.legend-text {
  margin-top: 6px;
  text-align: left;
}

#map-wrapper {
  position: relative;  
}

#map-desc {
  background-color: #FFF;  
}

#map-desc .title {
  text-align: center;
  margin: 0 0 20px 0;
  padding: 3px;
  background-color: #4777B5;
  color: #FFF;
  font-size: 15px;
}

#layer {
  background-color: #F2F2F2;
  overflow-y: auto;
}

.map-expand {
  width: 21px;
  background-color: #FFF;
  height: 50px;
  z-index: 2;
  position: absolute;
  top: 45%;
  text-align: center;
  border: 2px solid #4777B5;
  color: #4777B5;
  background-color: rgba(242,242,242,0.8);
  cursor: pointer;
}

.map-expand:hover {
  background-color: rgba(242,242,242,1);
}

.map-expand span {
  font-size: 10px;
  margin-top: 18px;
}

#expand-left {
  left: 0;
  border-radius: 0 5px 5px 0;
  border-left-width: 0;
}

#expand-left > div {
  height: 18px;
  width: 18px;
  background-size: 100%;
  margin-top: 14px;
}

/*#expand-right {
  right: 0;
  border-radius: 5px 0 0 5px;
  border-right-width: 0;
}*/

.popup-row {
  line-height: 20px;
}