/* block specific settings */
#cbs-dashboard-bevolkingsteller, #cbs-dashboard-chart-verdeling {
	text-align:center;
}
#cbs-dashboard-chart-bevolkingsgroei{
	height:200px;
}
#cbs-dashboard-chart-verdeling{
	padding-bottom:58px;
	padding-top:30px;
}
#cbs-dashboard-leeftijd{
	height:100px;
}
#container-leeftijd{
	margin: 0;
	position: absolute;
	right: 20px;
	top: 30px;
}
#cbs-dashboard-regionaal{
	position:relative;
	height:350px;
}
#cbs-dashboard-chart-levensloop{
	margin:25px 10px 6px 110px;
	height:143px;
}
#container-teller-text{
	font-size: 14px;
	text-align:left;
}
.teller, .teller-switched {
	text-align: center;
	margin-top: 10px;
    background-color:#00a1cd;
	color:#FFF;
    display:inline-block;
	font-size: 2.0rem;
	width:50px;
    padding: 12px 0px;
    border-radius: 4px;
	
	font-family: 'Soho W01 Medium',sans-serif !important;
}
.teller{
	border: solid 2px #FFF;
	background-color:#005470;
}
.teller-switched {
	border: solid 2px #00a1cd;
	background-color:#00a1cd;
}
#teller-2, #teller-5{
    margin-right: 5px;
}
#container-teller-text{
	padding: 5px 0px 10px 0px;
}
#tijd-teller {
	margin-right: 10px;
}
#datum-teller{
	margin-left: 10px;
}
.cbs-dashboard-item .nowrap, #totale-groei, #bevolkingsontwikkeling, #value-migratieachtergrond, #vrouwen, #mannen, #value-alleen-wonen, #leeftijd, #levensloop{
	font-family: 'Soho W01 Medium',sans-serif !important;
} 
#value-totale-groei{
	padding:0px !important;
}
#bevolkingsontwikkeling{
	font-size: 1.8rem;
	display: inline-block;	
	padding-bottom: 10px;
	margin-left:5%;
}
#value-dichtstbevolkte-provincie{
	margin-top:15px;
	padding-right:200px;
}
#value-levensloop{
	position:absolute;

}
#container-verdeling{
	width:100%;
}
#cbs-dashboard-map-regionaal {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 276px;
}
#footer-regionaal {
	position:absolute;
	bottom:10px;
	left:10px;
}
#value-mannen, #value-vrouwen{
	text-align:left;
	width:49%;
	padding:5px 50px 5px 5px;
	border-radius:5px;
	background-color:#9c1006;
}
#cbs-dashboard-chart-leeftijd {
	display:inline-block;
	height:200px;
	width:200px;
}
#value-mannen, #value-vrouwen, #value-leeftijd{	
	min-height:70px;
}
#value-totale-groei, #value-alleen-wonen, #value-migratieachtergrond{
	min-height:50px;
}
#bevolkingsontwikkeling{
	min-height:47px;
}
.levensloop-selected, .bevolkingsontwikkeling-selected{
	display:none;
}
 
#cbs-dashboard-map-regionaal path:not(.regionaal-selected){
	stroke-width: 2px !important;
	stroke-opacity: 0.7;
	stroke: white !important;
}
#cbs-dashboard-map-regionaal .regionaal-selected {
	stroke-width: 4px !important;
	stroke: white !important;
}
#cbs-dashboard-map-regionaal > svg .map-category-4 {
	fill: #264e0c;
}

#cbs-dashboard-map-regionaal > svg .map-category-3 {
	fill: #2e630a;
}

#cbs-dashboard-map-regionaal > svg .map-category-2 {
	fill: #488225;
}

#cbs-dashboard-map-regionaal > svg .map-category-1 {
	fill: #579a37;
}

#cbs-dashboard-map-regionaal > svg .map-category-0 {
	fill: #53a31e;
}

