.select2-container--bootstrap {
  // This is required to ensure the select field is rendered at full width
  // within Bootstrap tabs that are hidden when the page is first loaded.
  // See: https://github.com/select2/select2/issues/4220
  width: 100% !important;
}

.date-select,
.datetime-select,
.time-select {
  select {
    display: inline-block;
    width: auto;
  }

  .select2-container--bootstrap {
    display: inline-block;
    width: auto !important;
  }
}

.control-label {
  display: block;

  & + .checkbox {
    margin-top: 0;
  }
}