.panel-group {
  margin-bottom: 20px;
}

.mv-column-left {
  float: left;
  width: 49.5%;
  overflow: auto;
}

.mv-column-right {
  float: right;
  width: 49.5%;
  overflow: auto;
}

.mv-container {
  position: relative;
  display: inline;
}

.rowlabel {
  font-weight: bold;
  width: 40%;
  vertical-align: top;
}

.sheetlabel {
  font-weight: bold;
  padding-right: 2em;
  vertical-align: top;
  width: 30%;
}

.checkbox-container {
  display: -webkit-flex; /* Safari */
  -webkit-flex-wrap: wrap; /* Safari 6.1+ */
  display: flex;
  flex-flow: column;
}

.checkbox-item {
  width: 200px;
  margin: 10 px;
  padding: 10 px;
}

.checkbox-item div {
  margin: 10 px;
}

/* The record toolbar of a factsheet's page (#2655): its tags at the start,
   Delete and Edit at the end, wrapping onto lines of their own on a phone.
   Page CSS until a second record page needs it. */
.record-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
}

.record-toolbar__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-left: auto;
}