body {
    padding-top: 5rem;
}
.starter-template {
    padding: 3rem 1.5rem;
    text-align: center;
}

dl dd{
    border:0.5px solid grey;
    padding:5px;
    border-radius: .25rem;

}
dl dt{
    padding:5px;
}
dl.dl-horizontal{
}

fieldset legend {
    background-color:white;
    width:auto;
    white-space:nowrap;
    margin:auto;
    padding-left:20px;
    padding-right:20px;
}
fieldset .legendLine {
    margin-top:5px;
    margin-bottom:10px;
    text-align: center;
    background: url(../images/black.png) repeat-x center;
}

#agendaData .list-group-item{
    padding:.25rem .5rem;
    background-color:transparent;
}
#agendaData>.row{
    padding-top:.5rem;
    padding-bottom:.5rem;
    border-top:1px solid #bbb;
}
#agendaData>.row:first-child{
    padding-top:.5rem;
    padding-bottom:.5rem;
    border-top:0px;
}
#agendaClientData .list-group-item{
    padding:.25rem .5rem;
}
#agendaClientData>.row{
    padding-top:.5rem;
    padding-bottom:.5rem;
    border-top:1px solid #bbb;
}
#agendaClientData>.row:first-child{
    padding-top:.5rem;
    padding-bottom:.5rem;
    border-top:0px;
}
#agendaClientData h5{
    font-size: 10px;
}

#vragenlijstData td,#vragenlijstData td input, #vragenlijstData tbody th{
    cursor:pointer;
}
.list-group-item.client{
    cursor:pointer;
}
#agendaData .list-group-item.client:hover,#agendaDay .list-group-item.client:hover{
    background-color:#eee;
    color:black;
}

.sparkline{
    height:50px;
}
.sparkline .ct-line{
    stroke-width: 1px;
    stroke: #777;
}
.sparkline .ct-point {
    stroke-width: 5px;
    stroke: #000;
}
.sparkline .chartist-tooltip {
    position: absolute;
    display: none;
    opacity: 0;
    min-width: 5em;
    padding: .5em;
    background: #ddd;
    color: #000;
    font-family: Oxygen,Helvetica,Arial,sans-serif;
    font-weight: 700;
    text-align: center;
    pointer-events: none;
    border:1px solid #ccc;
    z-index: 1;
    -webkit-transition: opacity .2s linear;
    -moz-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
    transition: opacity .2s linear; }
.sparkline .chartist-tooltip:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -15px;
    border: 15px solid transparent;
    border-top-color: #ddd; }
.sparkline .chartist-tooltip.tooltip-show {
    display: inline-block;
    opacity: 0.8;
}

.sparkline .my-cool-point{
    fill-opacity: 1!important;
    stroke-width: 0px;
    stroke: #000;
    transition: all 0.2s linear;
    fill:#000;
}
.sparkline .my-cool-point:hover{
    r: 3;
    stroke-opacity: 0.2;
    stroke-width: 10px;
    cursor:pointer;
}
#mobileMenu li{
    background-color:#777;
    color:inherit;
}
#mobileMenu li a{
    color:inherit;
}
#mobileMenu li.active{
    background-color:inherit;
    border-color:inherit;
}