.flex {
	display:flex;
}
.inline-flex {
	display:inline-flex;
}
.flex-true {
	flex:1 1 auto;
}
.column {
	flex-direction:column;
}
.space-between {
	justify-content:space-between;
}
.flex-grow {
	flex:1 1 0;
	border:1px solid red;
}
.flex-wrap {
	flex-wrap:wrap;
}
.a-center {
	align-items:center;
}
.a-end {
	align-items:flex-end;
}
.j-center {
	justify-content:center;
}
.j-start {
	justify-content:flex-start;
}
.j-end {
	justify-content:flex-end;
}

.col-1 {
	flex:1;
}
.col-2 {
	flex:2;
}
.col-3 {
	flex:3;
}
.col-4 {
	flex:4;
}
.col-5 {
	flex:5;
}
.col-6 {
	flex:6;
}
.col-7 {
	flex:7;
}
.col-8 {
	flex:8;
}
.col-9 {
	flex:9;
}
.col-10 {
	flex:10;
}
.col-11 {
	flex:11;
}
.col-12 {
	flex:12;
}
.col-13 {
	flex:13;
}
.col-14 {
	flex:14;
}
.col-15 {
	flex:15;
}
.col-31 {
	flex:0 0 auto;
	width:31%;
}
.col-32 {
	flex:0 0 auto;
	width:32%;
}
.col-40 {
	flex:0 0 auto;
	width:40%;
}
.col-21 {
	flex:0 0 auto;
	width:21%;
}
.col-24 {
	flex:0 0 auto;
	width:24%;
}
.col-48 {
	flex:0 0 auto;
	width:46%;
}
.col-50 {
	flex:0 0 auto;
	width:50%;
}
.col-56 {
	flex:0 0 auto;
	width:56%;
}
.col-66 {
	flex:0 0 auto;
	width:64%;
}



/*** gap ***/
.gap-0 { gap: 0px!important }
.gap-1 { gap: 1px!important }
.gap-2 { gap: 2px!important }
.gap-3 { gap: 3px!important }
.gap-4 { gap: 4px!important }
.gap-5 { gap: 5px!important }
.gap-10 { gap: 10px!important }
.gap-15 { gap: 15px!important }
.gap-20 { gap: 20px!important }
.gap-25 { gap: 25px!important }
.gap-30 { gap: 30px!important }
.gap-40 { gap: 40px!important }
.gap-50 { gap: 50px!important }

.gap-01em { gap: 0.1em!important }
.gap-02em { gap: 0.2em!important }
.gap-03em { gap: 0.3em!important }
.gap-04em { gap: 0.4em!important }
.gap-05em { gap: 0.5em!important }
.gap-06em { gap: 0.6em!important }
.gap-07em { gap: 0.7em!important }
.gap-08em { gap: 0.8em!important }
.gap-09em { gap: 0.9em!important }
.gap-1em { gap: 1em!important }
.gap-2em { gap: 2em!important }
.gap-3em { gap: 3em!important }
.gap-4em { gap: 4em!important }
.gap-5em { gap: 5em!important }
.gap-6em { gap: 6em!important }
.gap-7em { gap: 7em!important }
.gap-8em { gap: 8em!important }
.gap-9em { gap: 9em!important }
.gap-10em { gap: 10em!important }

/*** xgap ***/
.xgap-0 { column-gap: 0px!important }
.xgap-1 { column-gap: 1px!important }
.xgap-2 { column-gap: 2px!important }
.xgap-3 { column-gap: 3px!important }
.xgap-4 { column-gap: 4px!important }
.xgap-5 { column-gap: 5px!important }
.xgap-10 { column-gap: 10px!important }
.xgap-15 { column-gap: 15px!important }
.xgap-20 { column-gap: 20px!important }
.xgap-25 { column-gap: 25px!important }
.xgap-30 { column-gap: 30px!important }
.xgap-40 { column-gap: 40px!important }
.xgap-50 { column-gap: 50px!important }

.xgap-01em { column-gap: 0.1em!important }
.xgap-02em { column-gap: 0.2em!important }
.xgap-03em { column-gap: 0.3em!important }
.xgap-04em { column-gap: 0.4em!important }
.xgap-05em { column-gap: 0.5em!important }
.xgap-06em { column-gap: 0.6em!important }
.xgap-07em { column-gap: 0.7em!important }
.xgap-08em { column-gap: 0.8em!important }
.xgap-09em { column-gap: 0.9em!important }
.xgap-1em { column-gap: 1em!important }
.xgap-2em { column-gap: 2em!important }
.xgap-3em { column-gap: 3em!important }
.xgap-4em { column-gap: 4em!important }
.xgap-5em { column-gap: 5em!important }
.xgap-6em { column-gap: 6em!important }
.xgap-7em { column-gap: 7em!important }
.xgap-8em { column-gap: 8em!important }
.xgap-9em { column-gap: 9em!important }
.xgap-10em { column-gap: 10em!important }

/*** ygap ***/
.ygap-0 { row-gap: 0px!important }
.ygap-1 { row-gap: 1px!important }
.ygap-2 { row-gap: 2px!important }
.ygap-3 { row-gap: 3px!important }
.ygap-4 { row-gap: 4px!important }
.ygap-5 { row-gap: 5px!important }
.ygap-10 { row-gap: 10px!important }
.ygap-15 { row-gap: 15px!important }
.ygap-20 { row-gap: 20px!important }
.ygap-25 { row-gap: 25px!important }
.ygap-30 { row-gap: 30px!important }
.ygap-40 { row-gap: 40px!important }
.ygap-50 { row-gap: 50px!important }

.ygap-01em { row-gap: 0.1em!important }
.ygap-02em { row-gap: 0.2em!important }
.ygap-03em { row-gap: 0.3em!important }
.ygap-04em { row-gap: 0.4em!important }
.ygap-05em { row-gap: 0.5em!important }
.ygap-06em { row-gap: 0.6em!important }
.ygap-07em { row-gap: 0.7em!important }
.ygap-08em { row-gap: 0.8em!important }
.ygap-09em { row-gap: 0.9em!important }
.ygap-1em { row-gap: 1em!important }
.ygap-2em { row-gap: 2em!important }
.ygap-3em { row-gap: 3em!important }
.ygap-4em { row-gap: 4em!important }
.ygap-5em { row-gap: 5em!important }
.ygap-6em { row-gap: 6em!important }
.ygap-7em { row-gap: 7em!important }
.ygap-8em { row-gap: 8em!important }
.ygap-9em { row-gap: 9em!important }
.ygap-10em { row-gap: 10em!important }