/* 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;
}

.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;
}