@charset "UTF-8";

:root {
  --surface-a: #1e1e1e;
  --surface-b: #121212;
  --surface-c: hsla(0, 0%, 100%, .04);
  --surface-d: hsla(0, 0%, 100%, .12);
  --surface-e: #1e1e1e;
  --surface-f: #262626;
  --text-color: rgba(255, 255, 255, 0.87);
  --text-color-secondary: #d8564d;
  --primary-color: #FF4337;
  --primary-color-text: #121212;
  --font-family: Montserrat-Medium, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
  --surface-0: #fdfdfd;
  --surface-50: #ffebee;
  --surface-100: #ffcdd2;
  --surface-200: #ef9a9a;
  --surface-300: #e57373;
  --surface-400: #FF372F;
  --surface-500: #F50800;
  --surface-600: #9E052B;
  --surface-700: #d32f2f;
  --surface-800: #952d2d;
  --surface-900: #78021F;
  --gray-5: #F8F8F8;
  --gray-10: #F4F4F4;
  --gray-50: #eeebea;
  --gray-100: #d9d9d6;
  --gray-200: #b8b8b8;
  --gray-300: #a0a0a0;
  --gray-400: #898989;
  --gray-500: #717171;
  --gray-600: #595959;
  --gray-700: #333d47;
  --gray-800: #2a2a2a;
  --gray-900: #1e242b;
  --secondary-color: #D8E5F0;
  --secondary-color-text: #333D47;
  --secondary-50: #F0F5F9;
  --secondary-100: #E2EBF3;
  --secondary-200: #D8E5F0;
  --secondary-300: #B6CEE2;
  --secondary-400: #A7C4DC;
  --secondary-500: #99BBD6;
  --secondary-600: #8AB1D0;
  --secondary-700: #7CA7CB;
  --secondary-800: #6D9DC5;
  --secondary-900: #5F94BF;
  --warning-color: #FFDFA4;
  --warning-color-text: #333D47;
  --warning-50: #FFEAC2;
  --warning-100: #FFDB99;
  --warning-200: #FFCE70;
  --warning-300: #FFB833;
  --warning-400: #FFA700;
  --warning-500: #E09200;
  --warning-600: #D98E00;
  --warning-700: #B87700;
  --warning-800: #A76D00;
  --warning-900: #7A5000;
  --content-padding: 1rem;
  --inline-spacing: 0.5rem;
}

body {
  padding: 0;
  margin: 0;
  /* font-family: 'Montserrat-Medium', Arial, sans-serif; */
  font-size: 14px;

}

html,
body,
#map {
  height: 100%;
  font-family: 'Montserrat-Medium', Arial, sans-serif;
  /* font-family: 'Ubuntu-Regular', Arial, sans-serif; */
  /* font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif; */
  font-size: 14px;
}


/*/////////////////////////////////////////////////////////////////*/
/* legend control */
.leaflet-legend {
  background-color: white;
}

.leaflet-legend-title {
  /* margin: 3px;
  padding-bottom: 5px; */
  font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
  font-size: 16px;
  font-weight: 100;
  padding: 5px 10px;
  height: 20px;
  line-height: 25px;
  background: #c6e1ec;
  color: #3d7489;
  text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.6);
  box-shadow:
    0px 0px 0px 1px rgba(155, 155, 155, 0.3),
    0px 2px 2px rgba(0, 0, 0, 0.1);
}

.leaflet-legend-column {
  float: left;
  margin-left: 5px;
  margin-top: 2px;
}

.leaflet-legend-item {
	font-family: 'Ubuntu-Regular', Arial, sans-serif;
  font-size: 12px;
  display: table;
  margin: 2px 0;
}

.leaflet-legend-item span {
  vertical-align: middle;
  display: table-cell;
  word-break: keep-all;
  white-space: nowrap;
  background-color: transparent;
  text-align: left;
}

/*/////////////////////////////////////////////////////////////////*/
/* zoom control */
.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
  font: bold 18px 'Lucida Console', Monaco, monospace;
  text-indent: 1px;
}

.leaflet-control-zoom-out {
  font-size: 20px;
}

.leaflet-touch .leaflet-control-zoom-in {
  font-size: 22px;
  /* background: #c6e1ec; */
  /* color: #3d7489; */

}

.leaflet-touch .leaflet-control-zoom-out {
  font-size: 24px;
  /* background: #c6e1ec; */
  /* color: #3d7489; */
}

.leaflet-touch .fullscreen-icon {
  background-position: 2px 2px;
  background-image: url(../../assets/images/icon-fullscreen.svg);
  /* background: #c6e1ec; */
  /* color: #3d7489; */
}

.fullscreen-icon {
  background-color: #c6e1ec;
  background-size: 26px 52px;
}

.leaflet-bar a:hover,
.leaflet-bar a:focus {
  background-color: #c6e1ec;
}

.leaflet-bar a {
  background-color: #c6e1ec;
  border-bottom: 1px solid #ccc;
  width: 26px;
  height: 26px;
  line-height: 26px;
  display: block;
  text-align: center;
  text-decoration: none;
  color: rgb(33, 33, 33);
}

.leaflet-bar a.leaflet-disabled {
  cursor: default;
  background-color: #c6e1ec;
  color: #bbb;
}

.leaflet-control-browser-print a {
  background-image: url(../../assets/images/printer.png);
  background-color: #c6e1ec !important;
  background-size: 16px 16px;
  display: block;
  border-radius: 2px;
}

.leaflet-legend-expanded .leaflet-legend-contents {
  display: block;
  padding: 6px 6px 6px 6px;
}

.leaflet-popup-content {
  margin: 10px;
  line-height: 1.4;
  font-size: 14px;
  font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
  min-height: 1px;
}
.leaflet-popup-content #titlePopup {
  font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
  font-size: 16px;
  font-weight: 100;
  padding: 5px 10px;
  height: 20px;
  line-height: 25px;
  background: #c6e1ec;
  color: #3d7489;
  text-shadow: 0px 1px 1px rgb(255 255 255 / 60%);
  box-shadow: 0px 0px 0px 1px rgb(155 155 155 / 30%), 0px 2px 2px rgb(0 0 0 / 10%);
}
.leaflet-popup-content-label {
  font-size: 12px;
  font-family: 'Ubuntu-Regular', Arial, sans-serif;
}
.leaflet-popup-content-wrapper {
  padding: 5px;
  text-align: left;
  border-radius: 0px;
}
.leaflet-popup-content-wrapper, .leaflet-popup-tip {
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#eaeaea));
	background: -webkit-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: -o-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: -ms-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: linear-gradient(top, #ffffff 1%,#eaeaea 100%);
  color: #333;
  box-shadow: 0 3px 14px rgb(0 0 0 / 40%);
}
/* div[id^="leaflet-control-popup"] > label {
	font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
	padding: 5px 10px;
	position: relative;
	z-index: 20;
	display: block;
	height: 20px;
	cursor: pointer;
	color: #777;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
	line-height: 25px;
	font-size: 16px;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#eaeaea));
	background: -webkit-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: -o-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: -ms-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
	box-shadow:
		0px 0px 0px 1px rgba(155,155,155,0.3),
		1px 0px 0px 0px rgba(255,255,255,0.9) inset,
		0px 2px 2px rgba(0,0,0,0.1);
    box-sizing: content-box;
    cursor:pointer;
    width: auto;
    margin: 0;
} */