body {
    background-color: #F5F6FA;
}

@font-face {
    font-family: airbag;
    src: url(../fonts/airbag-free-font/AirbagFree-Regular.otf);
}

/*html {
        font-size: 1vw;
}

body {
        font-size: 1vw;
        }*/

.ui.menu .item:before {
    width: 0px;
}

#wrap {
    /* min-height: 90%; */
}

#footer {
    position: relative;
    margin-top: -200px;
    /* negative value of footer height */
    height: 260px;
    clear: both;
    background: #0e3959;
}

#main {
    overflow: hidden;
    padding-bottom: 300px;
    /* must be same height as the footer */
}

#donutchart,
#chart,
#chart2 {
    width: 450px;
    height: 400px;
    font-family: Arial;
}

#donutchart {
    position: relative;
}

#labelOverlay {
    /*width: 80px;*/
    height: 45px;
    position: absolute;
    top: 80px;
    left: 120px;
    text-align: center;
    cursor: default;
}

#labelOverlay2 {
    /*width: 80px;*/
    height: 45px;
    position: absolute;
    top: 110px;
    left: 105px;
    text-align: center;
    cursor: default;
}

#labelOverlay2 p {
    line-height: 0.3;
    padding: 0;
    margin: 8px;
}

#labelOverlay2 p.used-size {
    line-height: 0.5;
    font-size: 28pt;
    color: #8e8e8e;
}

#labelOverlay2 p.total-size {
    line-height: .8;
    font-size: 20pt;
    color: #cdcdcd;
}

#labelOverlay p {
    line-height: 0.3;
    padding: 0;
    margin: 8px;
}

#labelOverlay p.used-size {
    line-height: 0.6;
    font-size: 28pt;
    color: #8e8e8e;
}

#labelOverlay p.total-size {
    line-height: .9;
    font-size: 20pt;
    color: #cdcdcd;
}

.date {
    line-height: 1;
    font-size: 10pt;
    color: #cdcdcd;
}

svg>g>g:last-child {
    pointer-events: none
}