/* flexbox */
.lp-flexbox {
  text-align: left;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.lp-flexbox.next-dir-row {
  flex-direction: row;
}
.lp-flexbox.next-dir-row-reverse {
  flex-direction: row-reverse;
}
.lp-flexbox.next-dir-column {
  flex-direction: column;
}
.lp-flexbox.next-dir-column .next--item {
  margin-left: 0;
}
.lp-flexbox.next-dir-column-reverse {
  flex-direction: column-reverse;
}
.lp-flexbox.next-dir-column-reverse .next--item {
  margin-left: 0;
}
.lp-flexbox.next-nowrap {
  flex-wrap: nowrap;
}
.lp-flexbox.next-wrap {
  flex-wrap: wrap;
}
.lp-flexbox.next-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.lp-flexbox.next-justify-start {
  justify-content: flex-start;
}
.lp-flexbox.next-justify-end {
  justify-content: flex-end;
}
.lp-flexbox.next-justify-center {
  justify-content: center;
}
.lp-flexbox.next-justify-between {
  justify-content: space-between;
}
.lp-flexbox.next-justify-around {
  justify-content: space-around;
}
.lp-flexbox.next-align-start {
  align-items: flex-start;
}
.lp-flexbox.next-align-end {
  align-items: flex-end;
}
.lp-flexbox.next-align-center {
  align-items: center;
}
.lp-flexbox.next-align-stretch {
  align-items: stretch;
}
.lp-flexbox.next-align-baseline {
  align-items: baseline;
}
.lp-flexbox.next-align-content-start {
  align-content: flex-start;
}
.lp-flexbox.next-align-content-end {
  align-content: flex-end;
}
.lp-flexbox.next-align-content-center {
  align-content: center;
}
.lp-flexbox.next-align-content-between {
  align-content: space-between;
}
.lp-flexbox.next-align-content-around {
  align-content: space-around;
}
.lp-flexbox.next-align-content-stretch {
  align-content: stretch;
}
.lp-flexbox .next-item {
  box-sizing: border-box;
  flex: 1;
  margin-left: 8px;
  min-width: 10px;
}
.lp-flexbox .next-item:first-child {
  margin-left: 0;
}

.flex-box {
  margin: 20px 0;
}

.flex-container {
  margin: 0 15px;
}

.flex-container .inline {
  width: 80px !important;
  margin: 9px 9px 9px 0;
}

.flex-container .small {
  height: 20px !important;
  line-height: 20px !important;
}

.placeholder {
  background-color: #ebebef;
  color: #666;
  text-align: center;
  height: 30px;
  line-height: 30px;
  width: 100%;
}