.flex-row {
  display: flex;
  flex-direction: row; }
  .flex-row.flex-reverse {
    flex-direction: row-reverse; }

.flex-column {
  display: flex;
  flex-direction: column; }
  .flex-column.flex-reverse {
    flex-direction: column-reverse; }

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

.justify-content-between {
  justify-content: space-between; }

.justify-content-around {
  justify-content: space-around; }

.justify-content-center {
  justify-content: center; }

.justify-content-left {
  justify-content: left; }

.justify-content-right {
  justify-content: right; }

.align-items-center {
  align-items: center; }

.align-items-start {
  align-items: flex-start; }

.align-items-end {
  align-items: flex-end; }

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

.align-items-baseline {
  align-items: baseline; }

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

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

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

.align-self-stretch {
  align-self: stretch; }

.align-self-baseline {
  align-self: baseline; }

.grow-0 {
  flex-grow: 0; }

.shrink-0 {
  flex-shrink: 0; }

.grow-1 {
  flex-grow: 1; }

.shrink-1 {
  flex-shrink: 1; }

.grow-2 {
  flex-grow: 2; }

.shrink-2 {
  flex-shrink: 2; }

.grow-3 {
  flex-grow: 3; }

.shrink-3 {
  flex-shrink: 3; }

.grow-4 {
  flex-grow: 4; }

.shrink-4 {
  flex-shrink: 4; }

.grow-5 {
  flex-grow: 5; }

.shrink-5 {
  flex-shrink: 5; }

.max-width-0 {
  max-width: 0%; }

.min-width-0 {
  min-width: 0%; }

.width-0 {
  width: 0%; }

.max-width-5 {
  max-width: 5%; }

.min-width-5 {
  min-width: 5%; }

.width-5 {
  width: 5%; }

.max-width-10 {
  max-width: 10%; }

.min-width-10 {
  min-width: 10%; }

.width-10 {
  width: 10%; }

.max-width-15 {
  max-width: 15%; }

.min-width-15 {
  min-width: 15%; }

.width-15 {
  width: 15%; }

.max-width-20 {
  max-width: 20%; }

.min-width-20 {
  min-width: 20%; }

.width-20 {
  width: 20%; }

.max-width-25 {
  max-width: 25%; }

.min-width-25 {
  min-width: 25%; }

.width-25 {
  width: 25%; }

.max-width-30 {
  max-width: 30%; }

.min-width-30 {
  min-width: 30%; }

.width-30 {
  width: 30%; }

.max-width-35 {
  max-width: 35%; }

.min-width-35 {
  min-width: 35%; }

.width-35 {
  width: 35%; }

.max-width-40 {
  max-width: 40%; }

.min-width-40 {
  min-width: 40%; }

.width-40 {
  width: 40%; }

.max-width-45 {
  max-width: 45%; }

.min-width-45 {
  min-width: 45%; }

.width-45 {
  width: 45%; }

.max-width-50 {
  max-width: 50%; }

.min-width-50 {
  min-width: 50%; }

.width-50 {
  width: 50%; }

.max-width-55 {
  max-width: 55%; }

.min-width-55 {
  min-width: 55%; }

.width-55 {
  width: 55%; }

.max-width-60 {
  max-width: 60%; }

.min-width-60 {
  min-width: 60%; }

.width-60 {
  width: 60%; }

.max-width-65 {
  max-width: 65%; }

.min-width-65 {
  min-width: 65%; }

.width-65 {
  width: 65%; }

.max-width-70 {
  max-width: 70%; }

.min-width-70 {
  min-width: 70%; }

.width-70 {
  width: 70%; }

.max-width-75 {
  max-width: 75%; }

.min-width-75 {
  min-width: 75%; }

.width-75 {
  width: 75%; }

.max-width-80 {
  max-width: 80%; }

.min-width-80 {
  min-width: 80%; }

.width-80 {
  width: 80%; }

.max-width-85 {
  max-width: 85%; }

.min-width-85 {
  min-width: 85%; }

.width-85 {
  width: 85%; }

.max-width-90 {
  max-width: 90%; }

.min-width-90 {
  min-width: 90%; }

.width-90 {
  width: 90%; }

.max-width-95 {
  max-width: 95%; }

.min-width-95 {
  min-width: 95%; }

.width-95 {
  width: 95%; }

.max-width-100 {
  max-width: 100%; }

.min-width-100 {
  min-width: 100%; }

.width-100 {
  width: 100%; }

.block {
  display: block; }

.none {
  display: none; }

.inline-block {
  display: inline-block; }

.margin-left {
  margin-left: 1rem; }

.margin-right {
  margin-right: 1rem; }

.margin-top {
  margin-top: 1rem; }

.margin-bottom {
  margin-bottom: 1rem; }

.margin-x {
  margin-left: 1rem;
  margin-right: 1rem; }

.margin-y {
  margin-top: 1rem;
  margin-bottom: 1rem; }

.margin-none {
  margin: 0; }

.padding-left {
  margin-left: 1rem; }

.padding-right {
  margin-right: 1rem; }

.padding-top {
  margin-top: 1rem; }

.padding-bottom {
  margin-bottom: 1rem; }

.padding-x {
  margin-left: 1rem;
  margin-right: 1rem; }

.padding-y {
  margin-top: 1rem;
  margin-bottom: 1rem; }

.padding-none {
  margin: 0; }

.pointer {
  cursor: pointer; }

.transition-transform {
  transition: transform 0.3s; }

.r-30 {
  transform: rotate(30deg); }

.r-45 {
  transform: rotate(45deg); }

.r-60 {
  transform: rotate(60deg); }

.r-90 {
  transform: rotate(90deg); }

.r-180 {
  transform: rotate(180deg); }

.txt-bold {
  font-weight: bold; }

.txt-bolder {
  font-weight: bolder; }

.txt-warning {
  color: #ff890a; }

.txt-success {
  color: #00b300; }

.txt-danger {
  color: #f50029; }

.txt-gray {
  color: #999; }

.txt-black {
  color: #000; }

.txt-white {
  color: white; }