@font-face {
 font-family: "IBMPlexMono";
 src: url("./fonts/IBMPlexMono-Regular.ttf") format("truetype");
}
@font-face {
 font-family: "Gotham";
 src: url("./fonts/Gotham-UltraItalic.otf") format("truetype");
}

html, body{
    font-family: IBMPlexMono;
} 

#map{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.mapboxgl-popup {
	font: 12px/20px 'Helvetica Neue', Arial, Helvetica, sans-serif;
	color: #937702;
}
.mapboxgl-popup-tip{
	visibility: hidden;
}
.mapboxgl-popup-content{
	border: 2px solid #ffe578;
	-webkit-box-shadow: 0px 0px 20px -2px rgba(255,255,255,1);
	-moz-box-shadow: 0px 0px 20px -2px rgba(255,255,255,1);
	box-shadow: 0px 0px 20px -2px rgba(255,255,255,1);
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

#btns{
	position: absolute;
	top: 10px;
	left: 10px;
}

#btn_geolocalise{
	width: 30px;
	height: 30px;
	margin: 5px 6px 5px 6px;
	cursor: pointer;
	background: url('../images/geo-demandlocalisation.svg') no-repeat center center;
}
#btn_geolocalise:hover,
#btn_geolocalise:focus{
	background: url('../images/geo-survol.svg') no-repeat center center;
}
#btn_geolocalise.active,
#btn_geolocalise.active:hover,
#btn_geolocalise.active:focus{
	background: url('../images/geo-localise.svg') no-repeat center center;
}

#btn_add{
	width: 30px;
	height: 30px;
	margin: 5px 6px 5px 6px;
	cursor: pointer;
	background: url('../images/sun-normal.svg') no-repeat center center;
}
#btn_add:hover,
#btn_add:focus{
	background: url('../images/sun-survol.svg') no-repeat center center;
}
#btn_add > div{
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}

#btn_gps{
	width: 30px;
	height: 30px;
	margin: 5px 6px 5px 6px;
	cursor: pointer;
	background: url('../images/gps-normal.svg') no-repeat center center;
}
#btn_gps:hover,
#btn_gps:focus{
	background: url('../images/gps-survol.svg') no-repeat center center;
}

#btn_info{
	width: 30px;
	height: 30px;
	margin: 5px 6px 5px 6px;
	cursor: pointer;
	background: url('../images/info-normal.svg') no-repeat center center;
}
#btn_info:hover,
#btn_info:focus{
	background: url('../images/info-survol.svg') no-repeat center center;
}


/*#btn_add:hover img,
#btn_add:focus img {
  filter: invert(0%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%);
}*/
.hide{
	display: none;
}

.btn.btn-custom1 {
    color: #fcf133;
    font-weight: 100;
    background-color: #282828;
    border-color: #282828;
}
.btn.btn-custom1:hover, .btn.btn-custom1:focus {
    color: #fcf133;
    background-color: #383838;
    border-color: #383838;
}
.btn.btn-custom2 {
    color: #939393;
    font-weight: 100;
    background-color: #282828;
    border-color: #282828;
}
.btn.btn-custom2:hover, .btn.btn-custom2:focus {
    color: #939393;
    background-color: #383838;
    border-color: #383838;
}

.mapboxgl-control-container{
	display: none;
}

.tooltip{
	margin-left: 10px;
	padding: 0;
}
.tooltip > .tooltip-inner {
  font-family: Gotham;
  background-color: rgba(255, 250, 57, 0.5); 
  color: #000000; 
  border: none;
  padding:0 10px;
  margin: 0;
  font-size: 14px;
}
.tooltip > .arrow {
  display: none;
}