#cbs-dashboard-map-regionaal > svg > text {
	fill: #fff;
}
.item-icon {
	z-index: 10;
	position:absolute;	
	right:-3px;
	top:35px;
}
#item-icon-m{
	height: 65px;
}
#item-icon-v{
	height: 65px;
}
#cbs-dashboard-chart-leeftijd .highcharts-pie-series .highcharts-point:not(.leeftijd-selected) {
	stroke: white !important;
	stroke-width: 2px;
	stroke-opacity: 0.7;
}
#cbs-dashboard-chart-leeftijd .highcharts-pie-series .leeftijd-selected {
	stroke: white !important;
	stroke-width: 4px;
}  
#cbs-dashboard-chart-leeftijd .highcharts-color-0 {
	fill: #da5914 !important;
}
#cbs-dashboard-chart-leeftijd .highcharts-color-1 {
	fill: #9b430c !important;
}
#cbs-dashboard-chart-leeftijd .highcharts-color-2 {
	fill: #804d00 !important;
}
#cbs-dashboard-chart-leeftijd .highcharts-color-3 {
	fill: #ffffff !important;
}
#cbs-dashboard-chart-bevolkingsgroei .highcharts-color-0 {
	fill: #ffffff !important;
}
#cbs-dashboard-chart-levensloop .highcharts-grid-line{
	stroke-width: 0px !important;
}
#cbs-dashboard-chart-levensloop .highcharts-point{
	fill: #ffffff;
	stroke: #D82C88 !important;
	stroke-width: 2px !important;
}
#cbs-dashboard-chart-levensloop .highcharts-yaxis .highcharts-axis-line, 
#cbs-dashboard-chart-bevolkingsgroei .highcharts-yaxis .highcharts-axis-line{
	stroke-width: 0px !important;
}

.bevolkingsontwikkeling-icon,.bevolkingsontwikkeling-selected { 
	transform:translate(-0.7rem, 0.3rem);
}

@media only screen and (max-width: 320px) {
	.bevolkingsontwikkeling-icon,.bevolkingsontwikkeling-selected { 
		transform: translate(-1.5rem, 0.3rem);
	}
	.highcharts-data-label > text {
		transform: translateX(-0.5rem);
	}
}

@media only screen and (max-width: 500px) {
	.teller {
		width:40px;
		padding: 7px 0px;
		font-size: 1.8rem;
	}
}

@media only screen and (max-width: 410px) {
	.teller {
		width:35px;
		padding: 5px 0px;
		font-size: 1.6rem;
	}
}

@media only screen and (max-width: 360px) {
	.teller {
		width:30px;
		padding: 3px 0px;
		font-size: 1.4rem;
	}
}
/* blocks general */
#column-left, #column-right, #column-container{
	padding:0px 7.5px;
}
.cbs-dashboard-item {
	position: relative;
	padding: 10px;
	margin-bottom: 16px;
	border-radius: 5px;
	cursor: pointer;
	color: #fff;		
	font-size: 0.9rem;
}
.cbs-dashboard-container {
	display: inline-block;
}
.cbs-dashboard-titel {
	margin-top: 0px;
	font-size: 17px;
	font-family: 'Soho W01 Medium',sans-serif !important;
}
.cbs-dashboard-subtitel {	
	padding-bottom: 10px;
}
.cbs-dashboard-unit {
	display:block;
	margin-top:-6px;
	text-align:left;
	font-size: 0.9rem;
}
.cbs-dashboard-value {	
	position:relative;
	font-size: 2.0rem;
	display: inline-block;
	padding-bottom: 10px;
}
.cbs-dashboard-item-foto{
	display: inline-block;
	padding: 10px 10px 10px 10px;
	border-radius: 5px;
	font-size: 0.9rem;
	width:250px;
}
.cbs-dashboard-foto{
	padding-bottom: 100px;
	margin-bottom: 16px;
	border-radius: 5px;
	cursor: pointer;
	color: #fff;
}
#foto-migratieachtergrond{
	background-image: url('https://cdn.cbs.nl/images/5435692b5a63482f727068446b394544597a4e596a513d3d/900x450.jpg');
	background-size: 600px;
	background-position: -40px 0px;
}
#foto-woonsituatie{
	background-image: url('https://cdn.cbs.nl/images/4767466857462f77337753436376574a3137506b57513d3d/900x450.jpg');
	background-size: 630px;
	background-position: 0px -53px;
}
@media only screen and (max-width: 992px) and (min-width: 767px) {
	#foto-migratieachtergrond{
		background-size: 690px;
		background-position: 0px -15px;
	}
	#foto-woonsituatie{
		background-size: 690px;
		background-position: 0px -90px;
	}
}
.cbs-dashboard-footer {
	text-decoration: underline;
	color: #FFFFFF;
	pointer-events:none;
}

