/*
 * Off Canvas
 * --------------------------------------------------
 */
@media screen and (max-width: 767px) {
    .row-offcanvas {
        position: relative;
        -webkit-transition: all .25s ease-out;
        -o-transition: all .25s ease-out;
        transition: all .25s ease-out;
    }

    .row-offcanvas {
        position: relative;
        -webkit-transition: all .25s ease-out;
        -o-transition: all .25s ease-out;
        transition: all .25s ease-out;
    }

    .row-offcanvas-right {
        right: 0;
    }

    .row-offcanvas-left {
        left: 0;
    }

    .row-offcanvas-right .sidebar-offcanvas {
        right: -50%; /* 6 columns */
    }

    .row-offcanvas-left .sidebar-offcanvas {
        left: -50%; /* 6 columns */
    }

    .row-offcanvas-right.active {
        right: 50%; /* 6 columns */
    }

    .row-offcanvas-left.active {
        left: 50%; /* 6 columns */
    }

    .sidebar-offcanvas {
        position: absolute;
        top: 0;
        width: 50%; /* 6 columns */
    }
}
/*.c3-legend-item text {
    text-decoration: underline;
}*/
.c3-legend-additional_item {
    text-decoration: none;
}

.c3-legend-additional_item_rect {
    visibility: hidden;
    display: none;
}

.c3-line {
    stroke-width: 3px;
}

.barlabeltext {
    fill: white;
    stroke: antiquewhite;
    stroke-width: 1;
}

.c3-tooltip {
    border-collapse: collapse;
    border-spacing: 0;
    background-color: #fff;
    empty-cells: show;
    -webkit-box-shadow: 7px 7px 12px -9px #777;
    -moz-box-shadow: 7px 7px 12px -9px #777;
    box-shadow: 7px 7px 12px -9px #777;
    opacity: .9;
}

    .c3-tooltip tr {
        border: 1px solid #ccc;
    }

    .c3-tooltip th {
        background-color: #aaa;
        font-size: 12px;
        padding: 2px 3px;
        text-align: left;
        color: #fff;
    }

    .c3-tooltip td {
        font-size: 11px;
        padding: 3px 3px;
        background-color: #fff;
        border-left: 1px dotted #999;
    }

        .c3-tooltip td > span {
            display: inline-block;
            /*width: 10px;*/
            /*height: 10px;*/
            margin-right: 3px;
        }

        .c3-tooltip td.value {
            text-align: center;
        }

.legend-end-group-placeholder {
    cursor: default;
    visibility: hidden !important;
}

.legend-start-group-placeholder line {
    stroke: black !important;
}

.legend-start-group-placeholder text {
    fill: black !important;
}

.legend-start-group-placeholder foreignObject {
    color: black !important;
}
.growth-achievement-label {
    color: lightgray;
    opacity: 0.5;
}