/*
Flex layout skeletons 
*/

.flexbox-vertical {
	display: flex;
	flex-direction: column;
}

.flexbox-horizontal {
	display: flex;
	flex-direction: row;
}

.flexbox-fulljustify {
	justify-content: space-between;
}

.flexbox-fullcenter {
	align-items: center;
	justify-content: center;
}

.flexbox-center {
	align-items: center;
}

.flexbox-wrap {
	flex-wrap: wrap;
}

.flexitem {
	/*flex: 1;*/
	flex: 1 0 auto;
}

.flexitem-old {
	flex: 1;
	/*flex: 1 0 auto;*/
}

.flexitem-min {
	/*flex: 0 0 auto;*/
	flex: 0 1 auto !important;
}

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

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

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

.flex-filler {
	/*flex: 9999;*/
	flex: 9999 0 auto !important;
}