.cbs-dashboard-footer:hover {
	color: #FFFFFF;
}

a.cbs-dashboard-link {
	text-decoration: none;
}

.cbs-dashboard-item.cbs-dashboard-no-link,
.cbs-dashboard-item.cbs-dashboard-no-link text {
	cursor: auto;
}

/* blocks specific colors */
.cbs-dashboard-item-lightblue {
	background-color: #0581a1;
}

.cbs-dashboard-item-darkblue {
	background-color: #0058b8;
}

.cbs-dashboard-item-lightgreen {
	background-color: #237AB8;
}

.cbs-dashboard-item-darkgreen {
	background-color: #368726;
}

.cbs-dashboard-item-pink {
	background-color: #D82C88;
}

.cbs-dashboard-item-purple {
	background-color: #9A5EB0;
}

.cbs-dashboard-item-orange {
	background-color: #C45012;
}

.cbs-dashboard-item-red {
	background-color: #c90c0f;
}

/* highcharts general */

.cbs-dashboard-item rect.highcharts-background {
	fill: none;
}

.highcharts-yaxis-grid .highcharts-grid-line {
	stroke-width: 1px;
	stroke-opacity: 0.5;
	stroke: #FFFFFF;
}
.cbs-dashboard-item .highcharts-xaxis .highcharts-axis-line {
	stroke-width: 0px;
}

.cbs-dashboard-item .highcharts-xaxis-labels {
	fill: #fff;
}

.cbs-dashboard-item .highcharts-yaxis .highcharts-axis-line {
	stroke-width: 1.5px;
}

.cbs-dashboard-item .highcharts-graph {
	stroke: #fff !important;
	stroke-width: 4px !important;
}

.cbs-dashboard-item .highcharts-markers > path {
	stroke: #fff !important;
	stroke-width: 4px;
}

.cbs-dashboard-item .highcharts-plot-line {
	stroke-width: 3px;
}
.highcharts-background-line {
	stroke-width: 1px !important;
}
.highcharts-data-label {
	font-weight: normal;
	font-family: 'Akko W01 Regular',Helvetica,Arial,sans-serif; 
	font-size: 0.9rem;
}
/* highcharts and latest mutation labels specific colors */

.highcharts-axis-line,
.highcharts-yaxis-labels,
.highcharts-axis-title,
.highcharts-tooltip,
.highcharts-plot-line,
.highcharts-plot-line-label,
.highcharts-data-label text,
.cbs-dashboard-label span {
	stroke: #FFFFFF;
	fill: #FFFFFF;
	color: #FFFFFF;
}

.cbs-dashboard-reference-line .highcharts-graph {
	stroke: #FFFFFF !important;
	stroke-width: 2px !important;
	stroke-dasharray: 2px 4px;
}

.cbs-dashboard-item-lightblue .cbs-dashboard-reference-pane .highcharts-graph {
	stroke-width: 0px !important;
}

.dashboard-error {
	font-size: 0.9rem;
	min-height: 120px;
	display: block;
}