.option-with-quota-box-wrapper {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 1rem;
}

.option-with-quota-box {
	border: 1px solid;
	padding: 10px;
	margin: 0 0.2rem 0.4rem 0.2rem;
	width: calc(16.66667% - 0.4rem);
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background-color 200ms ease;
}

.option-with-quota-box.disabled {
	background-color: #eaeaea;
	border: 1px solid #ccc;
	color: #959595;
	font-style: italic;
	cursor: not-allowed;
	pointer-events: none;
}

.option-with-quota-box.selected, .option-with-quota-box:hover {
	background-color: #222;
	border: 1px solid #666;
	color: #fff;
	position: relative;
}

.option-with-quota-box.selected:before {
	content: '\f00c';
    font-weight: 900;
	font-family: 'Font Awesome 5 Free', serif;
	margin-right: 10px;
}

@media screen and (max-width: 640px) {
	.option-with-quota-box {
		padding: 15px 10px;
		width: calc(33.3333% - 0.4rem);
	}
}