@bmlt-enabled/croutonjs 3.21.0 → 3.21.2

package/crouton.css

@@ -209,7 +209,7 @@ span.bmlt_tabs_group_count {
 	background-color: #F1F1F1;
 }
 
-#bmlt-tabs .filterButton.btn.btn-primary.btn-sm:hover {
+#bmlt-tabs .groupingButton.btn.btn-primary.btn-sm:hover {
 	border-color: #fff;
 }
 
@@ -248,12 +248,12 @@ span.bmlt_tabs_group_count {
 	color: #000;
 }
 
-#bmlt-tabs .filterButton.btn.btn-primary.btn-sm.buttonHighlight {
+#bmlt-tabs .groupingButton.btn.btn-primary.btn-sm.buttonHighlight {
 	background-color: #DB4865;
 	color: #FFF;
 }
 
-#bmlt-tabs .filterButton.btn.btn-primary.btn-sm.buttonLowlight {
+#bmlt-tabs .groupingButton.btn.btn-primary.btn-sm.buttonLowlight {
 	background-color: #93C3CD;
 	color: #000;
 }
@@ -263,7 +263,7 @@ span.bmlt_tabs_group_count {
 	background-color: #DB4865;
 }
 
-#bmlt-tabs .filterButton {
+#bmlt-tabs .groupingButton {
 	color: #000;
 	background-color: #93c3cd;
 	margin-left: 2px;
@@ -296,7 +296,7 @@ span.bmlt_tabs_group_count {
 	max-width: 800px;
 }
 
-#bmlt-tabs #day.btn-sm,#bmlt-tabs .filterButton.btn-sm {
+#bmlt-tabs #day.btn-sm,#bmlt-tabs .groupingButton.btn-sm {
 	padding: 2px 10px;
 	font-size: inherit;
 	line-height: 1.6;
@@ -349,7 +349,7 @@ span.bmlt_tabs_group_count {
 		display: block !important;
 	}
 
-	#bmlt-tabs #day.btn-sm,#bmlt-tabs .filterButton.btn-sm {
+	#bmlt-tabs #day.btn-sm,#bmlt-tabs .groupingButton.btn-sm {
 		margin-bottom: 4px;
 	}
 
@@ -671,6 +671,552 @@ table.tablesaw {
 input#search_radius, input#search_count {
     width: auto;
 }
