/*
 * *
 * * Created by Divilon (http://divilon.com)
 * * Copyrights (C) 2017
 */
.flex {
  display: flex; }

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

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

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

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

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

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

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

.flex-indent {
  margin-left: -15px;
  margin-right: -15px; }
  .flex-indent .flex-item {
    margin-left: 15px;
    margin-right: 15px; }
  .flex-indent.double {
    margin-left: -30px;
    margin-right: -30px; }
    .flex-indent.double .flex-item {
      margin-left: 30px;
      margin-right: 30px; }

.flex-1 {
  flex: 1; }

.flex-2 {
  flex: 2; }

.flex-3 {
  flex: 3; }