.filter {
	display: flex;
	align-items: center;
	margin-bottom: 0;
	flex-wrap: wrap;
}

	.filter input,
	.filter select, .filter .select2 {
		margin-right: 10px;
		flex-basis: 20%;
		margin-bottom: 10px;
	}

	.filter .button {
		white-space: nowrap;
		word-break: keep-all;
		margin-bottom: 10px;
	}

.controls {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}

	.controls.top-right-corner {
		position: absolute;
		top: 15px;
		right: 15px;
	}

		.controls.top-right-corner.no-offset {
			top: -10px;
			right: 0;
		}

	.controls .button {
		margin-right: 8px;
		display: flex;
		align-items: center;
		visibility: visible;
		opacity: 1;
		transition: all 300ms ease-in-out;
		white-space: nowrap;
		word-break: keep-all;
	}

		.controls .button.hidden {
			visibility: hidden;
			opacity: 0;
		}

		.controls .button i {
			margin-right: 3px;
			text-align: center;
		}