/****************************
    FLEX UTILITIES
    Non-responsive subset of Bootstrap 4/5's flex utility classes (this app ships Bootstrap 3,
    which has none). Class names and behavior are copied 1:1 from Bootstrap's own docs, so refer
    to https://getbootstrap.com/docs/5.3/utilities/flex/ instead of a custom cheat sheet.
    Not included: responsive breakpoint variants (flex-md-row, ...) - add on demand if needed.
****************************/
.d-flex{display:flex;}
.d-inline-flex{display:inline-flex;}

.flex-row{flex-direction:row;}
.flex-row-reverse{flex-direction:row-reverse;}
.flex-column{flex-direction:column;}
.flex-column-reverse{flex-direction:column-reverse;}
.flex-nowrap{flex-wrap:nowrap;}
.flex-wrap{flex-wrap:wrap;}
.flex-wrap-reverse{flex-wrap:wrap-reverse;}

.flex-fill{flex:1 1 auto;}
.flex-grow-0{flex-grow:0;}
.flex-grow-1{flex-grow:1;}
.flex-shrink-0{flex-shrink:0;}
.flex-shrink-1{flex-shrink:1;}

.justify-content-start{justify-content:flex-start;}
.justify-content-end{justify-content:flex-end;}
.justify-content-center{justify-content:center;}
.justify-content-between{justify-content:space-between;}
.justify-content-around{justify-content:space-around;}
.justify-content-evenly{justify-content:space-evenly;}

.align-items-start{align-items:flex-start;}
.align-items-end{align-items:flex-end;}
.align-items-center{align-items:center;}
.align-items-baseline{align-items:baseline;}
.align-items-stretch{align-items:stretch;}

.align-content-start{align-content:flex-start;}
.align-content-end{align-content:flex-end;}
.align-content-center{align-content:center;}
.align-content-between{align-content:space-between;}
.align-content-around{align-content:space-around;}
.align-content-stretch{align-content:stretch;}

.align-self-auto{align-self:auto;}
.align-self-start{align-self:flex-start;}
.align-self-end{align-self:flex-end;}
.align-self-center{align-self:center;}
.align-self-baseline{align-self:baseline;}
.align-self-stretch{align-self:stretch;}

.order-first{order:-1;}
.order-0{order:0;}
.order-1{order:1;}
.order-2{order:2;}
.order-3{order:3;}
.order-4{order:4;}
.order-5{order:5;}
.order-last{order:6;}

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