.flex {
  composes: flex from "../../commoncss/flex.module.css";
}

.inflex {
  composes: inflex from "../../commoncss/flex.module.css";
}

.cover {
  composes: cover from "../../commoncss/flex.module.css";
}

.wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.wrap_reverse {
  -ms-flex-wrap: wrap-reverse;
  flex-wrap: wrap-reverse;
}

.dir_col {
  composes: column from "../../commoncss/flex.module.css";
}

.dir_row {
  composes: row from "../../commoncss/flex.module.css";
}

.dir_row_reverse {
  composes: row_reverse from "../../commoncss/flex.module.css";
}

.dir_col_reverse {
  composes: column_reverse from "../../commoncss/flex.module.css";
}

.grow {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  min-height: 0;
  min-width: 0;
}

.shrink_off {
  flex-shrink: 0;
  -moz-flex-shrink: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-shrink: 0;
}

.shrink_on {
  flex-shrink: 1;
  -moz-flex-shrink: 1;
  -webkit-flex-shrink: 1;
  -ms-flex-shrink: 1;
  min-width: 0;
}

.basis {
  flex-basis: 0%;
  -webkit-flex-basis: 0%;
}

.basis_auto {
  flex-basis: auto;
  -webkit-flex-basis: auto;
}

.scroll_y {
  composes: scroll_y from "../../commoncss/scroll.module.css";
}

.scroll_x {
  composes: scroll_x from "../../commoncss/scroll.module.css";
}

.scroll_none {
  composes: scroll_none from "../../commoncss/scroll.module.css";
}

.scroll_both {
  composes: scroll_both from "../../commoncss/scroll.module.css";
}

/*Column Specification*/

.col_1 {
  -ms-flex-preferred-size: 8.33333333%;
  flex-basis: 8.33333333%;
  max-width: 8.33333333%;
}

.col_2 {
  -ms-flex-preferred-size: 16.66666667%;
  flex-basis: 16.66666667%;
  max-width: 16.66666667%;
}

.col_3 {
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%;
}

.col_4 {
  -ms-flex-preferred-size: 33.33333333%;
  flex-basis: 33.33333333%;
  max-width: 33.33333333%;
}

.col_5 {
  -ms-flex-preferred-size: 41.66666667%;
  flex-basis: 41.66666667%;
  max-width: 41.66666667%;
}

.col_6 {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%;
}

.col_7 {
  -ms-flex-preferred-size: 58.33333333%;
  flex-basis: 58.33333333%;
  max-width: 58.33333333%;
}

.col_8 {
  -ms-flex-preferred-size: 66.66666667%;
  flex-basis: 66.66666667%;
  max-width: 66.66666667%;
}

.col_9 {
  -ms-flex-preferred-size: 75%;
  flex-basis: 75%;
  max-width: 75%;
}

.col_10 {
  -ms-flex-preferred-size: 83.33333333%;
  flex-basis: 83.33333333%;
  max-width: 83.33333333%;
}

.col_11 {
  -ms-flex-preferred-size: 91.66666667%;
  flex-basis: 91.66666667%;
  max-width: 91.66666667%;
}

.col_12 {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%;
}

.align_center_horizontal {
  composes: align_center_horizontal from "../../commoncss/flex.module.css";
}

.align_center_vertical {
  composes: align_center_vertical from "../../commoncss/flex.module.css";
}

.align_center_both {
  composes: align_center_both from "../../commoncss/flex.module.css";
}

.align_top {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.align_bottom {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.align_baseline {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.justify_start {
  composes: justify_start from "../../commoncss/flex.module.css";
}

.justify_end {
  composes: justify_end from "../../commoncss/flex.module.css";
}

.justify_around {
  composes: justify_around from "../../commoncss/flex.module.css";
}

.justify_center {
  composes: justify_center from "../../commoncss/flex.module.css";
}

.justify_between {
  composes: justify_between from "../../commoncss/flex.module.css";
}

.align_start {
  align-content: flex-start;
}

.align_end {
  align-content: flex-end;
}

.align_center {
  align-content: center;
}

.align_around {
  align-content: space-around;
}

.align_between {
  align-content: space-between;
}

.first {
  -ms-flex-order: -1;
  order: -1;
}

.last {
  -ms-flex-order: 1;
  order: 1;
}

.self_start {
  align-self: flex-start;
}

.self_end {
  align-self: flex-end;
}

.self_center {
  align-self: center;
}

.spacing_xs {
  margin: 8px 0 0 8px;
}
.spacing_sm {
  margin: 16px 0 0 16px;
}
.spacing_md {
  margin: 24px 0 0 24px;
}
.spacing_lg {
  margin: 32px 0 0 32px;
}
.spacing_xl {
  margin: 64px 0 0 64px;
}
.spacing_none {
  margin: 0 0 0 0;
}
