/* bevolkingsteller */
#wrapper-item-teller{
    padding-top: 10px;
    display: flex;
    justify-content: space-between;
}
#data-teller{
    font-family: 'Soho W01 Medium',sans-serif !important;
    display: inline-block;
    background-color:#00a1cd;
    font-size: 72px;
    color:#FFF;
    padding: 5px 16px 13px 16px;
    border-radius: 4px;
    line-height: 1;
}

.image-teller{
    height: 210px;
}
@media only screen and (max-width: 810px) {
    #data-teller{
        font-size: 62px;
    }
}
@media only screen and (max-width: 740px) {
    #data-teller{
        font-size: 52px;
    }
}
@media only screen and (max-width: 1200px) {
    #wrapper-item-teller{
        flex-wrap: wrap;
    }
    #wrapper-item-teller .cbs-dashboard-item-content{
        width: 100%;
        height: 210px;
    }
    #data-teller{
        width: fit-content;
        margin: 0px auto;
        font-size: 72px;
    }
    .image-teller{
        order: 1;
    }
}
@media only screen and (max-width: 450px) {
    #data-teller{
        font-size: 62px;
    }
}
@media only screen and (max-width: 400px) {
    #data-teller{
        font-size: 52px;
    }
}
@media only screen and (max-width: 392px) {
    .image-teller{
        height: 180px;
    }
}
@media only screen and (max-width: 350px) {
    #data-teller{
        font-size: 42px;
    }
    .image-teller{
        height: 150px;
    }
}
/* bevolkingsgroei */
#cbs-dashboard-bevolkingsgroei .cbs-dashboard-item-content{
    padding: 0px 60px;
}
#image-groei{
    margin:-65px 10px 0px 0px;
    height: 150px;
}
#footer-groei{
    padding: 0px 35px;
    text-align: left;
}
#cbs-dashboard-chart-aanwas{
    min-height:250px;
    margin-top: -50px;
}
#cbs-dashboard-chart-migratie{
    min-height:250px;
    margin-top: -18px;
    margin-bottom: 40px;
}
#cbs-dashboard-chart-aanwas .highcharts-point, #cbs-dashboard-chart-migratie .highcharts-point {   
    stroke-width: 0;
    width: 120px !important;
    transform: translateX(-20px);
}
#value-totale-groei{
    font-size: 60px;
    line-height: 1.2;
}
#value-wrapper-geboren{
    left: 51%;
    margin-top: -185px;
    text-align: left;
}
#value-wrapper-overleden{
    right: 51%;
    text-align: right;
}
#value-wrapper-immigratie{
    left: 51%;
    margin-top: 255px;
    text-align: left;
}
#value-wrapper-emigratie{
    right: 51%;
    margin-top: 455px;
    text-align: right;
}
@media only screen and (max-width: 1200px) and (min-width: 992px) {
    #cbs-dashboard-chart-aanwas .highcharts-point, #cbs-dashboard-chart-migratie .highcharts-point {   
        width: 100px !important;
    }
    #cbs-dashboard-bevolkingsgroei .value-wrapper{
        font-size: 14px;
    }
}
@media only screen and (max-width: 400px) {
    
    #cbs-dashboard-chart-aanwas .highcharts-point, #cbs-dashboard-chart-migratie .highcharts-point {   
        width: 100px !important;
    }
    #cbs-dashboard-bevolkingsgroei .value-wrapper{
        font-size: 14px;
    }
}
@media only screen and (max-width: 360px) {
    
    #cbs-dashboard-chart-aanwas .highcharts-point, #cbs-dashboard-chart-migratie .highcharts-point {   
        width: 90px !important;
        transform: translateX(-15px);
    }
}
@media only screen and (max-width: 340px) {
    #value-wrapper-immigratie, #value-wrapper-geboren{
        left: 55%;
    }
    #value-wrapper-emigratie, #value-wrapper-overleden{
        right: 55%;
    }
    #value-wrapper-immigratie, #value-wrapper-geboren{
        width: 120px;
    }
    #value-wrapper-emigratie, #value-wrapper-overleden{
        width: 120px;
    }
    #value-totale-groei{
        font-size: 40px;
    }
    
}
@media only screen and (max-width: 1200px) and (min-width: 992px) {
    #value-totale-groei{
        font-size: 50px;
    }
}
@media only screen and (max-width: 405px) {
    #value-totale-groei{
        font-size: 50px;
    }
}
@media only screen and (max-width: 350px) {
    #value-totale-groei{
        font-size: 40px;
    }
}
.highcharts-plot-line {
    stroke: #271d6c;
    stroke-width: 3px;
}

