body {
  //font-family: sans-serif;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  //"PT Sans Narrow", 
}
.card-body-icon {
	top: -5px !important;
	right: 10px !important;
	font-size: 2rem !important;
	-webkit-transform: rotate(0deg) !important;
	transform: rotate(0deg) !important;
}

.card-body {
	padding: 0.5rem !important;
}

#ocorrencias_estatisticas {
  font-family: "PT Sans", sans-serif;
	position: absolute;
	//float: right;
	/*top: 200px;*/
	bottom: 15px;
	//right: 45vw;
  //right: 20px;
  left: 20px;
	display: inline-block;
  vertical-align: middle;
	vertical-align: top !important;
	z-index: 500;
  text-align: center;
  font-size: 19px !important;
  color: white !important;
  outline: 1px solid white;
  outline-offset: -1px;
}
.nav-link {
  color: rgba(255,255,255,.9) !important;
}

#sidebar .nav-link {
  color: #0078A8 !important;
}
#sidebar .nav-link.active {
  color: #ffffff !important;
}
.leaflet-container.crosshair-cursor-enabled {
  cursor: crosshair;
}

#popup {
  height: 220px;
  width: 620px;
  background-color: #ffffff;
  opacity: 1;
  box-shadow: 1px 1px 1px #888888;

}

.modal-center {
  -webkit-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
  transform: translate(0,-50%);
  top: 10%;
  margin: 0 auto;
}

.modal-header {
  //background-color: #64ace3 ;
  padding:10px 10px 10px 10px;
  color:#FFF;
  border-bottom:1px #FFFFFF;
}

.circle {
  border-radius: 50% !important;
  border: 2px solid #cccccc;
}

.upload_files {
  padding-left: 5px;
  padding-right: 5px;
}

.carousel-control-prev-icon {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
    }

    .carousel-control-next-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
    }

     .tooltip {
        position: relative !important;
      }
      .modal-header {
        background-color: rgba(199, 40, 43, 1) !important;
      }
      .tbl_tipo_ocorrencias {
        height: 4vw;
        display: table-cell;
        vertical-align: middle;
        font-size: 14px;
        text-align: center;
        font-family: "PT Sans Narrow", sans-serif;
        color: white;
        list-style-type: none;
        min-width: 5%; 
        outline: 1px solid white;
        outline-offset: -1px;
        cursor: pointer;
        background-color: #54a3e7 !important;
      }
    .leaflet-sidebar .close {
      z-index: 5000 !important; 
      left: 5px !important;
      top: 15px !important;
      font-size: 24px !important;
    }
    .nav {
      padding-left: 15px !important;
    }

    .leaflet-control-attribution {
      display: none;
    }

    .modal-full {
      min-width: 100%;
      margin: 0;
    }

    .modal-full .modal-content {
        min-height: 100vh;
    }



    .marker-cluster-validacao-small {
  background-color: rgba(181, 226, 140, 0.6);
  }
.marker-cluster-validacao-small div {
  background-color: rgba(110, 204, 57, 0.6);
  }

.marker-cluster-validacao-medium {
  background-color: rgba(241, 211, 87, 0.6);
  }
.marker-cluster-validacao-medium div {
  background-color: rgba(240, 194, 12, 0.6);
  }

.marker-cluster-validacao-large {
  background-color: rgba(253, 156, 115, 0.6);
  }
.marker-cluster-validacao-large div {
  background-color: rgba(241, 128, 23, 0.6);
  }

  /* IE 6-8 fallback colors */
.leaflet-oldie .marker-cluster-validacao-small {
  background-color: rgb(181, 226, 140);
  }
.leaflet-oldie .marker-cluster-validacao-small div {
  background-color: rgb(110, 204, 57);
  }

.leaflet-oldie .marker-cluster-validacao-medium {
  background-color: rgb(241, 211, 87);
  }
.leaflet-oldie .marker-cluster-validacao-medium div {
  background-color: rgb(240, 194, 12);
  }

.leaflet-oldie .marker-cluster-validacao-large {
  background-color: rgb(253, 156, 115);
  }
.leaflet-oldie .marker-cluster-validacao-large div {
  background-color: rgb(241, 128, 23);
}

.marker-cluster-validacao {
  background-clip: padding-box;
  border-radius: 20px;
  }
.marker-cluster-validacao div {
  width: 30px;
  height: 30px;
  margin-left: 5px;
  margin-top: 5px;

  text-align: center;
  border-radius: 15px;
  font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif;
  }
.marker-cluster-validacao span {
  line-height: 30px;
  }