
.flex {
  display: flex !important;
}

.flexInline {
  display: inline-flex !important;
  min-width: 0 !important;
}

.flexAlignStretch {
  align-items: stretch !important;
}

.flexAlignCenter {
  align-items: center !important;
}

.flexAlignStart {
  align-items: flex-start !important;
}

.flexAlignEnd {
  align-items: flex-end !important;
}

.flexAlignBaseline {
  align-items: baseline !important;
}

.flexAlignContentStart {
  align-content: flex-start !important;
}

.flexAlignContentEnd {
  align-content: flex-end !important;
}

.flexAlignContentCenter {
  align-content: center !important;
}

.flexAlignContentBetween {
  align-content: space-between !important;
}

.flexAlignContentAround {
  align-content: space-around !important;
}

.flexAlignContentStretch {
  align-content: stretch !important;
}

.flexAlignItemsCenter {
  align-items: center !important;
}

.flexAlignItemsStart {
  align-items: flex-start !important;
}

.flexAlignItemsEnd {
  align-items: flex-end !important;
}

.flexAlignItemsBaseline {
  align-items: baseline !important;
}

.flexAlignItemsStretch {
  align-items: stretch !important;
}

.flexAlignSelfCenter {
  align-self: center !important;
}

.flexAlignSelfStart {
  align-self: flex-start !important;
}

.flexAlignSelfEnd {
  align-self: flex-end !important;
}

.flexAlignSelfBaseline {
  align-self: baseline !important;
}

.flexAlignSelfStretch {
  align-self: stretch !important;
}

.flexBasisAuto {
  flex-basis: auto !important;
}

.flexJustifyStart {
  justify-content: flex-start !important;
}

.flexJustifyCenter {
  justify-content: center !important;
}

.flexJustifyEnd {
  justify-content: flex-end !important;
}

.flexJustifyBetween {
  justify-content: space-between !important;
}

.flexJustifyAround {
  justify-content: space-around !important;
}

.flexWrap {
  flex-wrap: wrap !important;
}

.flexNoWrap {
  flex-wrap: nowrap !important;
}

.flexReverseWrap {
  flex-wrap: wrap-reverse !important;
}

.flexItemGrow {
  flex-grow: 1 !important;
}

.flexItemShrink {
  flex-shrink: 0 !important;
}

.flexRow {
  flex-direction: row !important;
}

.flexColumn {
  flex-direction: column !important;
}

.flexRowReverse {
  flex-direction: row-reverse !important;
}

.flexColumnReverse {
  flex-direction: column-reverse !important;
}

.flexRowXsUp {
  flex-direction: row !important;
}

@media (max-width: 374px) {  .flexRowXsDown {
    flex-direction: row !important;
  }
}

.flexColumnXsUp {
  flex-direction: column !important;
}

@media (max-width: 374px) {  .flexColumnXsDown {
    flex-direction: column !important;
  }
}

@media (min-width: 375px) {  .flexRowSmUp {
    flex-direction: row !important;
  }
}

@media (max-width: 767px) {  .flexRowSmDown {
    flex-direction: row !important;
  }
}

@media (min-width: 375px) {  .flexColumnSmUp {
    flex-direction: column !important;
  }
}

@media (max-width: 767px) {  .flexColumnSmDown {
    flex-direction: column !important;
  }
}

@media (min-width: 768px) {  .flexRowMdUp {
    flex-direction: row !important;
  }
}

@media (max-width: 1023px) {  .flexRowMdDown {
    flex-direction: row !important;
  }
}

@media (min-width: 768px) {  .flexColumnMdUp {
    flex-direction: column !important;
  }
}

@media (max-width: 1023px) {  .flexColumnMdDown {
    flex-direction: column !important;
  }
}

@media (min-width: 1024px) {  .flexRowLgUp {
    flex-direction: row !important;
  }
}

@media (max-width: 1279px) {  .flexRowLgDown {
    flex-direction: row !important;
  }
}

@media (min-width: 1024px) {  .flexColumnLgUp {
    flex-direction: column !important;
  }
}

@media (max-width: 1279px) {  .flexColumnLgDown {
    flex-direction: column !important;
  }
}

@media (min-width: 1280px) {  .flexRowXlUp {
    flex-direction: row !important;
  }
}

.flexRowXlDown {
  flex-direction: row !important;
}

@media (min-width: 1280px) {  .flexColumnXlUp {
    flex-direction: column !important;
  }
}

.flexColumnXlDown {
  flex-direction: column !important;
}