filter-tags {
	display: none;
}

select {
	font-family: Times;
	font-size: 0.9em;
	border: 2px solid #dddddd;
	background: #eeeeee;
	padding: 6px;
	transition: 0.4s;
	margin-right: 10px;
}

input {
	font-family: Times;
	font-size: 0.9em;
	border: 2px solid #dddddd;
	padding: 6px;
	transition: 0.4s;
	width: 60px;
}

.zoekvakjes {
	margin-top: 8px;
	margin-bottom: 8px;
	position: sticky;
	top:0;
	background: white;
	padding-top: 10px;
	padding-bottom: 15px;
	z-index: 1;
}

#citaatnrInput {
	border-radius: 5px;
}

button.zoekcitaatnummer {
	font-size: 0.9em;
	padding: 6px;
	width: 55px;
	border: none;
	border-radius: 5px;
	font-weight: bold;
	background-color: darkgrey;
	color: white;
	cursor: pointer;
	margin-right: 25px;
}

button.zoekcitaatnummer:hover {
	background-color: lightgrey;
	box-shadow: 2px 2px 5px darkgrey;
}

/* Stijldefinities popup modal met waarschuwing */

.modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 300px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.4); w/ opacity 
}

.modal-inhoud {
  background-color: #fefefe;
  margin: auto;
  padding: 15px 20px;
  border: 4px solid #888;
  width: 275px;
}

.sluitknop {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.sluitknop:hover,
.sluitknop:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.bericht {
	clear: right;
}

/* Einde tijldefinities popup modal met waarschuwing */

#tijdsnedeDropdown , #regioDropdown , #plaatsDropdown, #tekstcatDropdown, #genreDropdown, #tekstsoortDropdown, #mitsDropdown, #volgordepqDropdown, #catppDropdown {
	width: 180px;
	display: none;
	border-radius: 5px;
}

#selectFilter {
	display: inline-block;
	width: 180px;
	border-radius: 5px;
}

#emptySpace {
	display: inline-block;
	border: 2px solid lightgrey;
	width: 176px;
	height: 32px;
	vertical-align: bottom;
	margin-right: 10px;
	border-radius: 5px;
}

select:required:invalid {
	color: gray;
	font-style: italic;
}

option[value=""][disabled] {
	display: none;
}

option {
	color: black; font-style: normal;
}

#teller {
	width: 50px;
	color: #2d799f;
	background-color: #f3f3f3;
	display: inline-block;
	text-align:center;
	padding:3px;
	vertical-align: middle;
	border-radius: 5px;
}

.knopToonAlles {
	display: inline-block;
	background-color: #f3f3f3;
	padding-left:5px; padding-right: 5px; padding-top: 1px;
	border-radius: 10%; 
}

.knopToonAlles:hover {
  cursor: pointer;
}

.zfblok1, .zfblok2, .zfblok3 {
	display: inline-block;
}

@media screen and (max-width: 600px) {
    .zoekvakjes { display: grid; grid-template-areas:
    "zfblok1 zfblok3"
    "zfblok2 zfblok2"
	}
 
	.zoekvakjes div.zfblok1 {
		grid-area: zfblok1;
		}
	.zoekvakjes div.zfblok2 {
		grid-area: zfblok2;
		}
	.zoekvakjes div.zfblok3 {
		grid-area: zfblok3;
		}
 
	.zfblok2 {
		margin-top: 10px;
		}	
 
	#selectFilter, #tijdsnedeDropdown , #regioDropdown , #plaatsDropdown, #tekstcatDropdown, #genreDropdown, #tekstsoortDropdown, #mitsDropdown, #volgordepqDropdown, #catppDropdown, #emptySpace {
		width: 40vw;
		margin-right: 0px;
		}
		
	#emptySpace {
		margin-right: 0px;
	}

}