#sampleareainfo {
  font-size: 0.9rem;
  padding:   10px 0;
}

#sampleareainfo .infofield {
  border-bottom: 1px dashed #999999;
  font-weight:   bold;
}

#sampleareainfo .infofield .label {
  display: inline-block;
  width:   6rem;
}

#sampleareainfo .gapevents {
  font-size: 0.8rem
}

#sampleareainfo .report_action {
  text-align: center;
  margin-top: 1rem;
}

#sampleareainfo .report_action a {
  width: 95%;
}

/*----------------------*/
.map-toolbox {
  min-height: 90px;
  margin:     10px 0 0 0;
}

.map-toolbox .switcher > .radio {
  font-size: 1.1rem;
}

.map-toolbox div.radio {
  display:      inline-block;
  margin-right: 10px;
  cursor:       pointer;
}

.map-toolbox .radio > span.checkbox {
  display:                inline-block;
  text-rendering:         auto;
  -webkit-font-smoothing: antialiased;
}

.map-toolbox div.checkable {
  display:      inline-block;
  margin-right: 10px;
  cursor:       pointer;
}

.map-toolbox .checkable > span.checkbox {
  display:                inline-block;
  text-rendering:         auto;
  -webkit-font-smoothing: antialiased;
}

.map-toolbox .checkable.checked > span.checkbox:before {
  font:    var(--fa-font-solid);
  content: "\f14a";
}

.map-toolbox .checkable.notchecked > span.checkbox:before {
  font:    var(--fa-font-solid);
  content: "\f0c8";
}

.map-toolbox .radio.checked > span.checkbox:before {
  font:    var(--fa-font-solid);
  content: "\f058";
}

.map-toolbox .radio.notchecked > span.checkbox:before {
  font:    var(--fa-font-regular);
  content: "\f111";
}

.map-toolbox .legend {
  display: inline-block;
}

.map-toolbox .legend > div > div {
  display:      inline-block;
  margin-right: 10px;
  min-width:    90px;
  text-align:   center;
  font-size:    0.9rem;
  font-weight:  bold;
}

.map-toolbox .legend .bar {
  display:                inline-block;
  text-rendering:         auto;
  -webkit-font-smoothing: antialiased;
  border:                 10px solid #EEEEEE;
  width:                  60px;
  height:                 60px;
  border-radius:          60px;
  text-align:             center;
  font-size:              15px;
  padding:                8px 0 0 0;
}

.map-toolbox .legend .label {
  font-size: 0.8rem;
  display:   block;
  color:     #999999;
}

/*
.map-toolbox .legend .level > div {
  display:      inline-block;
  margin-right: 10px;
}

*/