/*!
 * Start Bootstrap - Blog Home (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

body {
    padding-top: 70px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

footer {
    margin: 50px 0;
}
.circleMarker {
    position: absolute;
    cursor: pointer;
    background: #424242;
    width: 60px;
    height: 60px;
    margin-left: -30px;
    margin-top: -71px;
    border-radius: 50%;
    padding: 0px;
}
.circleMarker.continued{
    background: #5cb85c;
}
.circleMarker.planned{
    background: #337ab7;
}
.circleMarker.finished{
    background: #d9534f;
}
.circleMarker:after {
    content: "";
    position: absolute;
    bottom: -8px;
    left: 20px;
    border-width: 10px 10px 0;
    border-style: solid;
    border-color: #424242 transparent;
    display: block;
    width: 0;
}
.circleMarker.continued:after{border-color: #5cb85c transparent;}
.circleMarker.planned:after{border-color: #337ab7 transparent;}
.circleMarker.finished:after{border-color: #d9534f transparent;}
.circleMarker img {
    width: 50px;
    height: 50px;
    margin: 5px;
    border-radius: 50%;
}