/*flex-container.tsx*/
.frm-item-flex {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: stretch;
	align-items: stretch;
	width: 100%;
}

.frm-item-flex > .frm-flex-child {
	position: relative;
	width: 1%;
	margin-bottom: 0;
	padding-left: 1px;
	padding-right: 1px;
}

.frm-item-flex > .frm-flex-child:first-child {
	padding-left: 0;
}

.frm-item-flex > .frm-flex-child:last-child {
	padding-right: 0;
}

.frm-item-flex > .frm-flex-child > .form-group,
.frm-item-flex > .frm-flex-child > .input-group,
.frm-item-flex > .frm-flex-child > button {
	margin-bottom: 0;
	margin-top: 0;
}

.frm-item-flex .frm-flex-child.frm-flex-childfill {
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}

.frm-item-flex .frm-flex-child.frm-flex-childnofill {
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
}

.frm-flex-container {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.frm-flex-container.frm-item-alignment-top {
	align-items: baseline;
}

.frm-flex-container.frm-item-alignment-center {
	align-items: center;
}

.frm-flex-container.frm-item-alignment-bottom {
	align-items: end;
}

.frm-flex-container > .frm-flex-child {
	padding-left: 7.5px;
	padding-right: 7.5px;
}

.frm-flex-container > .frm-flex-child:first-child {
	padding-left: 0;
}

.frm-flex-container > .frm-flex-child:last-child {
	padding-right: 0;
}

.frm-flex-container > .frm-flex-child > .card {
	height: 100%;
}

.frm-item-flex .frm-flex-child.frm-flex-childfill.frm-flex-child-nogrow,
.frm-item-flex .frm-flex-child.frm-flex-childnofill.frm-flex-child-nogrow {
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	flex-grow: 0;
	width: auto;
}

@media (max-width: 767px) {
	.frm-flex-container > .frm-flex-child {
		padding-left: 1.5px;
		padding-right: 1.5px;
	}

	.frm-flex-container > .frm-flex-child:first-child {
		padding-left: 0;
	}

	.frm-flex-container > .frm-flex-child:last-child {
		padding-right: 0;
	}

	.frm-flex-container.frm-flex-mobilefw {
		display: block;
		overflow: hidden;
	}

	.frm-flex-container.frm-flex-mobilefw > .frm-flex-child {
		padding-left: 0;
		padding-right: 0;
		width: 100%;
	}

	.frm-flex-container.frm-flex-mobilefw > .frm-flex-child > .card {
		height: auto;
	}
}