.flex-row {
  display: flex;
  flex-direction: row;
  width: 100%;
  min-height: 0;
}

.flex-col {
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: 100%;
}

.flex-row > .flex-row,
.flex-row > .flex-col,
.flex-col > .flex-row,
.flex-col > .flex-col {
  flex: 1;
}

.stretch {
  flex: 1;
}

.no-stretch {
  flex: 0 1 auto !important;
}

.scroll {
  overflow: auto;
}