/*******************************************
  Simplemap
********************************************/
.tac { text-align: center }

.tt_sm {
  border: 0;
  border-radius: 0;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  padding: 0!important;
  font: 130% Georgia, serif!important;
}
.tt_name_sm { font-size: 16px; padding: 20px; }
.tt_mobile_sm { display: none; }
.xmark_sm { padding: 20px; }
.simplemap--mobile .xmark_sm { min-width: 60px; }

#simplemap { border: 1px solid #0039a6; min-height: 174px; }
.simplemap--detail { margin-top: 60px; }

.simplemap--mobile circle { r: 10px; }

.simplemap-popup {
  padding: 0 20px 20px 20px;
  border-bottom: 10px solid transparent;
}

.simplemap-popup--extreme { border-color: #000; }
.simplemap-popup--veryHigh { border-color: #691009; }
.simplemap-popup--high { border-color: #d52b1e; }
.simplemap-popup--medium { border-color: orange; }
.simplemap-popup--low { border-color: green; }

.simplemap-popup-note-risk { font-weight: bold; font-size: 130%; }
.simplemap-popup--extreme .simplemap-popup-note-risk { color: #000; }
.simplemap-popup--veryHigh .simplemap-popup-note-risk { color: #691009; }
.simplemap-popup--high .simplemap-popup-note-risk { color: #d52b1e; }
.simplemap-popup--medium .simplemap-popup-note-risk { color: orange; }
.simplemap-popup--low .simplemap-popup-note-risk { color: green; }

.simplemap__table {
	width: 100%; 
	border-collapse: collapse; 
	font-size: 120%;
	margin-top: 2rem;
}

.simplemap__table th {
	position: sticky;
	top: 0;
	background-color: rgba(255,255,255,.8);
}

.simplemap__table th,
.simplemap__table td {
	padding: 10px;
	border-bottom: 1px solid #999;
}


.semafor {
	display: inline-block;
	border-radius: 50%;
	width: 15px;
	height: 15px;
}


.semafor--extreme { background-color: #000; }
.semafor--veryHigh { background-color: #691009; }
.semafor--high { background-color: #d52b1e; }
.semafor--medium { background-color: orange; }
.semafor--low { background-color: green; }

.ht {
	position: relative;
}

.ht:hover .tooltip {
    display:block;
}

.tooltip {
    display: none;
    color: white;
    background-color: black;
    padding: 15px;
    width: 60px;
    transform: translateX(-50%);
    position: absolute;
    z-index: 1000;
    
		width: 121px;
    top: -35px;
    left: 50%;
    text-align:center;
}