.rr-wrap {
	display: flex;
	gap: .5rem;
	align-items: flex-end;
	flex-wrap: wrap
}

.rr-row {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	margin-right: 0.5rem
}

.rr-field {
	min-width: 115px
}

.rr-label {
	color: #6c757d;
	font-size: .85rem;
	margin-bottom: .25rem
}

.rr-select {
	width: 115px;
	background: rgb(200, 250, 235);
	cursor: pointer;
}

.rr-control {
	width: 115px;
	background: rgb(200, 250, 235);
}

.rr-control[type="date"],
.rr-control[type=date],
.rr-control.form-control {
	width: 115px
}

.rr-preset {
	width: 180px
}

.rr-hidden-preset {
	display: none
}

/* Ensure form-group wrapper follows Bootstrap spacing */
.form-group.rr-group {
	margin-right: .5rem;
	margin-bottom: 0
}

/* small responsive tweaks */
@media (max-width:576px) {
	.rr-wrap {
		flex-direction: column;
		align-items: flex-start
	}

	.rr-preset {
		width: 100%
	}

	.rr-control {
		width: 100%
	}
}