.w3-theme-l5 {
	color: #000;
	background-color: #f8fcff
}

.w3-theme-l4 {
	color: #000;
	background-color: #e9f5ff
}

.w3-theme-l3 {
	color: #000;
	background-color: #d2eaff
}

.w3-theme-l2 {
	color: #000;
	background-color: #bce0ff
}

.w3-theme-l1 {
	color: #000;
	background-color: #a5d5ff
}

.w3-theme-d1 {
	color: #000;
	background-color: #67b8ff
}

.w3-theme-d2 {
	color: #fff;
	background-color: #3fa6ff
}

.w3-theme-d3 {
	color: #fff;
	background-color: #1793ff
}

.w3-theme-d4 {
	color: #fff;
	background-color: #007fef
}

.w3-theme-d5 {
	color: #fff;
	background-color: #006ac7
}

.w3-theme-light {
	color: #000;
	background-color: #f8fcff
}

.w3-theme-dark {
	color: #fff;
	background-color: #006ac7
}

.w3-theme-action {
	color: #fff;
	background-color: #006ac7
}

.w3-theme {
	color: #000;
	background-color: #8dcaff
}

.w3-text-theme {
	color: #8dcaff
}

.w3-border-theme {
	border-color: #8dcaff
}

.w3-hover-theme:hover {
	color: #000;
	background-color: #8dcaff
}

.w3-hover-text-theme {
	color: #8dcaff
}

.w3-hover-border-theme:hover {
	border-color: #8dcaff
}

@media (prefers-color-scheme: dark)
{
	.w3-theme
	{
		color: #ccf;
		background-color: #006ac7
	}
	.w3-theme-dark
	{
		color: #ccc;
		background-color: #03315a
	}

}