#canvasSettings {
    display: none;
    color: rgba(10,10,10,0.9);
    font-size: 8px;
    font-style: normal;
    font-family: Roboto;
    text-align: center;
    vertical-align: middle;
}

.chart-container {
    position: relative;
    height: 100%;
    width: 100%;
}

.cat-sunburst-breadcrump {
    cursor: pointer;
}

.custom-legend {
    display: flex;
    width: 100%;
    justify-content: center;
    list-style: none;
    flex-wrap: wrap;
}
    .custom-legend li {
        padding: 0px 5px;
        display: flex;
        align-items: center;
        cursor: pointer;
    }
        .custom-legend li div {
            margin: 0px 5px;
            width: 30px;
            height: 10px;
        }

        .custom-legend li.strike {
            text-decoration: line-through;
        }

        .custom-legend li .line {
            width: 15px;
            height: 3px;
            border-width:2px;
            border-style: solid;
        }

        .custom-legend li .scatter {
            border-radius: 50% !important;
            width: 10px;
            height: 10px;
        }