#chart_title{
    margin-bottom:20px;
}
#button_container {
    margin-bottom:0px;
}
.tooltip-title{
    display: block;
    font-family: "KievitWeb-bold";
    font-size:1.1em;
    margin-bottom:5px;
}
.nav-button {
     display: inline-block;
}
.nav-button.lvl1 {
    background-color: #fff;
    color: #333;
    font-size: 1em;
    margin-right:0px;
    margin-bottom:4px;
    width: 165px;
    min-width:165px;
}

.nav-button.lvl1:hover,.nav-button.lvl1:active,
.nav-button.lvl1.active {
    background-color: #222222;
    color: #fff;
    border:1px solid #333;
}

.nav-button.lvl2 {
    text-align: center;
    width:67px
}
.nav-button.lvl2:hover,.nav-button.lvl2:active,
.nav-button.lvl2.active {
    background-color: #636363;
    color: #fff;
  
}
.tooltipBox{
    z-index: 999;
    padding:10px;
}
.xlabel{
    font-family: "KievitWeb";
    font-size: 13px;
    font-weight: normal;
    padding: 8px 8px 8px 0;
    height:10px;
    color:gray;
    z-index: -1;
    text-align: right;
   
}
                                        
.xlabel.last{
    color:#000;

   
}


@media screen and (max-width: 760px) {
    .nav-button.lvl1 {
        width: 154px;
        min-width: 154px;
    }
    .nav-button.lvl2 {
         width: 62px
    }

}