.d-flex {
	display:flex;
}

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

.flex-container {
	display:flex;
	flex-direction: column;
	width: 100%;
}
.flex-row {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
}
div.flex-col-1	{ width:calc(100%/12); }
div.flex-col-2	{ width:calc(100%/6);  }
div.flex-col-3	{ width:calc(100%/4);  }
div.flex-col-4	{ width:calc(100%/3);  }
div.flex-col-5	{ width:calc(500%/12); }
div.flex-col-6	{ width:calc(100%/2);  }
div.flex-col-7	{ width:calc(700%/12); }
div.flex-col-8	{ width:calc(800%/12); }
div.flex-col-9	{ width:calc(900%/12); }
div.flex-col-10	{ width:calc(1000%/12);}
div.flex-col-11	{ width:calc(1100%/12);}
div.flex-col-12	{ width:100%; }

.flex-offset-1	{ margin-left:8.33333333% }
.flex-offset-2	{ margin-left:16.66666667% }
.flex-offset-3	{ margin-left:25% }
.flex-offset-4	{ margin-left:33.33333333% }
.flex-offset-5	{ margin-left:41.66666667% }
.flex-offset-6	{ margin-left:50% }
.flex-offset-7	{ margin-left:58.33333333% }
.flex-offset-8	{ margin-left:66.66666667% }
.flex-offset-9	{ margin-left:75% }
.flex-offset-10	{ margin-left:83.33333333% }
.flex-offset-11	{ margin-left:91.66666667% }

.form-group, .form-group-inline {
	display: flex;
	flex-direction: column;
	padding: .25em .5em;
	margin: .25em;
}
.form-group-inline {
	flex-direction: row;
}

.form-check-input {
	margin-right: 1em;
}

dialog.modal-xl {
	margin: 5% auto;
	width: 95%
}
dialog.modal-lg {
	margin: 5% auto;
	width: 95%
}
dialog.modal-sm {
	margin: 5% auto;
	width: 95%
}

@media only screen and (min-width: 768px) {
        div.flex-col-md-1 { width:calc(100%/12); }
        div.flex-col-md-2 { width:calc(100%/6);  }
        div.flex-col-md-3 { width:calc(100%/4);  }
        div.flex-col-md-4 { width:calc(100%/3);  }
        div.flex-col-md-5 { width:calc(500%/12); }
        div.flex-col-md-6 { width:calc(100%/2);  }
        div.flex-col-md-7 { width:calc(700%/12); }
        div.flex-col-md-8 { width:calc(800%/12); }
        div.flex-col-md-9 { width:calc(900%/12); }
        div.flex-col-md-10{ width:calc(1000%/12);}
        div.flex-col-md-11{ width:calc(1100%/12);}
        div.flex-col-md-12{ width:100%; }

	.flex-offset-md-0	{ margin-left:0 }
	.flex-offset-md-1	{ margin-left:8.33333333% }
	.flex-offset-md-2	{ margin-left:16.66666667% }
	.flex-offset-md-3	{ margin-left:25% }
	.flex-offset-md-4	{ margin-left:33.33333333% }
	.flex-offset-md-5	{ margin-left:41.66666667% }
	.flex-offset-md-6	{ margin-left:50% }
	.flex-offset-md-7	{ margin-left:58.33333333% }
	.flex-offset-md-8	{ margin-left:66.66666667% }
	.flex-offset-md-9	{ margin-left:75% }
	.flex-offset-md-10	{ margin-left:83.33333333% }
	.flex-offset-md-11	{ margin-left:91.66666667% }
}

@media only screen and (min-width: 993px) {
        div.flex-col-lg-1 { width:calc(100%/12); }
        div.flex-col-lg-2 { width:calc(100%/6);  }
        div.flex-col-lg-3 { width:calc(100%/4);  }
        div.flex-col-lg-4 { width:calc(100%/3);  }
        div.flex-col-lg-5 { width:calc(500%/12); }
        div.flex-col-lg-6 { width:calc(100%/2);  }
        div.flex-col-lg-7 { width:calc(700%/12); }
        div.flex-col-lg-8 { width:calc(800%/12); }
        div.flex-col-lg-9 { width:calc(900%/12); }
        div.flex-col-lg-10{ width:calc(1000%/12);}
        div.flex-col-lg-11{ width:calc(1100%/12);}
	div.flex-col-lg-12{ width:100%; }

	.flex-offset-lg-0	{ margin-left:0 }
	.flex-offset-lg-1	{ margin-left:8.33333333% }
	.flex-offset-lg-2	{ margin-left:16.66666667% }
	.flex-offset-lg-3	{ margin-left:25% }
	.flex-offset-lg-4	{ margin-left:33.33333333% }
	.flex-offset-lg-5	{ margin-left:41.66666667% }
	.flex-offset-lg-6	{ margin-left:50% }
	.flex-offset-lg-7	{ margin-left:58.33333333% }
	.flex-offset-lg-8	{ margin-left:66.66666667% }
	.flex-offset-lg-9	{ margin-left:75% }
	.flex-offset-lg-10	{ margin-left:83.33333333% }
	.flex-offset-lg-11	{ margin-left:91.66666667% }       

	dialog.modal-xl {
		margin: 5% auto;
		width: 95%
	}
	dialog.modal-lg {
		margin: 5% auto;
		width: 80%
	}
	dialog.modal-sm {
		margin: 5% auto;
		width: 60%
	}
}

@media only screen and (min-width: 1200px) {
        div.flex-col-xl-1 { width:calc(100%/12); }
        div.flex-col-xl-2 { width:calc(100%/6);  }
        div.flex-col-xl-3 { width:calc(100%/4);  }
        div.flex-col-xl-4 { width:calc(100%/3);  }
        div.flex-col-xl-5 { width:calc(500%/12); }
        div.flex-col-xl-6 { width:calc(100%/2);  }
        div.flex-col-xl-7 { width:calc(700%/12); }
        div.flex-col-xl-8 { width:calc(800%/12); }
        div.flex-col-xl-9 { width:calc(900%/12); }
        div.flex-col-xl-10{ width:calc(1000%/12);}
        div.flex-col-xl-11{ width:calc(1100%/12);}
        div.flex-col-xl-12{ width:100%; }

	.flex-offset-xl-0	{ margin-left:0 }
	.flex-offset-xl-1	{ margin-left:8.33333333% }
	.flex-offset-xl-2	{ margin-left:16.66666667% }
	.flex-offset-xl-3	{ margin-left:25% }
	.flex-offset-xl-4	{ margin-left:33.33333333% }
	.flex-offset-xl-5	{ margin-left:41.66666667% }
	.flex-offset-xl-6	{ margin-left:50% }
	.flex-offset-xl-7	{ margin-left:58.33333333% }
	.flex-offset-xl-8	{ margin-left:66.66666667% }
	.flex-offset-xl-9	{ margin-left:75% }
	.flex-offset-xl-10	{ margin-left:83.33333333% }
	.flex-offset-xl-11	{ margin-left:91.66666667% }

	dialog.modal-xl {
		margin: 5% auto;
		width: 95%
	}
	dialog.modal-lg {
		margin: 5% auto;
		width: 60%
	}
	dialog.modal-sm {
		margin: 5% auto;
		width: 40%
	}
}