:root {
	  --newslabelcolor: #00AA00; 				/* Green */
	  --prijsverlaginglabelcolor: #CA4509; 	/* Oranje */
	}

	table {
		width: 100%;
		border-collapse: collapse;
		border-spacing: 0;
		background-color: transparent;
	}


	.fixed-title-bar {
		position: fixed;
		top: 55px;
		max-height: var(--header-height);
		left: 0;
		right: 0;
		z-index: 999;
	}
	.title-bar {
		color: var(--fourtharycolor);
		background-color: var(--thirdarybgcolor);
		font-size: var(--fs-md);
		text-transform: uppercase;
		vertical-align: middle;
		min-height: 31px;
		padding: 5px 15px;
		border-radius: 4px;
		border: 1px solid var( --fourtharybordercolor);
		padding-left: 15px;
		padding-right: 5px;
		z-index: 999;
	}
	.thirdary-title {
		color: var(--fourtharycolor);
		background-color: var(--thirdarybgcolor);
		font-size: var(--fs-md);
		text-transform: uppercase;
		vertical-align: middle;
		min-height: 31px;
		padding: 3px 10px;
		margin-top: 5px;
		margin-bottom: 3px;
		border-radius: 4px;
	}
	.thirdary-subtitle {
		color: var(--fourtharycolor);
		background-color: var(--thirdarybgcolor);
		font-size: var(--fs-md);
		min-height: 25px;
		padding: 3px 10px;
		margin-bottom: 3px;
	}

/* GENERAL */
	.border {
		border:1px solid var(--secundarybordercolor);
		border-radius: 4px;
	}
	.right {
		float:right;
	}

/* BADGE */
	.badge {
		display: inline-block;
		min-width: 10px;
		padding: 3px 10px;
		margin: 2px;
		font-size: var(--fs-md);
		font-weight: bold;
		text-transform: uppercase;
		line-height: 1;
		vertical-align: baseline;
		text-align: center;
		white-space: normal;
		border-radius: 10px;
		}
	.badge:empty {
		display: none;
		}
	.badge-info {
		color: #fff;
		background-color: var(--secundarybgcolor);
		}
	.badge-primary {
		color:#fff;
		background-color: var(--newslabelcolor);
		}
	.badge-secondary {
		color:#fff;
		background-color: var(--prijsverlaginglabelcolor);
		}

/* BUTTON */
	.btn {
		display: inline-block;
		margin-bottom: 1px !important;
		font-weight: bold;
		text-align: center;
		vertical-align: middle;
		height: 2rem;
		cursor: pointer;
		background-image: none;
		white-space: nowrap;
		border-radius: 4px;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	.button-primary {
		color: #fff;
		background-color: var(--primarybgcolor);
		border-color: var(--primarycolor);
	}

	/* FOURTHARY */
		.btn-fourthary {
			color: #fff;
			background-color: var(--secundarybgcolor);
			border-color: var(--secundarybordercolor);
		}
		.btn-fourthary:hover,
		.btn-fourthary:focus,
		.btn-fourthary:active,
		.btn-fourthary.active {
			color: #fff;
			background-color: var(--fourtharybgcolor);
			border-color: var(--secundarybordercolor);
		}
	/* FIFTHARY */
		.btn-fifthary {
			color: #fff;
			background-color: green;
			border-color: var(--fourtharybordercolor);
			}
	/* DANGER */
		.btn-danger {
			color: #fff !important;
			background-color: red;
			border-color: var(--secundarybordercolor);
			}

/* dataTables */
	.dataTables_wrapper {
		width: 100%;
	}

	.dataTables_filter {
		float: right;
		margin-bottom: 10px;
	}

	.dataTables_filter input {
		margin-left: 0.5em;
		padding: 5px 8px;
		border: 1px solid #ccc;
		border-radius: 3px;
	}

	.dataTables_paginate {
		float: right;
		margin-top: 10px;
	}

	.dataTables_paginate .paginate_button {
		display: inline-block;
		padding: 4px 8px;
		margin-left: 2px;
		border: 1px solid #ddd;
		border-radius: 3px;
		cursor: pointer;
	}

	.dataTables_paginate .paginate_button.current {
		font-weight: bold;
	}

	.dataTables_info {
		float: left;
		margin-top: 10px;
	}

	.dataTables_wrapper::after {
		content: "";
		display: table;
		clear: both;
	}

/* TABLE STATIC */
	.table-static {
		border: 1px solid var(--primarybordercolor);
		}
	.table-static > thead {
		background-color: var(--secundarybgcolor);
		}
	.table-static > thead tr > th {
		border: 1px solid var(--primarybordercolor);
		font-size: var(--fs-md);
		font-weight: 300;
		color: #fff;
		}
	.table-static > thead > tr > th,
	.table-static > tbody > tr > th,
	.table-static > tfoot > tr > th,
	.table-static > thead > tr > td,
	.table-static > tbody > tr > td,
	.table-static > tfoot > tr > td {
		padding: 3px 5px 3px;
		text-align: left;
		border: 1px solid var(--primarybordercolor);
		}
	.table-static > thead > tr > th,
	.table-static > thead > tr > td {
		border-bottom-width: 1px;
		}
	.table-static > tbody > tr:nth-child(odd) > td {
		background-color: #F8F9F9;
		}
	.table-static > tbody > tr:nth-child(even) > td {
		background-color: #fff;
		}

	/* TABLE COMPACT (= overview-table in programma's) */
		.table-compact {
			border-collapse: collapse;
			margin-bottom: 10px;
		}
		.table-compact > thead > tr > th,
		.table-compact > tfoot > tr > th {
			border:1px solid var(--primarybordercolor);
			padding:5px; 
			background-color: var(--thirdarybgcolor); 
		}
		.table-compact > tbody > tr > td {
			border: 1px solid var(--primarybordercolor);
			padding: 5px;
		}

/* Zit in uploads */
	#uploaded-images {
		float: left;
		width: 100%;
		}
	#uploaded-images .uploaded-img {
		float: left;
		margin: 0px 3px 3px 0px !important;
		position: relative;
		overflow: hidden;
		max-width: 100%;
		width: 150px;
		min-height: 100px;
		max-height: 150px;
		cursor: grab;
		cursor: -webkit-grab;
	}
	#uploaded-images .uploaded-img i.action-remove {
		position: absolute;
		bottom: 0;
		right: 0;
		background-color: var(--primarybgcolor);
		color: #fff;
		font-size: 1.4em;
		padding: 5px;
		cursor: pointer;
	}
	#uploaded-images .uploaded-img i.featured-img {
		position: absolute;
		left: 0;
		top: 0;
		background-color: var(--primarybgcolor);
		color: #fff;
		font-size: 1.4em;
		padding: 5px;
		cursor: auto;
	}
	#uploaded-images .uploaded-img-content {
		position: relative;
		width: 100%;
		height: 100%;
	}
	#uploaded-images .uploaded-img i {
		position: absolute;
		bottom: 0px;
		right: 0px;
		background-color: var(--primarybgcolor);
		color: #fff;
		font-size: 1.4em;
		padding: 5px;
		cursor: pointer;
	}
	#uploaded-images .uploaded-img i.featured-img {
		left: 0px;
		top: 0px;
		bottom: auto;
		right: auto;
		cursor: auto;
	}
	#aaiu-uploader {
		  margin-top: 30px;
	}
	#uploaded-images .img-thumb {
		display: block;
		width: 100%;
		height: 120px;
		object-fit: cover;
	}