+div.bmlt_map_container_div
+{
+    width: 100%;
+    margin:auto;
+    left:0;
+	top:0;
+	height:640px;
+}
+
+div.bmlt_search_map_div {
+    width: 100%;
+    margin:auto;
+    left:0;
+	top:0;
+  height:100%;
+  z-index: 10;
+}
+div.bmlt_map_container_div .bmlt_map_throbber_div
+{
+    position:absolute;
+    top:50%;
+    left:50%;
+    height:48px;
+    width:48px;
+    margin:0;
+    margin-top:-24px;
+    margin-left:-24px;
+    z-index:10000;
+}
+div.bmlt_map_throbber_div {
+  background-color: transparent;
+  border: 0px;
+}
+div.bmlt_map_container_div .bmlt_map_throbber_div img
+{
+    display:block;
+    height:40px;
+    width:40px;
+    margin:4px;
+}
+
+div.bmlt_map_container_div .bmlt_search_map_div,
+div.bmlt_map_container_div .bmlt_map_throbber_div
+{
+    border: 1px solid #555;
+    border-radius: 3px;
+	-moz-border-radius:3px;
+	-webkit-border-radius: 3px;
+}
+
+div.bmlt_map_container_div div.bmlt_search_map_div
+{
+    width:100%;
+    margin:auto;
+    margin-top:2px;
+}
+.accordion {
+
+  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.25);
+  min-width: 200px !important;
+  /* Radio Inputs */
+  /* Labels */
+  /* Panel Content */
+}
+.accordion input[name='panel'] {
+  display: none;
+}
+.accordion label {
+  position: relative;
+  display: block;
+  padding-left: 1em;
+  padding-right: 1em;
+  padding-top: .25em;
+  padding-bottom: .25em;
+  background: linear-gradient(to bottom, #fefefe 0%, #d1d1d1 50%, #dbdbdb 55%, #e2e2e2 100%);
+  border-top: 1px solid #fff;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
+  box-shadow: inset 0 2px 0 #fff;
+  font-size: 14px;
+  font-weight: 700;
+  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
+  color: #666;
+  cursor: pointer;
+  transition: all 0.4s cubic-bezier(0.865, 0.14, 0.095, 0.87);
+}
+.accordion h4 {
+  padding-top: .25em;
+  font-size: 16px;
+  font-weight: bold;
+  margin-top: 8px;
+  margin-bottom: 8px;
+}
+.accordion label:after {
+  content: '+';
+  position: absolute;
+  right: 1em;
+  width: 1em;
+  height: 1em;
+  color: #eee;
+  text-align: center;
+  border-radius: 50%;
+  background: #27ae60;
+  box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.5), 0 1px 0 #fff;
+  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.75);
+}
+.accordion label:hover {
+  color: #444;
+}
+.accordion input:checked + label {
+  color: #222;
+}
+.accordion input:checked + label:after {
+  content: '-';
+  /* adjsut line-height to vertically center icon */
+  line-height: .8em;
+}
+.accordion .marker_div_meeting {
+  overflow: hidden;
+  height: 0px;
+  position: relative;
+  padding: 0 1.5em;
+  box-shadow: inset 4px 0 0 0 #27ae60, inset 0 3px 6px rgba(0, 0, 0, 0.75);
+  color: #444;
+  transition: height 0.4s cubic-bezier(0.865, 0.14, 0.095, 0.87);
+}
+.accordion .marker_div_meeting:not(:last-of-type) {
+  box-shadow: inset 0 -2px 2px rgba(0, 0, 0, 0.25), inset 4px 0 0 0 #27ae60, inset 0 3px 6px rgba(0, 0, 0, 0.75);
+}
+.accordion .marker_div_meeting .accordion__header {
+  padding: 1em 0;
+}
+.accordion .marker_div_meeting .accordion__body {
+  font-size: .825em;
+  line-height: 1.4em;
+}
+.active {
+  display: block;
+}
+.hidden {
+  display: none;
+}
+.hygene-button {
+  padding: 3px 5px;
+  font-size: 12px;
+  background-color: #F1F1F1;
+  color: #35414F;
+  border-color: #C5C5C5;
+  margin-bottom: 3px;
+}
+.bmlt-hygene-descr {
+  padding-top: 2px;
+  padding-bottom: 2px;
+  font-size: 12px;
+  border:0;
+}
+
+.bmlt-hygene-header {
+  font-weight: bold;
+  padding-bottom: 2px;
+  font-size:12px;
+  border:0;
+}
+input[name='panel']:checked ~ .marker_div_meeting {
+  height:auto;
+  overflow: auto !important;
+  padding-bottom:1em;
+}
+
+.onoffswitch {
+    position: relative; width: 170px !important;
+    opacity: 1 !important;
+    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
+}
+.onoffswitch-checkbox {
+    display: none !important;
+}
+.onoffswitch-label {
+    display: block; overflow: hidden; cursor: pointer;
+    border: 2px solid #2d5c88 !important; border-radius: 20px !important;
+    	    box-shadow: 0 1px 4px rgba(0,0,0,0.3);
+
+}
+.onoffswitch-inner {
+    display: block !important; width: 200% !important; margin-left: -100% !important;
+    transition: margin 0.3s ease-in 0s;
+}
+.onoffswitch-inner:before, .onoffswitch-inner:after {
+    display: block; float: left; width: 50%; height: 30px; line-height: 30px;
+    font-size: 14px !important; font-family: Roboto, Arial, sans-serif !important; font-weight: bold !important;
+    box-sizing: border-box !important;
+}
+
+.onoffswitch-switch {
+    display: block !important; width: 18px !important; margin: 6px !important;
+    background: #FFFFFF !important;
+    position: absolute; top: 0; bottom: 0;
+    right: 136px !important;
+    border: 2px solid #2d5c88 !important; border-radius: 20px;
+    transition: all 0.3s ease-in 0s;
+}
+.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
+    margin-left: 0 !important;
+}
+.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
+    right: 0px !important;
+}
+.mapSearchText {
+	background-color: #fff !important;
+	border: none !important;
+	outline: none !important;
+	font-size: 14px !important;font-family: Roboto, Arial, sans-serif !important; font-weight: bold !important;
+	border-radius: 2px !important;
+	box-shadow: 0 1px 4px rgba(0,0,0,0.3) !important;
+	cursor: pointer !important;
+	padding: 0px !important;
+	margin-left: 10px !important;
+	margin-bottom: 0px !important;
+	height: 30px !important;
+}
+.si-content-wrapper {
+	padding: 0;
+}
+
+div.bmlt_map_container_div  input {
+	width: 100%;
+	background-color: #fff;
+}
+div.bmlt_map_container_div  button {
+	background-color: #eeeeee !important;
+	color: #2d5c88 !important;
+}
+#open_filter {
+	width: inherit;
+}
+/* The Modal (background) */
+.modal {
+  font-size: 14px !important; color: black; font-family: Roboto, Arial, sans-serif !important;
+  display: none; /* Hidden by default */
+  position: fixed; /* Stay in place */
+  z-index: 1000; /* Sit on top */
+  left: 0;
+  top: 0;
+  width: 100%; /* Full width */
+  height: 100%; /* Full height */
+  overflow: auto !important; /* Enable scroll if needed */
+  background-color: rgb(0,0,0); /* Fallback color */
+  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
+}
+
+/* Modal Content/Box */
+.modal-content {
+  background-color: #fefefe;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  padding: 20px;
+  border: 1px solid #888;
+  line-height: 1.2;
+}
+#meeting_modal .modal-content {
+  transform: unset;
+  top: 10%;
+  left: 8%;
+  max-width: 85%;
+  overflow-y: auto;
+  overflow-x: hidden;
+}
+
+/* The Close Button */
+.modal-close {
+  color: #aaa;
+  float: right;
+  font-size: 28px;
+  font-weight: bold;
+  line-height: 0;
+}
+.modal-right {
+  color: #aaa;
+  font-size: 35px;
+  font-weight: bold;
+  position: absolute;
+  top: 50%;
+  right: 2px;
+  line-height: 38px;
+  opacity: 30%;
+  border-radius: 10px;
+  background-color: black;
+}
+.modal-left {
+  color: #aaa;
+  font-size: 35px;
+  font-weight: bold;
+  position: absolute;
+  top: 50%;
+  left: 2px;
+  line-height: 38px;
+  opacity: 30%;
+  border-radius: 10px;
+  background-color: black;
+}
+.table-close {
+  color: white;
+  float: right;
+  font-size: 20px;
+  font-weight: bold;
+}
+.map-list-title {
+  color: white;
+  font-weight:bold;
+  font-size: 20px;
+}
+.modal-search {
+  padding-top: 20px;
+  padding-bottom: 10px;
+}
+.modal-search .filter-button {
+  width: 100%
+}
+#goto-button {
+  margin-top: 10px;
+}
+.modal-close:hover,
+.modal-close:focus {
+  color: black;
+  text-decoration: none;
+  cursor: pointer;
+}
+.modal-title {
+	font-size: 18px;
+	text-align: left;
+}
+#filter_modal p {
+	margin-top: .5em;
+	margin-bottom: 0;
+}
+.filter-button {
+  background-color: #1abc9c;
+  color: #fff;
+  margin: 10px;
+  border-radius: 3px;
+  padding: .3em .5em;
+}
+
+/* Style the buttons inside the tab */
+#modal-tab button {
+  float: left;
+  border: none;
+  outline: none;
+  cursor: pointer;
+  padding: 8px 8px;
+  transition: 0.3s;
+  font-size: 13px;
+	margin-left: 2px;
+	margin-top: 6px;
+	border-color: #C5C5C5 !important;
+		color: #FFF !important;
+	background-color: #DB4865 !important;
+}
+#table_content {
+  font-size: 14px !important; font-family: Roboto, Arial, sans-serif !important;
+  transform: translate(-50%, 0px);
+  top: 15%;
+  width: 75%;
+}
+#table_content h4 {
+  font-size: 14px;
+  font-weight: bold;
+      margin-top: 0;
+    line-height: 1.2;
+}
+.modal_times {
+  font-size: 14px;
+  font-weight: bold;
+  color: #DB4865;
+}
+#table_content .meeting-header{
+  background-color: #93c3cd !important;
+  font-size: 14px;
+  font-weight: 700 !important;
+  color: #000 !important;
+}
+
+#modal-day-button {
+	margin-left:6px;
+}
+
+/* Change background color of buttons on hover */
+#modal-tab button:hover {
+  background-color: #F1F1F1 !important;
+  border-color: #fff !important;
+}
+
+/* Create an active/current tablink class */
+#modal-tab button.active {
+    color: #000 !important;
+	background-color: #93c3cd !important;
+}
+
+/* Style the tab content */
+.modal-tabcontent {
+  display: none;
+  padding: 4px 4px;
+  border: 1px solid #ccc;
+  border-top: none;
+  background-color: #35414F;
+}
+.modal-tabcontent td {
+	background-color: inherit;
+}
+
+
+.modal-tabcontent tr:nth-child(even) {
+	background-color: #F2F2F2 !important;
+}
+
+.modal-tabcontent tr:nth-child(odd) {
+	background: #FFF;
+}
+
+#bmlt-tabs td {
+/* border-top: 0; */
+	padding: .8em;
+}
+.menu-button {
+        background-color: #EEEEEE !important;
+        color: #2d5c88 !important;
+	    outline: none;
+	    width: 55px;
+	    height: 32px;
+    	border: 2px solid #2d5c88 !important; border-radius: 20px !important;
+	    box-shadow: 0 1px 4px rgba(0,0,0,0.3);
+	    cursor: pointer;
+	    margin-right: 10px;
+	    margin-top: 10px;
+	    padding: 0px;
+}
+.menu-button:hover, .menu-button:focus {
+	background-color: #EEEEEE !important;
+}
+.menu-button-label {
+    position: relative;
+    top: -12px;
+    left: -0.3em;
+    font-weight: bold;
+    font-size: 14px;
+    color: #2d5c88 !important;
+
+}
+#map-search-button {
+  width: fit-content;
+  height: fit-content;
+}
+#map-search-button .menu-button-label {
+  margin: 10px;
+}
+.menu-button-child {
+	    width: 32px;
+	    height: 32px;
+	    background-size: 32px 32px;
+	    background-position: 1px -2px;
+	    background-repeat: no-repeat;
+	    font-size: 14px;
+	    display: inline-block;
+}
+.menu-button-childSmall {
+	    width: 32px;
+	    height: 32px;
+	    background-size: 24px 24px;
+	    background-position: 1px 2px;
+	    background-repeat: no-repeat;
+	    font-size: 14px;
+	    display: inline-block;
+}
+.menu-dropdown {
+		display: none;
+    background-color: #EEEEEE;
+    color: #2d5c88;
+	    position: absolute;
+	    top: 45px;
+	    right: 10px;
+	    border-radius: 2px;
+	    box-shadow: 0 1px 4px rgba(0,0,0,0.3);
+	    min-width: 160px;
+}
+.menu-dropdown button {
+  color: black;
+  padding: 12px 16px;
+  font-size: 14px !important; font-family: Roboto, Arial, sans-serif !important;
+  font-weight: bold;
+  text-decoration: none;
+  display: block;
+  width: 100%;
+  background-color: #EEEEEE;
+}
+.leaflet-popup-content {
+  margin: 0px 0px;
+}
+
+.leaflet-pseudo-fullscreen {
+  position:fixed!important;
+  width:100%!important;
+  height:100%!important;
+  top:0!important;
+  left:0!important;
+  z-index:99999;
+  }
+  .gm-style-iw-d {
+    overflow: hidden !important;
+  }
+  .gm-style .gm-style-iw-c {
+    padding: 0px;
+  }
+#bmlt-map button.gm-ui-hover-effect, #byfield_embeddedMapPage .gm-ui-hover-effect {
+    right: 0px;
+    z-index: 999;
+    width: 20px !important;
+    height: 20px !important;
+  }
+  .gm-ui-hover-effect>span {
+    position: relative;
+    bottom: 13px;
+    right: 13px;
+}
+  #bmlt-map .gm-style-iw-chr, #byfield_embeddedMapPage .gm-style-iw-chr {
+    height: 0 !important;
+  }
+  @media (max-width: 767px) {
+    #bmltsearch_content {
+      width: 80%;
+    }
+  }
+  #modal-search-box {
+      padding: 5px;
+      border-style: solid;
+      border-width: 1px;
+      border-color: black;
+    margin-top: 10px;
+  }
+  #bmltsearch_modal .modal-title {
+    margin: 20px 0 10px 0;
+  }
+  button.advanced-search-button {
+    float: right;
+    margin-top: 20px;
+  }
 /* required styles */
 
 .leaflet-pane,
