.leaflet-popup-content {
  width: 150px !important; }

.datepicker {
  z-index: 9999 !important; }

.tooltip {
  opacity: 1 !important; }
  .tooltip .tooltip-inner {
    background-color: var(--primary) !important;
    color: white;
    border-radius: 4px !important; }

.legenda {
  font-weight: bold;
  font-size: calc(18px + 0.1vw);
  color: var(--primary); }

.dot {
  height: 15px;
  width: 15px;
  border-radius: 50%;
  display: inline-block; }
  .dot-nd {
    background-color: #DFDFDF; }
  .dot-buona {
    background-color: #5EE3E9; }
  .dot-accettabile {
    background-color: #A0E632; }
  .dot-mediocre {
    background-color: #DAD247; }
  .dot-scadente {
    background-color: #F43D3B; }
  .dot-pessima {
    background-color: #7C01D0; }

.leaflet-top {
  z-index: 987 !important; }

.normativa {
  color: var(--primary); }
  .normativa-titolo {
    font-size: calc(18px + 0.1vw);
    font-weight: bold; }
  .normativa-sottotitolo {
    font-weight: thin; }
  .normativa-riga0 {
    color: black;
    font-weight: normal;
    font-size: 12px;
    border-bottom: 1px solid lightblue; }
  .normativa-riga1 {
    color: black;
    font-weight: normal;
    font-size: 12px; }
  .normativa-moreInfo {
    font-weight: bold;
    font-size: calc(18px + 0.1vw); }

sup {
  top: auto;
  position: static;
  vertical-align: super;
  font-size: 10px;
  line-height: 1.4; }

.leaflet-popup-content {
  width: auto; }

.ori-row {
  margin-right: -15px;
  margin-left: -15px; }

.base-color {
  color: #0063CC !important; }