.n-fx-sn,
.n-fx-ss,
.n-fx-sc,
.n-fx-se,
.n-fx-cn,
.n-fx-cs,
.n-fx-cc,
.n-fx-ce,
.n-fx-en,
.n-fx-es,
.n-fx-ec,
.n-fx-ee,
.n-fx-an,
.n-fx-as,
.n-fx-ac,
.n-fx-ae,
.n-fx-bn,
.n-fx-bs,
.n-fx-bc,
.n-fx-be,
.n-fx-stretch {
  display: flex;
}

.n-fx-sn {
  justify-content: flex-start;
  align-items: normal;
}

.n-fx-ss {
  justify-content: flex-start;
  align-items: flex-start;
}

.n-fx-sc {
  justify-content: flex-start;
  align-items: center;
}

.n-fx-se {
  justify-content: flex-start;
  align-items: flex-end;
}

.n-fx-cn {
  justify-content: center;
  align-items: normal;
}

.n-fx-cs {
  justify-content: center;
  align-items: flex-start;
}

.n-fx-cc {
  justify-content: center;
  align-items: center;
}

.n-fx-ce {
  justify-content: center;
  align-items: flex-end;
}

.n-fx-en {
  justify-content: flex-end;
  align-items: normal;
}

.n-fx-es {
  justify-content: flex-end;
  align-items: flex-start;
}

.n-fx-ec {
  justify-content: flex-end;
  align-items: center;
}

.n-fx-ee {
  justify-content: flex-end;
  align-items: flex-end;
}

.n-fx-an {
  justify-content: space-around;
  align-items: normal;
}

.n-fx-as {
  justify-content: space-around;
  align-items: flex-start;
}

.n-fx-ac {
  justify-content: space-around;
  align-items: center;
}

.n-fx-ae {
  justify-content: space-around;
  align-items: flex-end;
}

.n-fx-bn {
  justify-content: space-between;
  align-items: normal;
}

.n-fx-bs {
  justify-content: space-between;
  align-items: flex-start;
}

.n-fx-bc {
  justify-content: space-between;
  align-items: center;
}

.n-fx-be {
  justify-content: space-between;
  align-items: flex-end;
}

.n-fx-stretch {
  align-items: stretch;
}

.n-fx-start {
  align-self: flex-start;
}

.n-fx-center {
  align-self: center;
}

.n-fx-end {
  align-self: flex-end;
}

.n-fx0,
.n-fx1,
.n-fx2,
.n-fx3,
.n-fx-gr0,
.n-fx-gr1,
.n-fx-gr2,
.n-fx-gr3,
.n-fx-sr0,
.n-fx-sr1,
.n-fx-sr2,
.n-fx-sr3 {
  min-width: 0;
}

.n-fx1,
.n-fx2,
.n-fx3,
.n-fx-gr1,
.n-fx-gr2,
.n-fx-gr3,
.n-fx-sr1,
.n-fx-sr2,
.n-fx-sr3 {
  flex-basis: 0;
}

.n-fx-basis-auto {
  flex-basis: auto;
}

.n-fx0 {
  flex-grow: 0;
  flex-shrink: 0;
}

.n-fx1 {
  flex-grow: 1;
  flex-shrink: 1;
}

.n-fx2 {
  flex-grow: 2;
  flex-shrink: 2;
}

.n-fx3 {
  flex-grow: 3;
  flex-shrink: 3;
}

.n-fx-gr0 {
  flex-grow: 0;
}

.n-fx-gr1 {
  flex-grow: 1;
}

.n-fx-gr2 {
  flex-grow: 2;
}

.n-fx-gr3 {
  flex-grow: 3;
}

.n-fx-sr0 {
  flex-shrink: 0;
}

.n-fx-sr1 {
  flex-shrink: 1;
}

.n-fx-sr2 {
  flex-shrink: 2;
}

.n-fx-sr3 {
  flex-shrink: 3;
}

.n-fx-od1 {
  order: 1;
}

.n-fx-od2 {
  order: 2;
}

.n-fx-od3 {
  order: 3;
}

.n-fx-f1 {
  flex: 1;
}

.n-fx-grid,
.n-fx-grid-150,
.n-fx-grid-180,
.n-fx-grid-200,
.n-fx-grid-250,
.n-fx-grid-300,
.n-fx-grid-356 {
  display: flex;
  flex-wrap: wrap;
  margin-left: -5px;
  margin-right: -5px;
}

.n-fx-grid > *,
.n-fx-grid-150 > *,
.n-fx-grid-180 > *,
.n-fx-grid-200 > *,
.n-fx-grid-250 > *,
.n-fx-grid-300 > *,
.n-fx-grid-356 > * {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  max-width: 100%;
  box-sizing: border-box;
  padding-left: 5px;
  padding-right: 5px;
}

.n-fx-grid-150 > * {
  width: 150px;
}

.n-fx-grid-180 > * {
  width: 180px;
}

.n-fx-grid-200 > * {
  width: 200px;
}

.n-fx-grid-250 > * {
  width: 250px;
}

.n-fx-grid-300 > * {
  width: 300px;
}

.n-fx-grid-356 > * {
  width: 356px;
}

.n-fx-gap-lg {
  margin-left: -15px;
  margin-right: -15px;
}

.n-fx-gap-lg > * {
  padding-left: 15px;
  padding-right: 15px;
}

.n-fx-gap-md {
  margin-left: -10px;
  margin-right: -10px;
}

.n-fx-gap-md > * {
  padding-left: 10px;
  padding-right: 10px;
}

.n-fx-gap-sm {
  margin-left: -5px;
  margin-right: -5px;
}

.n-fx-gap-sm > * {
  padding-left: 5px;
  padding-right: 5px;
}

.n-fx-gap-xs {
  margin-left: -4px;
  margin-right: -4px;
}

.n-fx-gap-xs > * {
  padding-left: 4px;
  padding-right: 4px;
}

.n-fx-col {
  flex-direction: column;
}

.n-fx-row-rev {
  flex-direction: row-reverse;
}

.n-fx-inline {
  display: inline-flex;
}

.n-fx-wrap {
  flex-wrap: wrap;
}