.mmbform .formerror {
    color: red;
    font-size: medium;
}
.mmbform {
    display: grid;
    flex-wrap: wrap;
    row-gap: 1em;
    /* gap: 1em;
    box-sizing: border-box; */
}

.row {
    display: flex;
    gap: 1em;
}

.mmbform > * {
  flex: 0 1 calc(50%-24px);
  min-width: 230px;
}

.select2-results__option {
    font-family: "Manrope", sans-serif;
    font-size: small;
}

.select2-selection__rendered {
    font-family: "Manrope", sans-serif;
    font-size: small;
}

.ui-datepicker {
  transform: scale(0.7);   /* 1.2 = 120% size */
  transform-origin: top left;
}
.ui-datepicker-title {
  font-size:medium;
}

/* .mmbform > * {
    flex: 1 1 calc(50% - 16px); /* 3 items per row minus gap, adjust as needed */
    /* min-width: 200px;              Prevent items from getting too small
    box-sizing: border-box;
} */

.row .boxlong {
    flex: 0 1 calc(55% - 16px);
    /* min-width: calc(50% - 16px); */
    box-sizing: border-box;
}

.row .boxshort {
    flex: 0 1 calc(33% - 16px);
    min-width: calc(25% - 16px);
    max-width: calc(33% - 16px); 
    /* box-sizing: border-box;*/
}

.row .boxmini {
    flex: 0 1 calc(33% - 16px);
    min-width: calc(15% - 16px);
    max-width: calc(20% - 16px);
    /* box-sizing: border-box;*/
}

.row .boxlongest {
    flex: 0 0 90%;
}

label {
    font-weight: bold;
}

.required:after {
    content: " *";
    color: red;
}

/* .boxlong {
    grid-column-start: 1;
    grid-column-end: 3;
} */