// Vertical Alignment
// --------------------------------------------------
.valign-top {
  vertical-align: top !important;
}
.valign-middle {
  vertical-align: middle !important;
}
.valign-bottom {
  vertical-align: bottom !important;
}

// Flex
// --------------------------------------------------
.flex-col {
  display: flex;
  flex-direction: column;

  &.collapse {
    display: none;
  }

  &.collapse.in {
    display: flex;
  }
}

.flex-row {
  display: flex;

  &.collapse {
    display: none;
  }

  &.collapse.in {
    display: flex;
  }
}

.flex-1 {
  flex: 1;
}

.flex-middle {
  margin-top: auto;
  margin-bottom: auto;
}