/* Reduce the font size of the form labels, this cannot be controled from the model form 
instances */
.form-label {
  font-size: 10pt;
  /* font-weight: semi-bold; */
  /* color: #000000; */
  margin-bottom: 0.1rem;
}
/* Override the bootstrap margin-bottom mb-3 beacuse crispy forms are using it
and it is creating to much space, breaking the overall layout. */
.mb-3 {
  margin-bottom: 0.1rem !important;
}

/* .leaflet-draw-toolbar a {
  background-image: linear-gradient(transparent, transparent),
    url("spritesheet.svg");
  background-repeat: no-repeat;
  background-size: 300px 30px;
  background-clip: padding-box;
} */

.leaflet-draw-toolbar a.leaflet-draw-draw-rectangle {
  background-image: linear-gradient(transparent, transparent),
    url("spritesheet.svg");
  /* background-color: red; */
}

.leaflet-draw-toolbar a.leaflet-draw-draw-release {
  background-image: linear-gradient(transparent, transparent),
    url("spritesheet.svg");
  background-position: -29px -1px;
  /* background-color: red; */
}

/* Model Run Detail Page - Smaller buttons */
#form_div .btn {
  font-size: 0.8rem;
  padding: 0.4rem 0.8rem;
  line-height: 1.2;
}

/* Make card headers smaller */
#form_div .card-header {
  font-size: 1rem;
  padding: 0.6rem 1rem;
}

/* Reduce card body padding */
#form_div .card-body {
  padding: 1rem;
}

/* Make table text smaller */
#form_div .table {
  font-size: 0.85rem;
}

#form_div .table td,
#form_div .table th {
  padding: 0.4rem;
}

.popup-data-table {
  width: 100%;
  border-spacing: 0;
  margin-bottom: 0.1rem;
  font-size: smaller;
  text-align: center;
}

.popup-data-table * {
  border: 1px solid #000000 !important;
  border-collapse: collapse !important;
}