/* FLEX CONTAINERS */
.flex-main-container {
	/* border: dashed 1px green; */

	display: flex;
}

.flex-container {
	/* border: dashed 1px blue; */

	flex-wrap: wrap;
	display: flex;
}

.flex-item {
	/* border: dashed 1px black; */

	display: block;
	padding: .5em 1em;
	margin: .4em;
}

.flex-item-no-margin {
	/* border: dashed 1px black; */
	display: block;
	margin: 1px 1px;
}

.flex-inline {
	display: inline-flex;
}

.flex-header {
	/* border: solid 2px yellow; */

	height: 40px;
	display: block;
}

.flex-nowarp {
	flex-wrap: nowrap !important;
}

/* FLEX ALIGN */
.flex-align-items-center {
	align-items: center !important;
}

.flex-align-items-start {
	align-items: flex-start !important;
}

.flex-align-items-end {
	align-items: flex-end !important;
}

.flex-align-items-stretch {
	align-items: stretch !important;
}

.flex-start {
	justify-content: flex-start;
}

.flex-end {
	justify-content: flex-end;
}

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

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

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

.flex-space-evenly {
	justify-content: space-evenly;
}

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

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

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

.flex-wide {
	width: 100%
}

.flex-align-content-start {
	align-content: flex-start;
}

.flex-align-content-end {
	align-content: flex-end;
}

.flex-align-content-center {
	align-content: center;
}

.flex-align-self-start {
	align-self: flex-start;
}

.flex-align-self-end {
	align-self: flex-end;
}

.flex-align-self-center {
	align-self: center;
}

.flex-grow-1 {
	flex-grow: 1;
}

.flex-grow-2 {
	flex-grow: 2;
}

.flex-1-auto {
	flex: 1 auto;
}

.flex-2-auto {
	flex: 2 auto;
}