.filter-form {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-bottom: 20px;
}
.filter-input label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
}
select[multiple] {
    width: 100%;
    height: 100px;
}
.filter-row {
    display: contents; /* allows grid to manage rows automatically */
}








/*  */




.text-wrap {
		white-space: normal;
	}

	.width-200 {
		width: 200px;
	}

	#loading {
		background: url("{{ url_for('static', filename='img/loading.gif') }}") no-repeat center center;
		position: absolute;
		top: 0;
		left: 1.5%;
		height: 96%;
		width: 96.7%;
		display: none;
		background-color: rgba(0, 0, 0, 0.2);
	}

	h1,
	.container_update {
		margin-left: 20px;
		font-family: Arial, Helvetica, sans-serif;
	}

	#filters {
		margin-top: 5px;
		border: 1.5px solid grey;
		background-color: lightgray;
	}

	#options {
		width: 96%;
		margin-left: 2%;
		margin-right: 2%;
		margin-top: 5px;
	}

	#options_s {
		width: 32%;
		float: left;
	}

	#button_s {
		width: 100%;
		border-radius: 0;
		background-color: rgb(197, 62, 38);
		border-color: grey;
		padding: 5px;
		color: white;
		font-size: 20px;
	}

	.dt-buttons {
    	margin-bottom: 20px;
	}