body {
    background-color: #ebe6ca;
    margin: 0 20px;
}

svg {
    overflow: hidden;
}

#debug {
    border: solid 1px red;
}

#arcs > path {
    stroke-width: 1;
    fill: none;
}

#selector {
    stroke-width: 3px;
}

.indicatorline {
    fill: none;
    stroke: deeppink;
    stroke-width: 3;
}

.indicatordot {
    fill: deeppink;
}




.indicator {
    fill: deeppink;
}


.hide {
    opacity: 0.3;
}



.labeljaar {
    font-size: 56px;
    /* fill: deeppink; */
}

.labelgestart {
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-size: 20px;
    fill: #333;
}

.labeluitgelopen {
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-size: 20px;
    fill: #333;
}


.labelgefinishedpercentage {
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-size: 20px;
    fill: #333;
}



#timelinedots > circle {
    fill: #999999;
}

#timeline > line {
    stroke: #999999;
}



#handle {
    cursor: pointer;
}

.timeline_slot {
    fill: none;
    stroke: #000000;
    stroke-width: 2;
    stroke-miterlimit: 10;
}


#handlebar {
    fill: deeppink
}

.st2 {
    fill: white;
}

.st4 {
    font-size: 13px;
}

text {
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    /* font-family: 'Montserrat Subrayada', 'open sans', monospace; */
}

h1 {
    color: #666;
    font-family: 'Montserrat Subrayada', serif;
    font-weight: 300;
    font-size: 28px;
    margin-bottom: 0;
    text-align: left;
}

H2 {
    color: deeppink;
    font-family: 'Julius Sans One', serif;
    font-weight: 300;
    font-size: 15px;
    margin-top: -10px;
    text-align: center;
}



/* style svg 2 :afstanden */
.dotyear {
    fill: white;
    opacity: 0.8;
}


.dotdistance {
    fill: lightcyan;
    opacity: 0.8;
}

.connection {
    stroke: #045439;
    stroke-width: 1px;
    stroke-opacity: 0.4;
    fill: none;
}

.textdistance {
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    fill: #555;
    text-anchor: middle;
    font-size: 11px;
}


.selecteddot {
    fill: deeppink;
    opacity: 1;
}

.selectedpath {
    fill: none;
    stroke: deeppink !important;
    stroke-width: 3px;
    stroke-opacity: 1;
}




p.intro {
    font-style: normal;
}

.capital {
    font-size: 1.4em;
}


.row {
    padding-bottom: 0 !important;
}