* {
	font-family: "Circular", Sans-serif;
}

.kleinebox {
	min-width: 100%;
	background: blue;
	min-height: 10px;
	/* border: green 1px solid; */
	width: 10px;
	height: 13px;
}

table {
	margin: 5px;
	border-collapse: collapse;
}

th, img {
	padding: 0px;
	margin: 0px;
	vertical-align: top;
}

td {
	padding: 10px;
	text-align: right;
	padding-right: 5px;
	padding-left: 5px;
}

th {
	/*width: 1%; */
	border: 0.1px solid black;
}

.man {
	border-radius: 100% 0 0 100%;
}

.mv {
	height: 35px;
	width: 35px;
	margin: 0px;
	padding: 10px;
	border: 0;
}	

.vrouw {
	border-radius: 0 100% 100% 0;
}

.buttongray {
	cursor: pointer; 
	background: #D0D0D0;
}

.buttonorange {
	background: #FF9030;
	font-weight: bold;
}

.noborder {
	border: 0px;
}

.alert {
	position: fixed;
	inset: 0;
	background-color: rgba(255,255, 255, 0.6);
	width: 100%;
	height: 100%;
}

.hidden {
	display: none !important;
}

.buttons {
	background: #FF9030;
	padding: 10px 10px 10px 10px;
	border-radius: 5px 5px 5px 5px;
	border: white;
	margin: 0 0 5px 5px;
	cursor: pointer;
}

.bigger {
	text-align: center;
	height: 94%;
	width: 94vh;
	margin-left: auto;
	margin-right: auto;
	background-color: #232327;
	border-radius: 15px;
	margin-top: -0.5%;
}

.smaller {
	text-align: center;
	height: 10vh;
	width: 30vw;
	margin-left: auto;
	margin-right: auto;
	background-color: #232327;
	border-radius: 15px;
	margin-top: 45vh;
	padding: 5px;
}

.smalltable {
	text-align: center;
	vertical-align: middle;
	min-width: calc(100vw/6);
	display: inline;
	border: 0.1px black solid;
	width: calc(100% - 84px);
	font-size: large;
	height: 80px;
}

.normalfont {
	font-size: unset;
}

.verwijderd {
	background: lightcoral;
}

.smallpic {
	width: 80px;
}

.forcesmallpic {
	height: 80px;
	overflow: hidden;
	display: inline-block;
	width: 80px;
	border: 0.1px black solid;
}

.spancellX {
	display: inline-flex;
	min-width: 25%;
	max-width: 25%;
}

.infofotos {
	width: 100%;
}

.bestefoto {
	clip-path: circle(60px at 60px 60px);
}

.informatie {
	min-height: 500px;
	width: 98%;
	text-align: center;
	margin-left: auto;
	margin-right: 0.75%;
	background-color: #222222;
	border-radius: 25px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	color: #eeeeee;
}

.whatsapptable {
	vertical-align: middle;
}

.oldpicture {
	opacity: 0.2;
	background: black;
}

.tabelfotos {
	width: 80px;
}

.veranderingfotos {
	width:120px;
}

.bovenrand {
	padding: 10px;
	background: lightblue;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

.blauweknop {
	background: #00A0C0;
	padding: 7px;
	border-radius: 4px;
	margin: 0px;
	border: 0px;
}

.centerX {
	margin-left: auto;
	margin-right: auto;
	table-layout: fixed;
	width: 100%;
}

.input {
	background: #CEE;
	padding: 12px 10px 12px 19px;
	border-radius: 5px 5px 5px 5px;
	border: 0;
}

.searchbar {
	background: #CEE;
	padding: 8px 10px 8px 19px;
	border-radius: 5px 5px 5px 5px;
	border: 0;
}

.cats {
	background: #FF9000;
	padding: 12px 10px 12px 10px;
	color: black;
	border-radius: 5px 5px 5px 5px;
	border: white;
	margin-top:4px;
}

.cats.delete {
	background: #F55;
}

.cats.linktocat {
	background: #00A0C0;
}

.scrollen {
	overflow-y: scroll;
	height: 100%;
}

.body {
	overflow: hidden;
	margin: 0px;
}

.light {
	background: #232327;
	color: #D7D7DB;
}

.dark {
	background: #111b21;
	color: #e9edef;
}

.green {
	background-color: limegreen;
}

.red {
	background-color: #55F;
}