/* leeftijd */
#cbs-dashboard-chart-leeftijd{
    margin: 50px auto 10px auto;
    min-height:292px;
}
#cbs-dashboard-chart-leeftijd .highcharts-color-0{
    fill: #00a1cd;
    stroke: #00a1cd !important;
}
#cbs-dashboard-chart-leeftijd .highcharts-color-1{
    fill: #2581c4;
    stroke: #2581c4 !important;
}
#cbs-dashboard-chart-leeftijd .highcharts-color-2{
    fill: #0058b8;
    stroke: #0058b8 !important;
}
#cbs-dashboard-chart-leeftijd .highcharts-color-3{
    fill: #163a72;
    stroke: #163a72 !important;
}
#value-gemiddelde-leeftijd {
    font-size: 40px;
    line-height: 1.2;
    padding: 8px 12px;
    width:fit-content;
    margin: 10px auto 20px auto;
    background-color: #fff;
    border-radius: 5px;
}
#value-wrapper-0-12{
    top: 85px;
    left: 20px;
    text-align: left;
}
#value-wrapper-12-25{
    top: 85px;
    right: 20px;
    text-align: right;
}
#value-wrapper-25-65{
    top: 375px;
    right: 20px;
    text-align: right;
}
#value-wrapper-65{
    top: 375px;
    left: 20px;
    text-align: left;
}
#cbs-dashboard-leeftijd .cbs-dashboard-value, #wrapper-achtergrond .cbs-dashboard-value, #content-kinderen .cbs-dashboard-value { /* inclusief achtergrond en samenwonen tegel */
    font-size: 29px;
}
#image-leeftijd{
    position: absolute;
    width: 182px;
    top: 176px;
    left: 0; 
    right: 0; 
    margin-left: auto; 
    margin-right: auto; 
}
.image-line{
    position: absolute;
}
#age-line-lower-left{
    top: 290px;
    left: 45px;
    height: 79px;
}
#age-line-lower-right{
    top: 290px;
    right: 45px;
    height: 79px;
}
#age-line-upper-left{
    top: 98px;
    left: 100px;
    height: 33px;
}
#age-line-upper-right{
    top: 98px;
    right: 100px;
    height: 33px;
}

@media only screen and (max-width: 440px) {
    .image-line{
        display:none;
    }
}
@media only screen and (max-width: 380px) {
    #cbs-dashboard-leeftijd .cbs-dashboard-value{
        font-size: 20px;
    }
}
/* gemeente */
#image-gemeente{
    margin-top: -23px;
}
@media only screen and (min-width: 1200px) {
    #cbs-dashboard-gemeente {
        overflow: hidden;
    }
    #image-gemeente{
        height: 280px;
        margin-left:-7.5px;
    }
}

/* achtergrond */
#cbs-dashboard-achtergrond .cbs-dashboard-item-content{
    padding: 0px 60px;
}
@media only screen and (max-width: 405px) {
    #cbs-dashboard-achtergrond .cbs-dashboard-item-content{
        padding: 0px 30px;
    }
}
#wrapper-achtergrond{
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: flex-end;
    margin: 30px 0px;
}
#image-nederland{
    height: 140px;
    margin-bottom: 15px;
}
#image-wereld{
    height: 125px;
    margin-bottom: 20px;
}
.value-wrapper-achtergrond {
    font-family: 'Akko W01 Regular',Helvetica,Arial,sans-serif;
    font-size: 16px;
    line-height: 1.0625;
    max-width: 130px;
}

