/* ====================== flex utils =======================*/
.f-column {
    display: flex;
    flex-direction: column;
}
.f-row {
    display: flex;
    flex-direction: row;
}
.f-grow {
    flex-grow: 1;
}
.no-grow {
    flex-grow: 0;
}
.shrink {
    flex-shrink: 1;
}
.no-shrink {
    flex-shrink: 0;
}
.f-pull-bottom {
    margin-top: auto;
}
.f-pull-right {
    margin-left: auto;
}
.f-pull-left {
    margin-right: auto;
}
.f-pull-bottom {
    margin-top: auto;
}
/* ====================== spacing =======================*/
.mg-r-15 {
    margin-right: 15px;
}
.no-margin {
    margin: 0 !important;
}
.no-padding {
    padding: 0 !important;
}