.tabs { display: flex; justify-content: space-evenly; flex-wrap: wrap; }
	.tab-header { color: #ccc; cursor: pointer; transition: color .2s; padding: 10px; }
	.tab-header:hover { color: #5a4d31; }
	.tab-content { display: none; }
	.active-tab { color: #5a4d41; }
	.active-content { display: block; }
	th[onclick] { cursor: pointer; user-select: none; transition: background-color .2s; }
	th[onclick]:hover { background-color: #8b7759 !important; }

	.sub-tabs .cache-update-text {
		margin: 0;
	}

	.sub-tabs {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin: 20px 0;
	}

	.sub-select {
		appearance: none;
		-webkit-appearance: none;
		background-color: transparent;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23c9a96e' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
		background-repeat: no-repeat;
		background-position: right 14px center;
		border: 2px solid #5a4d31;
		cursor: pointer;
		border-radius: 8px;
		padding: 5px 42px 5px 16px;
		font-size: 15px;
		min-width: 220px;
		outline: none;
	}

	.sub-select:hover {
		border-color: #c9a96e;
	}

	.sub-select:focus {
		border-color: #c9a96e;
	}

	.sub-select option {
	/*	color: #c9a96e; */
	} 

	.sub-content {
		display: none;
	}

	.sub-content.active {
		display: block;
	}