/**** General ****/
html,
body {
	background-color: #43485b;
	color: #eee;
}

header,
footer {
	background-color:#282b37;
}

@media (min-width: 1200px) {
	footer {
		background-color: transparent;
	}
}

label {
	border: 1px solid #000;
}

/* Create a custom checkbox */
.checkmark {
	background-color: #eee;
}

/* On mouse-over, add a grey background color */
label:hover input ~ .checkmark {
	background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
label input:checked ~ .checkmark {
	background-color: #2196F3;
}

/* Style the checkmark/indicator */
label .checkmark:after {
	border: solid #fff;
}

label:has(input:checked) {
	background-color:#deefff;
}

/**** Vandaag & Morgen ****/
.back {
	border:1px solid #333;
	background:lightgrey;
}

table thead {
	background-color:#8e919d;
}

table tbody {
	background-color:#fff1;
}

.vandaag table tbody tr {
	opacity:0.4;
}

.vandaag table tbody tr#active {
	opacity:1;
	background-color:#25b9e780;
}

table tr th,
table tr td {
	border:1px solid #000;
}

table tr td.worst {
	border-left:3px solid #8b0000;
}

table tr td.bad {
	border-left:3px solid #f62217;
}

table tr td.medium {
	border-left:3px solid #fdbd01;
}

table tr td.good {
	border-left:3px solid #e2f516;
}

table tr td.great,
table tr td.negative {
	border-left:3px solid #4cc417;
}

table tr td.negative {
	color:#46b316;
}

table tr td.prijs:before {
	opacity:0.5;
}

table tr td.prijs:after {
	opacity:0.33;
}

.vandaag .providers h2:after,
.morgen .providers h2:after {
	background-color: #8e919d;
}

.debug > p {
	color:#43485B;
}

/*	INSTALL BUTTON */
.install-button svg {
	stroke: #000;
}

/* INSTALL PROMPT MESSAGE */
.overlay-msg-box-content {
	background-color: #0c0c0c;
}

.overlay-msg-box-content p {
	color: #ccc;
}

.overlay-msg-box-content p svg {
	stroke: #fff;
}

.overlay-msg-box-btn.cancel {
	color: #ccc;
}