/* Tarieven Tabellen Styling */
.rates-table {
	width: 100%;
	max-width: 528px;
	border-collapse: collapse;
	margin: 20px 0;
	font-family: 'Verdana', sans-serif;
	font-size: 11px;
	background-color: #ffffff;
	border: 1px solid #cccccc;
}

.rates-table thead {
	background-color: #ffffff;
}

.rates-table th {
	padding: 4px 6px;
	text-align: left;
	font-weight: bold;
	font-size: 11px;
	border: 1px solid #cccccc;
}

.rates-table th.year-header {
	background-color: #f1a91e;
	color: #000000;
	font-weight: bold;
	width: 15%;
	text-align: center;
}

.rates-table th.title-header {
	background-color: #f1a91e;
	color: #000000;
	font-weight: bold;
	text-align: center;
}

.rates-table th.empty-header {
	background-color: #f1a91e; /* Orange background for the empty cell */
	width: 15%; /* Match year-header width */
}

.rates-table th.period-col {
	text-align: center;
	width: 42.5%;
	padding: 4px 6px;
}

.rates-table thead tr:last-child th:first-child {
	background-color: #f1a91e;
	color: #000000;
}

.rates-table td {
	padding: 4px 6px;
	border: 1px solid #cccccc;
	font-size: 11px;
}

.rates-table td.price {
	text-align: right;
	font-weight: normal;
}

.rates-table tbody tr:nth-child(even) {
	background-color: #f9f9f9;
}

.rates-table tbody tr:hover {
	background-color: #f0f0f0;
}

.rates-section-header {
	font-weight: bold;
	font-size: 11px;
	padding: 4px 6px;
	background-color: #e8e8e8;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

.rates-acsi-section {
	background-color: #d4edda;
	border: 1px solid #05a842;
	margin-top: 15px;
	padding: 8px;
	max-width: 528px;
}

.rates-acsi-section-header {
	font-weight: bold;
	font-size: 11px;
	padding: 4px 6px;
	background-color: #05a842;
	color: #ffffff;
	border-bottom: 1px solid #05a842;
}

.rates-acsi-section p {
	margin: 4px 0;
	font-size: 10px;
}

.rates-acsi-table {
	width: 100%;
	border-collapse: collapse;
	margin-top: 6px;
	font-family: 'Verdana', sans-serif;
	font-size: 11px;
}

.rates-acsi-table th {
	padding: 4px 6px;
	text-align: left;
	font-weight: bold;
	font-size: 11px;
	background-color: #05a842;
	color: #ffffff;
	border: 1px solid #05a842;
}

.rates-acsi-table td {
	padding: 4px 6px;
	border: 1px solid #cccccc;
	font-size: 11px;
	background-color: #ffffff;
}

.rates-acsi-table td.price {
	text-align: right;
}

.rates-table .free-text {
	color: #05a842;
	font-weight: normal;
}

/* Colour accents for rates tables (orange, green, grey) */
.rates-main-header {
	background-color: #f1a91e;
	color: #ffffff;
	text-align: left;
	font-weight: bold;
}

.rates-header-orange {
	background-color: #f1a91e;
	color: #000000;
}

.rates-header-green {
	background-color: #05a842;
	color: #ffffff;
}

.rates-header-gray {
	background-color: #e8e8e8;
}

@media only screen and (max-width: 40em) {
	.rates-table {
		font-size: 11px;
	}
	
	.rates-table th,
	.rates-table td {
		padding: 4px 6px;
	}
}