#leak_calculator_container {
	display: flex;
	flex-direction: column;
	gap: 1em;
	& .leak_rate_field_set {
		display: flex;
		flex-direction: column;
		justify-content: center;
		gap: .25em;
		& label {
			font-weight: bold;
		}
		& input {
			&.calculated_value {
				background: #90EE90;
				border-color: #228B22;
			}
		}
	}
}

#button_container {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 1em;
	& .button {
		width: 150px;
	}
}

/*Recommended products popup styling*/
#alert_products_wrapper {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 1em;
	max-height: 500px;
	& > * {
		display: flex;
		flex-direction: column;
		width: calc((100% / 2) - 1em);
		align-items: center;
		justify-content: flex-end;
	}
}