/* verjaardag */
#footer-verjaardag{
    padding: 0px 215px 0px 25px;
    text-align: left;
}
#footer-verjaardag span {
    max-width: 170px;
}
#image-verjaardag{
    position: absolute;
    margin:-171px 0px 0px 0px;
    right: 0px;
    height: 250px;
}
#value-verjaardag {
    font-size: 60px;
    line-height: 1.2;
    padding: 4px 12px;
    width:fit-content;
    margin: 35.5px auto 100px auto;
    background-color: #fff;
    border-radius: 5px;
}
#image-linkerbollen{
    position: absolute;
    left:10px;
    top: 8px;
    height: 170px;
}
#image-rechterbollen{
    position: absolute;
    right:5px;
    top: 8px;
    height: 125px;
}

/* samenwonen */
#cbs-dashboard-samenwonen .cbs-dashboard-item-content{
    padding: 0px 20px !important;
}
#image-samenleven{
    position: absolute;
    top: 60px;
    left: 0; 
    right: 0; 
    margin-left: auto; 
    margin-right: auto; 
    max-height: 183px;
}
#cbs-dashboard-chart-samenleven{
    min-height:290px;
    margin-top: 85px;
}
#cbs-dashboard-chart-samenleven .highcharts-xaxis{
    display: none;
}
#lightgreen-background{
    position: absolute;
    background-color: #afcb05;
    margin-top: 215px;
    height: 250px;
    width: 100%;
    z-index: 0;
}
@media only screen and (max-width: 1200px) and (min-width: 992px) {
    #lightgreen-background{
        height: 290px;
    }
    .image-line{
        display:none;
    }
}
@media only screen and (max-width: 410px) {
    #lightgreen-background{
        height: 270px;
    }
}
@media only screen and (max-width: 380px) {
    #lightgreen-background{
        height: 290px;
    }
}
#wrapper-samenleven{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    z-index: 1;
    margin-top: -20px;
    margin-bottom: 10px;
    
}
.value-wrapper-samenleven {
    font-family: 'Akko W01 Regular',Helvetica,Arial,sans-serif;
    font-size: 15px;
    text-align: left;
    line-height: 1.5;
    width: 50%;
}
.value-wrapper-samenleven .cbs-dashboard-value{
    display: inline-block !important;
}
#value-wrapper-alleen, #value-wrapper-stel {
    width:52%;
}
#value-wrapper-eenouder, #value-wrapper-tweeouder {
    width: 48%;
}
#value-wrapper-stel, #value-wrapper-tweeouder{
    order: 1;
}
#cbs-dashboard-chart-kinderen {
    min-height:280px;
    margin: 44px auto 30px auto;
}
#cbs-dashboard-chart-kinderen .highcharts-color-2{
    fill: #f39200;
    stroke: #f39200 !important;
}
#cbs-dashboard-chart-kinderen .highcharts-color-0{
    fill: #da5914;
    stroke: #da5914 !important;
}
#cbs-dashboard-chart-kinderen .highcharts-color-1{
    fill: #c90c0f;
    stroke: #c90c0f !important;
}
#value-wrapper-kinderen-gemiddeld{
    bottom: 149px;
    left: 0; 
    right: 0; 
    margin-left: auto; 
    margin-right: auto; 
}
#value-kinderen-gemiddeld{
    font-size: 50px !important;
}
.image-kinderen{
    height: 50px;
}
#value-wrapper-1-kinderen{
    bottom: 260px;
    left: 20px;
    width:fit-content;
}
#value-wrapper-2-kinderen{
    bottom: 260px;
    right: 20px;
    width:fit-content;
}
#value-wrapper-3-kinderen{
    bottom: 10px;
    right: 20px;
    width:fit-content;
}
#children-line-lower-right{
    top: 367px;
    right: 95px;
    height: 27px;
}
#children-line-upper-left{
    top: 160px;
    left: 53px;
    height: 70px;
}
#children-line-upper-right{
    top: 160px;
    right: 53px;
    height: 70px;
}
@media only screen and (max-width: 380px) {
    #content-kinderen .cbs-dashboard-value{
        font-size: 20px;
    }
}

    /* genereal block settings */
    #main a{
        color: #000000 !important;
        text-decoration: none !important;
    }
    #error-message {
        text-align: center;
        margin: 20px 0px 30px 0px;
        font-size: 16px;
        line-height: 1.2;
        font-family: 'Soho W01 Medium',sans-serif;
        display: none;
    }
    #column-container {
        display: flex;
        flex-wrap: wrap;
    }

    #column-container div[class^='col-'] {
        position: relative;
    }
    
    .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
        padding-left: 0px;
        padding-right: 0px; 
    }
    .cbs-dashboard-junior-item{
        font-family: 'Soho W01 Medium',sans-serif;
        text-align: center;
        border-radius: 6px;
        margin-bottom: 16px;
    }

    .cbs-dashboard-item-content{
        position: relative;
        text-align: center;
        display: flex;
        flex-flow: column nowrap;
        justify-content: space-evenly;
    }
    .cbs-dashboard-title{
        font-size: 22px !important;
        line-height: 1.2;
        max-width: 300px;
        margin: 0px auto;
    }
    #column-container .cbs-dashboard-title{
        margin-top: 15px;
    }
    .cbs-dashboard-subtitle{
        font-family: 'Akko W01 Regular',Helvetica,Arial,sans-serif;
        font-size: 23.67px !important;
    }
    .value-wrapper {
        font-family: 'Akko W01 Regular',Helvetica,Arial,sans-serif;
        font-size: 16px;
        position: absolute;
        width: 150px;
        line-height: 1.0625;
    }
    .cbs-dashboard-value {
        font-family: 'Soho W01 Medium',sans-serif;
        display: block;
        padding-bottom: 5px;
    }
    .cbs-dashboard-footer {
        font-size: 16px;
        line-height: 1.2;
        padding: 0px 10px;
    }
    .cbs-dashboard-footer span{
        max-width: 400px;
    }
    .cbs-dashboard-footer span{
        margin: auto 0px;
    }
    #column-container .cbs-dashboard-footer {
        display: flex !important;
        justify-content: space-evenly;
        flex-flow: row nowrap;
        height: 78px;
        background-color:#7d4791;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
    }
    a:hover {
        text-decoration: none !important;
    }
    @media only screen and (max-width: 992px) {
        .cbs-dashboard-junior-item .cbs-dashboard-item-content:not(#wrapper-item-teller .cbs-dashboard-item-content){
            max-width: 500px;
            margin: 0px auto;
        }
        
    }
    @media only screen and (min-width: 992px) {
        .col-lg-6:not(#column-right) {
            padding-right: 7.5px;
        }
        .col-lg-6:not(#column-left) {
            padding-left: 7.5px;
        }
    }

        /* block colors */
        .cbs-dashboard-junior-item-grey {
            background-color: #F0EFF0;
        }
        .cbs-dashboard-junior-item-lightaqua {
            background-color: #00a1cd;
        }
        .cbs-dashboard-junior-item-darkgreen {
            background-color: #86bd40;
        }
        .cbs-dashboard-junior-item-purple {
            background-color: #9373b1;
        }
        .cbs-dashboard-junior-item-orange {
            background-color: #f39200;
        }
        .color-lightaqua {
            color: #00a1cd;
        }
        .color-darkblue {
            color: #271d6c;
        }
        .color-green {
            color: #53a31d;
        }
        .color-red {
            color: #e52329;
        }
        .color-white {
            color: #FFFFFF;
        }

            /* general highcharts setting */
            .highcharts-background, .highcharts-grid-line {
                display: none;
            }
            .highcharts-data-label text {
                font-size: 16px;
                font-weight: bold;
                fill: #271d6c !important;
            }
            .highcharts-column-series .highcharts-point {
                fill: #fff;
            }