* {
	font-family:"Varela Round","Lucida console", Verdana, Arial;
}

body {
	max-width:800px !important;
	display:block;
	margin:0 auto;
	overflow-y:scroll;
}

#body_background_default {
	background-image: linear-gradient(to right, rgba(255,255,255,1), rgba(65,105,255,1));
}

#body_background_afvinken {
	background-image: linear-gradient(to left, rgba(255,255,255,1), #ffa100);
}

#header_afvinken {
	background-color:#ffa100;
	color:#333;
}

header {
	display:block;
	width:100%;
	padding: 1rem;
}

main {
	display:block;
	width:90%;
	
	padding:1rem;
	margin:1rem auto 4rem auto;
	
	background-color:#eee;
	
	box-shadow:4px 4px 16px #333;
	border-radius:0.24rem;
}

footer {
	display:block;
	width:100%;
	
	margin:0;
	
	padding: 1rem;

	/*background-image: linear-gradient(to left, #00befa, rgba(255,180,50,1));*/
	background-color:#333;
	color:#fff;
}

/* --------------------------------------------------------------

ID's 

---------------------------------------------------------------*/

#header_bovenaan {
	background-color:#333;
	color:#eee;
}

#header_ingewikeld {
	
	background-color:#ffa200 !important;
	
	font-family:Verdana, Arial;
	
	padding:1rem;
}

#header_ingewikeld, #header_ingewikeld * {
	/*font-size:0.8rem;*/
	/*color:#fff !important;*/
}

#form_signin, #form_signin * {
	width:100px;
	background-color:#00befa;
}

#logo {
	width:auto;
	height:64px;
	
	text-decoration:none;
}

#temp_dir_ul, #temp_dir_ul * {
	list-style: none;
	padding-left:0;
}


/* --------------------------------------------------------------

BS5 - Overrides 

---------------------------------------------------------------*/

main {
	width:100%;
	background-color:#f1f1f1;
}

/*
@media only screen and (max-width: 960px) 
{
	h1 { font-size: 1.6rem; }
	h2 { font-size: 1.2rem; }
	h3 { font-size: 1rem; font-weight:bold; }
}
*/

.btn {
	font-weight:bold;
}

/* Voor pagina; berichten => btn "bericht-gelezen"-btn */
.btn-gelezen {
	display:block !important;
	margin-top:2rem;
	margin-bottom:4rem;
	position:absolute;
	top:4rem;
	right:1rem;
}

#header_ingewikeld .nav-link.active {
	color:#ffa200;
	font-weight:bold;
	color:#fff;
}

#navbar {
	background-color:#4169e1 !important;
	margin:0;
}

.active {
	font-weight:bold;
}

.dropdown-item.active
{
	background-color:#333;
	color:#fff;
}

#dropdown_account 
{
	/*background-color:#ffa200 !important;*/
}

/* large screens */
@media only screen and (min-width: 960px) 
{
	#dropdown_account
	{
		position: absolute; inset: 0px auto auto 0px; margin: 0 0 0 -24px; transform: translate(-199px, 34px);
	}
	
	/*.alert, .alert * {
		font-size:0.8rem;
	}
	.alert h1, .alert h2, .alert h3, .alert h4, .alert h5, .alert h6
	{
		font-size:1rem;
		font-weight:bold;
	}*/
}


/* Small screens */
@media only screen and (max-width: 960px) 
{
	.alert, .alert * {
		font-size:0.64rem;
	}
	.alert h1, .alert h2, .alert h3, .alert h4, .alert h5, .alert h6
	{
		font-size:1rem;
		font-weight:bold;
	}
	
	footer, footer * {	
		font-size: 0.64rem;
	}
}


input[type=checkbox]:checked + label.strikethrough{
  text-decoration: line-through !important;
	color:#777 !important;
}

.checkbox_container {
	box-shadow:2px -2px 32px #ddd;
	margin:0 0 0.2rem 0;
	display:block;
	width:100%;
}

.checkbox_big {
	padding:0.6rem;
	background-color:#333 !important;
	font-size:0.8rem !important;
}

.checkbox_label {
	display:block;
	/*border:2px solid blue;*/
	padding:0 0.2rem 0.6rem 0;
	margin:0 0 1rem 0.4rem;
	font-weight:bold;
	font-size:1rem !important;
}


.checkbox_big:checked {
	background-color:#aaa !important;
}


.footer_top {
	background-color:#444 !important; 
}

table tbody
{
	/*border-radius:0.48rem;
	padding:2rem;
	margin:10rem 0 5rem 0;
	overflow:hidden;*/
	border-left:1px solid #111;
	border-right:1px solid #aaa;
}

table thead, table thead * {
	background-color:#333 !important;
	border:2px solid #333;
}

table tr {
	border-bottom:1px solid #333;
}