.flex-ai-jc-center{
@extend .d-flex;
@extend .flex-jc-center;
@extend .flex-ai-center;
}
.d-flex {
  display: flex;
}
.d-flex-inline {
  display: inline-flex !important;
}
.flex-jc-center {
  justify-content: center !important;
}
.flex-jc-flex-end {
  justify-content: flex-end !important;
}
.flex-jc-space-around {
  justify-content: space-around !important;
}
.flex-jc-space-between {
  justify-content: space-between !important;
}
.flex-as-center {
   align-self: center !important;
}
.flex-as-flex-end {
  align-self: flex-end !important;
}  
.flex-ai-center {
  align-items: center !important;
}
.flex-ai-baseline {
  align-items: baseline !important;
}
.flex-ai-end {
  align-items: flex-end !important;
}
.ai-end {
  align-items: end !important;
}
.flex-dr {
  flex-direction: row !important;
}
.flex-dc {
  flex-direction: column !important;
}
.flex-w-wrap {
  flex-wrap: wrap !important;
}
.flex-basis-1 {
  flex:1;
}
.flex-basis-100 {
  flex-basis: 100%;
}
.flex-30 {
  flex:30;
}
.flex-70 {
  flex:70;
}
.flex-25 {
  flex:25;
}
.flex-75 {
  flex:75;
}
.flex-grow-1{
  flex-grow: 1;
}
.flex-5{
  flex: 5;
}
.flex-3{
  flex: 3;
}
.flex-4{
  flex: 4;
}
.flex-2{
  flex: 2;
}