.leaflet-container {
 height: 400px;
 width: 800px;
}

@keyframes pulse{
      from{
        box-shadow: 0 0 0 0 rgba(255, 188, 0, 1);
      }

      to{
        box-shadow: 0 0 0 100px rgba(0, 0, 0, 0);
      }
  }

  .leaflet-left {
    top: 48px !important;
  }

.empty-warning-maker {
  background-image: url("../images/marker-warning.png");
  background-size: 100%;
}

.mdi-cow-image {
  background-image: url("../images/binc_icons/mdi-cow.png");
  background-size: 100%;

}

.mdi-cow-image-selected {
  background-image: url("../images/binc_icons/mdi-cow.png");
  background-size: 100%;
  animation: pulse 1s infinite;
  border-radius: 100%;
}

.mdi-wall-image {
  background-image: url("../images/binc_icons/mdi-wall.png");
  background-size: 100%;
}

.mdi-wall-image-selected {
  background-image: url("../images/binc_icons/mdi-wall.png");
  background-size: 100%;
  animation: pulse 1s infinite;
  border-radius: 100%;
}

.mdi-alert-decagram-image {
  background-image: url("../images/binc_icons/mdi-alert-decagram.png");
  background-size: 100%;
}

.mdi-alert-decagram-image-selected {
  background-image: url("../images/binc_icons/mdi-alert-decagram.png");
  background-size: 100%;
  animation: pulse 1s infinite;
  border-radius: 100%;
}

.mdi-alert-notepad-edit-warning-image {
  background-image: url("../images/binc_icons/mdi-notebook-edit-warning.png");
  background-size: 100%;
}

.mdi-alert-notepad-edit-info-image {
  background-image: url("../images/binc_icons/mdi-notebook-edit-info.png");
  background-size: 100%;
}

.mdi-alert-notepad-edit-danger-image {
  background-image: url("../images/binc_icons/mdi-notebook-edit-danger.png");
  background-size: 100%;
}

.mdi-alert-notepad-edit-success-image {
  background-image: url("../images/binc_icons/mdi-notebook-edit-success.png");
  background-size: 100%;
}

.mdi-beehive-outline-image {
  background-image: url("../images/binc_icons/mdi-beehive-outline.png");
  background-size: 100%;
}

.mdi-beehive-outline-image-selected {
  background-image: url("../images/binc_icons/mdi-beehive-outline.png");
  background-size: 100%;
  animation: pulse 1s infinite;
  border-radius: 100%;
}

.mdi-corn-image {
  background-image: url("../images/binc_icons/mdi-corn.png");
  background-size: 100%;
}

.mdi-corn-image-selected {
  background-image: url("../images/binc_icons/mdi-corn.png");
  background-size: 100%;
  animation: pulse 1s infinite;
  border-radius: 100%;
}

.mdi-file-image-outline-image {
  background-image: url("../images/binc_icons/mdi-file-image-outline.png");
  background-size: 100%;
}

.mdi-file-image-outline-image-selected {
  background-image: url("../images/binc_icons/mdi-file-image-outline.png");
  background-size: 100%;
  animation: pulse 1s infinite;
  border-radius: 100%;
}

.mdi-flower-outline-image {
  background-image: url("../images/binc_icons/mdi-flower-outline.png");
  background-size: 100%;
}

.mdi-flower-outline-image-selected {
  background-image: url("../images/binc_icons/mdi-flower-outline.png");
  background-size: 100%;
  animation: pulse 1s infinite;
  border-radius: 100%;
}

.mdi-gate-image {
  background-image: url("../images/binc_icons/mdi-gate.png");
  background-size: 100%;
}

.mdi-gate-image-selected {
  background-image: url("../images/binc_icons/mdi-gate.png");
  background-size: 100%;
  animation: pulse 1s infinite;
  border-radius: 100%;
}

.mdi-road-image {
  background-image: url("../images/binc_icons/mdi-road.png");
  background-size: 100%;
}

.mdi-road-image-selected{
  background-image: url("../images/binc_icons/mdi-road.png");
  background-size: 100%;
  animation: pulse 1s infinite;
  border-radius: 100%;
}

.mdi-format-letter-case-image {
  background-image: url("../images/binc_icons/mdi-notebook-edit-warning.png");
  background-size: 100%;
}


.mdi-format-letter-case-image-selected{
  background-image: url("../images/binc_icons/mdi-notebook-edit-warning.png");
  background-size: 100%;
  animation: pulse 1s infinite;
  border-radius: 100%;
}

