#map {
  width: 100%;
  height: 100%;
  position: absolute;
}

body {
  margin: 0;
  padding: 0;
}

/* Custom toolbar that slides in and out */
#overlay-slide {
  position: absolute;
  z-index: 1000;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 10px;
  box-shadow: 1px 1px 1px gray;
  min-height: 100px;
  font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 300;
  text-align: center;
  width: 210px;
  margin: 10px;
  margin-left: 10px;
  transition: 1.5s;
  padding: 15px;
}

#overlay-slide.out {
  margin-left: -280px;
}

/* Custom toolbar buttons */
.toolbarButton {
  border-radius: 8px;
  border: 2px solid #b2c29d;
  background-color: #fff;
  color: #b2c29d;
  font-weight: 500;
  margin-bottom: 16px;
  padding: 16px;
}

.toolbarButton:hover {
  background-color: #b2c29d;
  color: #fff;
  transition: all .3s ease;
}

/* Styling for button when actively drawing */
.toolbarButton.leaflet-draw-toolbar-button-enabled {
  background-color: #9e9f9e;
  border: 2px solid #858584;
  color: #fff;
}

.toolbarButton.leaflet-draw-toolbar-button-enabled:hover {
  background-color: #858584;
  color: #fff;
}

/* Text for directions to stop drawing */
#cancelText {
  font-size: 14px;
  font-weight: 400;
}

/* Button to toggle between custom and default toolbars */
#toggleToolbarContainer {
  position: absolute;
  z-index: 1000;
  background: #094D92;
  color: #fff;
  padding: 10px;
  right: -10px;
  bottom: 0;
  margin: 20px;
  border-radius: 10px;
  box-shadow: 1px 1px 1px gray;
  font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 500;
}

#toggleToolbarContainer:hover {
  background: #0b5bad;
}

/* Move zoom controls just above toolbar toggle button */
.leaflet-control-container .leaflet-control-zoom {
  position: absolute;
  right: 10px;
  bottom: 60px;
}

[x-cloak] {
  display: none !important;
}

.rupee-sign::before {
  content: "\20B9";
}


.error-msg[hidden] {
  opacity: 0;
  height: 0px;
  transform: scale(0);
}

.error-msg {
  font-size: 0.8rem;
  font-weight: 700;
  color: red;
  transform-origin: left;
  transition: all 200ms;
  display: block;
}

.form-group .error-svg, .form-group .success-svg{
  display: none;
}

.has-error .error-svg{
  display: block;
}

.has-success .success-svg{
  display: block;
}

/* Show specific error for minimum value */
.form-group:has([data-validation-reason='min']) .min-error {
  display: block;
}

/* Show specific error for required field */
.form-group:has([data-validation-reason='required']) .required-error {
  display: block;
}

.form-group:has([data-validation-reason='email']) .required-error {
  display: block;
}