@@ -1141,797 +1687,251 @@ svg.leaflet-image-layer.leaflet-interactive path {
 	text-align: center;
 	margin-bottom: 20px;
 	}
-.leaflet-popup-content-wrapper {
-	padding: 1px;
-	text-align: left;
-	border-radius: 12px;
-	}
-.leaflet-popup-content {
-	margin: 13px 19px;
-	line-height: 1.4;
-	}
-.leaflet-popup-content p {
-	margin: 18px 0;
-	}
-.leaflet-popup-tip-container {
-	width: 40px;
-	height: 20px;
-	position: absolute;
-	left: 50%;
-	margin-left: -20px;
-	overflow: hidden;
-	pointer-events: none;
-	}
-.leaflet-popup-tip {
-	width: 17px;
-	height: 17px;
-	padding: 1px;
-
-	margin: -10px auto 0;
-
-	-webkit-transform: rotate(45deg);
-	   -moz-transform: rotate(45deg);
-	    -ms-transform: rotate(45deg);
-	        transform: rotate(45deg);
-	}
-.leaflet-popup-content-wrapper,
-.leaflet-popup-tip {
-	background: white;
-	color: #333;
-	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
-	}
-.leaflet-container a.leaflet-popup-close-button {
-	position: absolute;
-	top: 0;
-	right: 0;
-	padding: 4px 4px 0 0;
-	border: none;
-	text-align: center;
-	width: 18px;
-	height: 14px;
-	font: 16px/14px Tahoma, Verdana, sans-serif;
-	color: #c3c3c3;
-	text-decoration: none;
-	font-weight: bold;
-	background: transparent;
-	}
-.leaflet-container a.leaflet-popup-close-button:hover {
-	color: #999;
-	}
-.leaflet-popup-scrolled {
-	overflow: auto;
-	border-bottom: 1px solid #ddd;
-	border-top: 1px solid #ddd;
-	}
-
-.leaflet-oldie .leaflet-popup-content-wrapper {
-	zoom: 1;
-	}
-.leaflet-oldie .leaflet-popup-tip {
-	width: 24px;
-	margin: 0 auto;
-
-	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
-	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
-	}
-.leaflet-oldie .leaflet-popup-tip-container {
-	margin-top: -1px;
-	}
-
-.leaflet-oldie .leaflet-control-zoom,
-.leaflet-oldie .leaflet-control-layers,
-.leaflet-oldie .leaflet-popup-content-wrapper,
-.leaflet-oldie .leaflet-popup-tip {
-	border: 1px solid #999;
-	}
-
-
-/* div icon */
-
-.leaflet-div-icon {
-	background: #fff;
-	border: 1px solid #666;
-	}
-
-
-/* Tooltip */
-/* Base styles for the element that has a tooltip */
-.leaflet-tooltip {
-	position: absolute;
-	padding: 6px;
-	background-color: #fff;
-	border: 1px solid #fff;
-	border-radius: 3px;
-	color: #222;
-	white-space: nowrap;
-	-webkit-user-select: none;
-	-moz-user-select: none;
-	-ms-user-select: none;
-	user-select: none;
-	pointer-events: none;
-	box-shadow: 0 1px 3px rgba(0,0,0,0.4);
-	}
-.leaflet-tooltip.leaflet-clickable {
-	cursor: pointer;
-	pointer-events: auto;
-	}
-.leaflet-tooltip-top:before,
-.leaflet-tooltip-bottom:before,
-.leaflet-tooltip-left:before,
-.leaflet-tooltip-right:before {
-	position: absolute;
-	pointer-events: none;
-	border: 6px solid transparent;
-	background: transparent;
-	content: "";
-	}
-
-/* Directions */
-
-.leaflet-tooltip-bottom {
-	margin-top: 6px;
-}
-.leaflet-tooltip-top {
-	margin-top: -6px;
-}
-.leaflet-tooltip-bottom:before,
-.leaflet-tooltip-top:before {
-	left: 50%;
-	margin-left: -6px;
-	}
-.leaflet-tooltip-top:before {
-	bottom: 0;
-	margin-bottom: -12px;
-	border-top-color: #fff;
-	}
-.leaflet-tooltip-bottom:before {
-	top: 0;
-	margin-top: -12px;
-	margin-left: -6px;
-	border-bottom-color: #fff;
-	}
-.leaflet-tooltip-left {
-	margin-left: -6px;
-}
-.leaflet-tooltip-right {
-	margin-left: 6px;
-}
-.leaflet-tooltip-left:before,
-.leaflet-tooltip-right:before {
-	top: 50%;
-	margin-top: -6px;
-	}
-.leaflet-tooltip-left:before {
-	right: 0;
-	margin-right: -12px;
-	border-left-color: #fff;
-	}
-.leaflet-tooltip-right:before {
-	left: 0;
-	margin-left: -12px;
-	border-right-color: #fff;
-	}
-.leaflet-container.crosshair-cursor-enabled {
-		cursor:crosshair;
-	}
-.leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow {
-	-webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-in;
-	-moz-transition: -moz-transform 0.3s ease-out, opacity 0.3s ease-in;
-	-o-transition: -o-transform 0.3s ease-out, opacity 0.3s ease-in;
-	transition: transform 0.3s ease-out, opacity 0.3s ease-in;
-}
-
-.leaflet-cluster-spider-leg {
-	/* stroke-dashoffset (duration and function) should match with leaflet-marker-icon transform in order to track it exactly */
-	-webkit-transition: -webkit-stroke-dashoffset 0.3s ease-out, -webkit-stroke-opacity 0.3s ease-in;
-	-moz-transition: -moz-stroke-dashoffset 0.3s ease-out, -moz-stroke-opacity 0.3s ease-in;
-	-o-transition: -o-stroke-dashoffset 0.3s ease-out, -o-stroke-opacity 0.3s ease-in;
-	transition: stroke-dashoffset 0.3s ease-out, stroke-opacity 0.3s ease-in;
-}
-
-.marker-cluster-small {
-	background-color: rgba(181, 226, 140, 0.6);
-	}
-.marker-cluster-small div {
-	background-color: rgba(110, 204, 57, 0.6);
-	}
-
-.marker-cluster-medium {
-	background-color: rgba(241, 211, 87, 0.6);
+.leaflet-popup-content-wrapper {
+	padding: 1px;
+	text-align: left;
+	border-radius: 12px;
 	}
-.marker-cluster-medium div {
-	background-color: rgba(240, 194, 12, 0.6);
+.leaflet-popup-content {
+	margin: 13px 19px;
+	line-height: 1.4;
 	}
-
-.marker-cluster-large {
-	background-color: rgba(253, 156, 115, 0.6);
+.leaflet-popup-content p {
+	margin: 18px 0;
 	}
-.marker-cluster-large div {
-	background-color: rgba(241, 128, 23, 0.6);
+.leaflet-popup-tip-container {
+	width: 40px;
+	height: 20px;
+	position: absolute;
+	left: 50%;
+	margin-left: -20px;
+	overflow: hidden;
+	pointer-events: none;
 	}
+.leaflet-popup-tip {
+	width: 17px;
+	height: 17px;
+	padding: 1px;
 
-	/* IE 6-8 fallback colors */
-.leaflet-oldie .marker-cluster-small {
-	background-color: rgb(181, 226, 140);
+	margin: -10px auto 0;
+
+	-webkit-transform: rotate(45deg);
+	   -moz-transform: rotate(45deg);
+	    -ms-transform: rotate(45deg);
+	        transform: rotate(45deg);
 	}
-.leaflet-oldie .marker-cluster-small div {
-	background-color: rgb(110, 204, 57);
+.leaflet-popup-content-wrapper,
+.leaflet-popup-tip {
+	background: white;
+	color: #333;
+	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
 	}
-
-.leaflet-oldie .marker-cluster-medium {
-	background-color: rgb(241, 211, 87);
+.leaflet-container a.leaflet-popup-close-button {
+	position: absolute;
+	top: 0;
+	right: 0;
+	padding: 4px 4px 0 0;
+	border: none;
+	text-align: center;
+	width: 18px;
+	height: 14px;
+	font: 16px/14px Tahoma, Verdana, sans-serif;
+	color: #c3c3c3;
+	text-decoration: none;
+	font-weight: bold;
+	background: transparent;
 	}
-.leaflet-oldie .marker-cluster-medium div {
-	background-color: rgb(240, 194, 12);
+.leaflet-container a.leaflet-popup-close-button:hover {
+	color: #999;
 	}
-
-.leaflet-oldie .marker-cluster-large {
-	background-color: rgb(253, 156, 115);
+.leaflet-popup-scrolled {
+	overflow: auto;
+	border-bottom: 1px solid #ddd;
+	border-top: 1px solid #ddd;
 	}
-.leaflet-oldie .marker-cluster-large div {
-	background-color: rgb(241, 128, 23);
-}
 
-.marker-cluster {
-	background-clip: padding-box;
-	border-radius: 20px;
+.leaflet-oldie .leaflet-popup-content-wrapper {
+	zoom: 1;
 	}
-.marker-cluster div {
-	width: 30px;
-	height: 30px;
-	margin-left: 5px;
-	margin-top: 5px;
+.leaflet-oldie .leaflet-popup-tip {
+	width: 24px;
+	margin: 0 auto;
 
-	text-align: center;
-	border-radius: 15px;
-	font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif;
-	}
-.marker-cluster span {
-	line-height: 30px;
+	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
+	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
+	}
+.leaflet-oldie .leaflet-popup-tip-container {
+	margin-top: -1px;
 	}
-div.bmlt_map_container_div
-{
-    width: 100%;
-    margin:auto;
-    left:0;
-	top:0;
-	height:640px;
-}
-
-div.bmlt_search_map_div {
-    width: 100%;
-    margin:auto;
-    left:0;
-	top:0;
-  height:100%;
-  z-index: 10;
-}
-div.bmlt_map_container_div .bmlt_map_throbber_div
-{
-    position:absolute;
-    top:50%;
-    left:50%;
-    height:48px;
-    width:48px;
-    margin:0;
-    margin-top:-24px;
-    margin-left:-24px;
-    z-index:10000;
-}
-div.bmlt_map_throbber_div {
-  background-color: transparent;
-  border: 0px;
-}
-div.bmlt_map_container_div .bmlt_map_throbber_div img
-{
-    display:block;
-    height:40px;
-    width:40px;
-    margin:4px;
-}
-
-div.bmlt_map_container_div .bmlt_search_map_div,
-div.bmlt_map_container_div .bmlt_map_throbber_div
-{
-    border: 1px solid #555;
-    border-radius: 3px;
-	-moz-border-radius:3px;
-	-webkit-border-radius: 3px;
-}
-
-div.bmlt_map_container_div div.bmlt_search_map_div
-{
-    width:100%;
-    margin:auto;
-    margin-top:2px;
-}
-.accordion {
-
-  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.25);
-  min-width: 200px !important;
-  /* Radio Inputs */
-  /* Labels */
-  /* Panel Content */
-}
-.accordion input[name='panel'] {
-  display: none;
-}
-.accordion label {
-  position: relative;
-  display: block;
-  padding-left: 1em;
-  padding-right: 1em;
-  padding-top: .25em;
-  padding-bottom: .25em;
-  background: linear-gradient(to bottom, #fefefe 0%, #d1d1d1 50%, #dbdbdb 55%, #e2e2e2 100%);
-  border-top: 1px solid #fff;
-  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
-  box-shadow: inset 0 2px 0 #fff;
-  font-size: 14px;
-  font-weight: 700;
-  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
-  color: #666;
-  cursor: pointer;
-  transition: all 0.4s cubic-bezier(0.865, 0.14, 0.095, 0.87);
-}
-.accordion h4 {
-  padding-top: .25em;
-  font-size: 16px;
-  font-weight: bold;
-  margin-top: 8px;
-  margin-bottom: 8px;
-}
-.accordion label:after {
-  content: '+';
-  position: absolute;
-  right: 1em;
-  width: 1em;
-  height: 1em;
-  color: #eee;
-  text-align: center;
-  border-radius: 50%;
-  background: #27ae60;
-  box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.5), 0 1px 0 #fff;
-  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.75);
-}
-.accordion label:hover {
-  color: #444;
-}
-.accordion input:checked + label {
-  color: #222;
-}
-.accordion input:checked + label:after {
-  content: '-';
-  /* adjsut line-height to vertically center icon */
-  line-height: .8em;
-}
-.accordion .marker_div_meeting {
-  overflow: hidden;
-  height: 0px;
-  position: relative;
-  padding: 0 1.5em;
-  box-shadow: inset 4px 0 0 0 #27ae60, inset 0 3px 6px rgba(0, 0, 0, 0.75);
-  color: #444;
-  transition: height 0.4s cubic-bezier(0.865, 0.14, 0.095, 0.87);
-}
-.accordion .marker_div_meeting:not(:last-of-type) {
-  box-shadow: inset 0 -2px 2px rgba(0, 0, 0, 0.25), inset 4px 0 0 0 #27ae60, inset 0 3px 6px rgba(0, 0, 0, 0.75);
-}
-.accordion .marker_div_meeting .accordion__header {
-  padding: 1em 0;
-}
-.accordion .marker_div_meeting .accordion__body {
-  font-size: .825em;
-  line-height: 1.4em;
-}
-.active {
-  display: block;
-}
-.hidden {
-  display: none;
-}
-.hygene-button {
-  padding: 3px 5px;
-  font-size: 12px;
-  background-color: #F1F1F1;
-  color: #35414F;
-  border-color: #C5C5C5;
-  margin-bottom: 3px;
-}
-.bmlt-hygene-descr {
-  padding-top: 2px;
-  padding-bottom: 2px;
-  font-size: 12px;
-  border:0;
-}
 
-.bmlt-hygene-header {
-  font-weight: bold;
-  padding-bottom: 2px;
-  font-size:12px;
-  border:0;
-}
-input[name='panel']:checked ~ .marker_div_meeting {
-  height:auto;
-  overflow: auto !important;
-  padding-bottom:1em;
-}
+.leaflet-oldie .leaflet-control-zoom,
+.leaflet-oldie .leaflet-control-layers,
+.leaflet-oldie .leaflet-popup-content-wrapper,
+.leaflet-oldie .leaflet-popup-tip {
+	border: 1px solid #999;
+	}
 
-.onoffswitch {
-    position: relative; width: 170px !important;
-    opacity: 1 !important;
-    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
-}
-.onoffswitch-checkbox {
-    display: none !important;
-}
-.onoffswitch-label {
-    display: block; overflow: hidden; cursor: pointer;
-    border: 2px solid #2d5c88 !important; border-radius: 20px !important;
-    	    box-shadow: 0 1px 4px rgba(0,0,0,0.3);
 
-}
-.onoffswitch-inner {
-    display: block !important; width: 200% !important; margin-left: -100% !important;
-    transition: margin 0.3s ease-in 0s;
-}
-.onoffswitch-inner:before, .onoffswitch-inner:after {
-    display: block; float: left; width: 50%; height: 30px; line-height: 30px;
-    font-size: 14px !important; font-family: Roboto, Arial, sans-serif !important; font-weight: bold !important;
-    box-sizing: border-box !important;
-}
+/* div icon */
 
-.onoffswitch-switch {
-    display: block !important; width: 18px !important; margin: 6px !important;
-    background: #FFFFFF !important;
-    position: absolute; top: 0; bottom: 0;
-    right: 136px !important;
-    border: 2px solid #2d5c88 !important; border-radius: 20px;
-    transition: all 0.3s ease-in 0s;
-}
-.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
-    margin-left: 0 !important;
-}
-.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
-    right: 0px !important;
-}
-.mapSearchText {
-	background-color: #fff !important;
-	border: none !important;
-	outline: none !important;
-	font-size: 14px !important;font-family: Roboto, Arial, sans-serif !important; font-weight: bold !important;
-	border-radius: 2px !important;
-	box-shadow: 0 1px 4px rgba(0,0,0,0.3) !important;
-	cursor: pointer !important;
-	padding: 0px !important;
-	margin-left: 10px !important;
-	margin-bottom: 0px !important;
-	height: 30px !important;
-}
-.si-content-wrapper {
-	padding: 0;
-}
+.leaflet-div-icon {
+	background: #fff;
+	border: 1px solid #666;
+	}
 
-div.bmlt_map_container_div  input {
-	width: 100%;
-	background-color: #fff;
-}
-div.bmlt_map_container_div  button {
-	background-color: #eeeeee !important;
-	color: #2d5c88 !important;
-}
-#open_filter {
-	width: inherit;
-}
-/* The Modal (background) */
-.modal {
-  font-size: 14px !important; color: black; font-family: Roboto, Arial, sans-serif !important;
-  display: none; /* Hidden by default */
-  position: fixed; /* Stay in place */
-  z-index: 1000; /* Sit on top */
-  left: 0;
-  top: 0;
-  width: 100%; /* Full width */
-  height: 100%; /* Full height */
-  overflow: auto !important; /* Enable scroll if needed */
-  background-color: rgb(0,0,0); /* Fallback color */
-  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
-}
 
-/* Modal Content/Box */
-.modal-content {
-  background-color: #fefefe;
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  padding: 20px;
-  border: 1px solid #888;
-  line-height: 1.2;
-}
-#meeting_modal .modal-content {
-  transform: unset;
-  top: 10%;
-  left: 8%;
-  max-width: 85%;
-  overflow-y: auto;
-  overflow-x: hidden;
-}
+/* Tooltip */
+/* Base styles for the element that has a tooltip */
+.leaflet-tooltip {
+	position: absolute;
+	padding: 6px;
+	background-color: #fff;
+	border: 1px solid #fff;
+	border-radius: 3px;
+	color: #222;
+	white-space: nowrap;
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	user-select: none;
+	pointer-events: none;
+	box-shadow: 0 1px 3px rgba(0,0,0,0.4);
+	}
+.leaflet-tooltip.leaflet-clickable {
+	cursor: pointer;
+	pointer-events: auto;
+	}
+.leaflet-tooltip-top:before,
+.leaflet-tooltip-bottom:before,
+.leaflet-tooltip-left:before,
+.leaflet-tooltip-right:before {
+	position: absolute;
+	pointer-events: none;
+	border: 6px solid transparent;
+	background: transparent;
+	content: "";
+	}
 
-/* The Close Button */
-.modal-close {
-  color: #aaa;
-  float: right;
-  font-size: 28px;
-  font-weight: bold;
-  line-height: 0;
-}
-.modal-right {
-  color: #aaa;
-  font-size: 35px;
-  font-weight: bold;
-  position: absolute;
-  top: 50%;
-  right: 2px;
-  line-height: 38px;
-  opacity: 30%;
-  border-radius: 10px;
-  background-color: black;
-}
-.modal-left {
-  color: #aaa;
-  font-size: 35px;
-  font-weight: bold;
-  position: absolute;
-  top: 50%;
-  left: 2px;
-  line-height: 38px;
-  opacity: 30%;
-  border-radius: 10px;
-  background-color: black;
-}
-.table-close {
-  color: white;
-  float: right;
-  font-size: 20px;
-  font-weight: bold;
-}
-.map-list-title {
-  color: white;
-  font-weight:bold;
-  font-size: 20px;
-}
-.modal-search {
-  padding-top: 20px;
-  padding-bottom: 10px;
-}
-.modal-search .filter-button {
-  width: 100%
-}
-#goto-button {
-  margin-top: 10px;
-}
-.modal-close:hover,
-.modal-close:focus {
-  color: black;
-  text-decoration: none;
-  cursor: pointer;
-}
-.modal-title {
-	font-size: 18px;
-	text-align: left;
-}
-#filter_modal p {
-	margin-top: .5em;
-	margin-bottom: 0;
-}
-.filter-button {
-  background-color: #1abc9c;
-  color: #fff;
-  margin: 10px;
-  border-radius: 3px;
-  padding: .3em .5em;
-}
+/* Directions */
 
-/* Style the buttons inside the tab */
-#modal-tab button {
-  float: left;
-  border: none;
-  outline: none;
-  cursor: pointer;
-  padding: 8px 8px;
-  transition: 0.3s;
-  font-size: 13px;
-	margin-left: 2px;
+.leaflet-tooltip-bottom {
 	margin-top: 6px;
-	border-color: #C5C5C5 !important;
-		color: #FFF !important;
-	background-color: #DB4865 !important;
-}
-#table_content {
-  font-size: 14px !important; font-family: Roboto, Arial, sans-serif !important;
-  transform: translate(-50%, 0px);
-  top: 15%;
-  width: 75%;
 }
-#table_content h4 {
-  font-size: 14px;
-  font-weight: bold;
-      margin-top: 0;
-    line-height: 1.2;
+.leaflet-tooltip-top {
+	margin-top: -6px;
 }
-.modal_times {
-  font-size: 14px;
-  font-weight: bold;
-  color: #DB4865;
+.leaflet-tooltip-bottom:before,
+.leaflet-tooltip-top:before {
+	left: 50%;
+	margin-left: -6px;
+	}
+.leaflet-tooltip-top:before {
+	bottom: 0;
+	margin-bottom: -12px;
+	border-top-color: #fff;
+	}
+.leaflet-tooltip-bottom:before {
+	top: 0;
+	margin-top: -12px;
+	margin-left: -6px;
+	border-bottom-color: #fff;
+	}
+.leaflet-tooltip-left {
+	margin-left: -6px;
 }
-#table_content .meeting-header{
-  background-color: #93c3cd !important;
-  font-size: 14px;
-  font-weight: 700 !important;
-  color: #000 !important;
+.leaflet-tooltip-right {
+	margin-left: 6px;
 }
-
-#modal-day-button {
-	margin-left:6px;
+.leaflet-tooltip-left:before,
+.leaflet-tooltip-right:before {
+	top: 50%;
+	margin-top: -6px;
+	}
+.leaflet-tooltip-left:before {
+	right: 0;
+	margin-right: -12px;
+	border-left-color: #fff;
+	}
+.leaflet-tooltip-right:before {
+	left: 0;
+	margin-left: -12px;
+	border-right-color: #fff;
+	}
+.leaflet-container.crosshair-cursor-enabled {
+		cursor:crosshair;
+	}
+.leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow {
+	-webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-in;
+	-moz-transition: -moz-transform 0.3s ease-out, opacity 0.3s ease-in;
+	-o-transition: -o-transform 0.3s ease-out, opacity 0.3s ease-in;
+	transition: transform 0.3s ease-out, opacity 0.3s ease-in;
 }
 
-/* Change background color of buttons on hover */
-#modal-tab button:hover {
-  background-color: #F1F1F1 !important;
-  border-color: #fff !important;
+.leaflet-cluster-spider-leg {
+	/* stroke-dashoffset (duration and function) should match with leaflet-marker-icon transform in order to track it exactly */
+	-webkit-transition: -webkit-stroke-dashoffset 0.3s ease-out, -webkit-stroke-opacity 0.3s ease-in;
+	-moz-transition: -moz-stroke-dashoffset 0.3s ease-out, -moz-stroke-opacity 0.3s ease-in;
+	-o-transition: -o-stroke-dashoffset 0.3s ease-out, -o-stroke-opacity 0.3s ease-in;
+	transition: stroke-dashoffset 0.3s ease-out, stroke-opacity 0.3s ease-in;
 }
 
-/* Create an active/current tablink class */
-#modal-tab button.active {
-    color: #000 !important;
-	background-color: #93c3cd !important;
-}
+.marker-cluster-small {
+	background-color: rgba(181, 226, 140, 0.6);
+	}
+.marker-cluster-small div {
+	background-color: rgba(110, 204, 57, 0.6);
+	}
 
-/* Style the tab content */
-.modal-tabcontent {
-  display: none;
-  padding: 4px 4px;
-  border: 1px solid #ccc;
-  border-top: none;
-  background-color: #35414F;
-}
-.modal-tabcontent td {
-	background-color: inherit;
-}
+.marker-cluster-medium {
+	background-color: rgba(241, 211, 87, 0.6);
+	}
+.marker-cluster-medium div {
+	background-color: rgba(240, 194, 12, 0.6);
+	}
 
+.marker-cluster-large {
+	background-color: rgba(253, 156, 115, 0.6);
+	}
+.marker-cluster-large div {
+	background-color: rgba(241, 128, 23, 0.6);
+	}
 
-.modal-tabcontent tr:nth-child(even) {
-	background-color: #F2F2F2 !important;
-}
+	/* IE 6-8 fallback colors */
+.leaflet-oldie .marker-cluster-small {
+	background-color: rgb(181, 226, 140);
+	}
+.leaflet-oldie .marker-cluster-small div {
+	background-color: rgb(110, 204, 57);
+	}
 
-.modal-tabcontent tr:nth-child(odd) {
-	background: #FFF;
-}
+.leaflet-oldie .marker-cluster-medium {
+	background-color: rgb(241, 211, 87);
+	}
+.leaflet-oldie .marker-cluster-medium div {
+	background-color: rgb(240, 194, 12);
+	}
 
-#bmlt-tabs td {
-/* border-top: 0; */
-	padding: .8em;
-}
-.menu-button {
-        background-color: #EEEEEE !important;
-        color: #2d5c88 !important;
-	    outline: none;
-	    width: 55px;
-	    height: 32px;
-    	border: 2px solid #2d5c88 !important; border-radius: 20px !important;
-	    box-shadow: 0 1px 4px rgba(0,0,0,0.3);
-	    cursor: pointer;
-	    margin-right: 10px;
-	    margin-top: 10px;
-	    padding: 0px;
-}
-.menu-button:hover, .menu-button:focus {
-	background-color: #EEEEEE !important;
+.leaflet-oldie .marker-cluster-large {
+	background-color: rgb(253, 156, 115);
+	}
+.leaflet-oldie .marker-cluster-large div {
+	background-color: rgb(241, 128, 23);
 }
-.menu-button-label {
-    position: relative;
-    top: -12px;
-    left: -0.3em;
-    font-weight: bold;
-    font-size: 14px;
-    color: #2d5c88 !important;
 
-}
-#map-search-button {
-  width: fit-content;
-  height: fit-content;
-}
-#map-search-button .menu-button-label {
-  margin: 10px;
-}
-.menu-button-child {
-	    width: 32px;
-	    height: 32px;
-	    background-size: 32px 32px;
-	    background-position: 1px -2px;
-	    background-repeat: no-repeat;
-	    font-size: 14px;
-	    display: inline-block;
-}
-.menu-button-childSmall {
-	    width: 32px;
-	    height: 32px;
-	    background-size: 24px 24px;
-	    background-position: 1px 2px;
-	    background-repeat: no-repeat;
-	    font-size: 14px;
-	    display: inline-block;
-}
-.menu-dropdown {
-		display: none;
-    background-color: #EEEEEE;
-    color: #2d5c88;
-	    position: absolute;
-	    top: 45px;
-	    right: 10px;
-	    border-radius: 2px;
-	    box-shadow: 0 1px 4px rgba(0,0,0,0.3);
-	    min-width: 160px;
-}
-.menu-dropdown button {
-  color: black;
-  padding: 12px 16px;
-  font-size: 14px !important; font-family: Roboto, Arial, sans-serif !important;
-  font-weight: bold;
-  text-decoration: none;
-  display: block;
-  width: 100%;
-  background-color: #EEEEEE;
-}
-.leaflet-popup-content {
-  margin: 0px 0px;
-}
+.marker-cluster {
+	background-clip: padding-box;
+	border-radius: 20px;
+	}
+.marker-cluster div {
+	width: 30px;
+	height: 30px;
+	margin-left: 5px;
+	margin-top: 5px;
 
-.leaflet-pseudo-fullscreen {
-  position:fixed!important;
-  width:100%!important;
-  height:100%!important;
-  top:0!important;
-  left:0!important;
-  z-index:99999;
-  }
-  .gm-style-iw-d {
-    overflow: hidden !important;
-  }
-  .gm-style .gm-style-iw-c {
-    padding: 0px;
-  }
-#bmlt-map button.gm-ui-hover-effect, #byfield_embeddedMapPage .gm-ui-hover-effect {
-    right: 0px;
-    z-index: 999;
-    width: 20px !important;
-    height: 20px !important;
-  }
-  .gm-ui-hover-effect>span {
-    position: relative;
-    bottom: 13px;
-    right: 13px;
-}
-  #bmlt-map .gm-style-iw-chr, #byfield_embeddedMapPage .gm-style-iw-chr {
-    height: 0 !important;
-  }
-  @media (max-width: 767px) {
-    #bmltsearch_content {
-      width: 80%;
-    }
-  }
-  #modal-search-box {
-      padding: 5px;
-      border-style: solid;
-      border-width: 1px;
-      border-color: black;
-    margin-top: 10px;
-  }
-  #bmltsearch_modal .modal-title {
-    margin: 20px 0 10px 0;
-  }
-  button.advanced-search-button {
-    float: right;
-    margin-top: 20px;
-  }
+	text-align: center;
+	border-radius: 15px;
+	font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif;
+	}
+.marker-cluster span {
+	line-height: 30px;
+	}