.mdi-vector-polyline-image {
  background-image: url("../images/binc_icons/mdi-wall.png");
  background-size: 100%;
}

.mdi-vector-polyline-image-selected {
  background-image: url("../images/binc_icons/mdi-wall.png");
  background-size: 100%;
  animation: pulse 1s infinite;
  border-radius: 100%;
}

.mdi-hazard-lights-image {
  background-image: url("../images/binc_icons/mdi-hazard-lights.png");
  background-size: 100%;
  animation: pulse 1s infinite;
  background-size: 100%;
}

.mdi-hazard-lights-image-selected {
  background-image: url("../images/binc_icons/mdi-hazard-lights.png");
  background-size: 100%;
  animation: pulse 1s infinite;
  border-radius: 100%;
}

.mdi-shape-polygon-plus-image {
  background-image: url("../images/binc_icons/mdi-shape-polygon-plus.png");
  background-size: 100%;
}

.mdi-shape-polygon-plus-image-selected {
  background-image: url("../images/binc_icons/mdi-shape-polygon-plus.png");
  background-size: 100%;
  animation: pulse 1s infinite;
  border-radius: 100%;
}

.mdi-water-off-image-selected {
  background-image: url("../images/binc_icons/mdi-water-off.png");
  background-size: 100%;
  animation: pulse 1s infinite;
  border-radius: 100%;
}

.mdi-waves-image {
  background-image: url("../images/binc_icons/mdi-waves.png");
  background-size: 100%;
}

.mdi-waves-image-selected {
  background-image: url("../images/binc_icons/mdi-waves.png");
  background-size: 100%;
  animation: pulse 1s infinite;
  border-radius: 100%;
}

.mdi-food-apple-image {
  background-image: url("../images/binc_icons/mdi-food-apple.png");
  background-size: 100%;
}

.mdi-food-apple-image-selected {
  background-image: url("../images/binc_icons/mdi-food-apple.png");
  background-size: 100%;
  animation: pulse 1s infinite;
  border-radius: 100%;
}

@keyframes blink {
  0% { opacity: 0.8;  box-shadow: 0 0 5px #A80521;}
  50% { stroke: #FFF; opacity: 1.0; box-shadow: 0 0 20px #A88705; }
  100% {  opacity: 0.8; box-shadow: 0 0 5px #A80521;}
}


.blink-line {
  animation: blink 1s infinite; /* 1 second blinking animation */
}

.marker-float{
  position:relative;
  top: 3px;
  left:13px;
}

.leaflet-tooltip.default-text-label {

  background: transparent;
  font-size: 20px;
  color: #FFF;
  font-weight: bold;
  opacity: 0;
  fillOpacity: 0;
  border: 0;
  box-shadow: none;

}

.leaflet-tooltip.field-text-label {

  background: transparent;
  font-size: 20px;
  color: #FFF;
  font-weight: bold;
  opacity: 0;
  fillOpacity: 0;
  border: 0;
  box-shadow: none;
  text-shadow: 2px 0 0 #000, 0 -1px 0 #000, 0 2px 0 #000, -1px 0 0 #000;

}

.leaflet-tooltip-left.default-text-label::before {
  display:none;
}

.leaflet-tooltip-right.default-text-label::before {
display:none;
}




.leaflet-tooltip.warning-text-label {
  opacity: 0.1;
  background-color: #FFA500;
  font-size: 15px;
  border: 2px solid #FF4C00;
  font-weight: bold;

}

.leaflet-tooltip-left.warning-text-label::before {
display:none;
}

.leaflet-tooltip-right.warning-text-label::before {
display:none;
}

.leaflet-tooltip.incomplete-text-label {
  opacity: 0.1;
  background-color: #FFD800;
  font-size: 15px;
  border: 2px solid #A08500;
  font-weight: bold;

}

.leaflet-tooltip-left.incomplete-text-label::before {
display:none;
}

.leaflet-tooltip-right.incomplete-text-label::before {
display:none;
}




.leaflet-tooltip.info-text-label {
  opacity: 0.5;
  background-color: cyan;
  font-size: 15px;
  border: 5px solid cyan;

}

.leaflet-tooltip-left.info-text-label::before {
display:none;
}

.leaflet-tooltip-right.info-text-label::before {
display:none;
}


.leaflet-tooltip.primary-text-label {
  opacity: 0.5;
  background-color: #9F54BC;
  font-size: 15px;
  border: 5px solid #6A367C;

}

.leaflet-tooltip-left.primary-text-label::before {
display:none;
}

.leaflet-tooltip-right.primary-text-label::before {
display:none;
}





.leaflet-tooltip.success-text-label {
  opacity: 0.5;
  background-color: green;
  font-size: 15px;
  border: 5px solid green;

}

.leaflet-tooltip-left.success-text-label::before {
display:none;
}

.leaflet-tooltip-right.success-text-label::before {
display:none;
}



.leaflet-tooltip.secondary-text-label {
  opacity: 0.5;
  background-color: #222;
  font-size: 15px;
  border: 5px solid #222;

}

.leaflet-tooltip-left.secondary-text-label::before {
display:none;
}

.leaflet-tooltip-right.secondary-text-label::before {
display:none;
}


.leaflet-tooltip.other-text-label {
  opacity: 0.1;
  background-color: white;
  font-size: 15px;
  border: 2px solid black;

}

.leaflet-tooltip-left.other-text-label::before {
display:none;
}

.leaflet-tooltip-right.other-text-label::before {
display:none;
}

.glow-button {

  -webkit-border-radius: 60px;
  border-radius: 60px;
  border: none;
  color: #000;
  cursor: pointer;
  display: inline-block;
  font-family: sans-serif;
  font-size: 20px;
  padding: 5px 15px;
  text-align: center;
  text-decoration: none;
  z-index: 100;
}
@keyframes glowing {
  0% {
    box-shadow: 0 0 5px #A80521;
  }
  50% {
    box-shadow: 0 0 20px #A88705;
  }
  100% {
    box-shadow: 0 0 5px #A80521;
  }
}
.glow-button {
  animation: glowing 1300ms infinite;
}

.text-black {
  color: #000;
}

.no-topbar{
  padding-top: 0px !important;
}

.leaflet-fade-anim .leaflet-tile,
.leaflet-fade-anim .leaflet-popup {
	opacity: 1 !important;
	}
.leaflet-fade-anim .leaflet-tile-loaded,
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
	opacity: 1 !important;
	}

  .map-tool-window{
    background-color: rgba(255, 255, 255, .75);
  }

  .polyScrollbox{
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
  }

     /* width */
     ::-webkit-scrollbar {
      width: 5px;
   }
 /* Track */
   ::-webkit-scrollbar-track {
     background: #f1f1f1;
  }

 /* Handle */
  ::-webkit-scrollbar-thumb {
     background: #bec4c4;
  }

 /* Handle on hover */
   ::-webkit-scrollbar-thumb:hover {
      background: #555;
  }
  .text-bold{
    font-weight: bold;
  }
  /* Add this CSS to your stylesheet */

.color-select {
  position: relative;
  display: inline-block;
}

.color-grid {
  position: absolute;
  z-index: 1;
  margin-top: 5px;
  padding: 5px;
  background-color: #fff;
  border: 1px solid #ccc;
  display: grid;
  grid-template-columns: repeat(8, 25px); /* Adjust columns as needed */
  grid-gap: 5px;
}

.color-option {
  width: 25px;
  height: 25px;
  cursor: pointer;
  border: 1px solid #ccc;
}

.color-option:hover {
  border: 2px solid #000;
}
/* For multi-level dropdowns */
.dropdown-submenu {
  position: relative;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -1px;
}

.float-center {
  float: center !important; }

  .link-primary:focus,
.link-primary:hover {
    color: #2e74d6 !important;
}
.link-secondary {
    color: #6c757d !important;
}
.link-secondary:focus,
.link-secondary:hover {
    color: #5c636a !important;
}
.link-success {
    color: #42d29d !important;
}
.link-success:focus,
.link-success:hover {
    color: #38b385 !important;
}
.link-info {
    color: #44badc !important;
}
.link-info:focus,
.link-info:hover {
    color: #3a9ebb !important;
}
.link-warning {
    color: #f9bc0d !important;
}
.link-warning:focus,
.link-warning:hover {
    color: #d4a00b !important;
}
.link-danger {
    color: #fa6767 !important;
}
.link-danger:focus,
.link-danger:hover {
    color: #d55858 !important;
}
.link-light {
    color: #eef2f7 !important;
}
.link-light:focus,
.link-light:hover {
    color: #f1f4f8 !important;
}
.link-dark {
    color: #313a46 !important;
}
.link-dark:focus,
.link-dark:hover {
    color: #2a313c !important;
}