@charset "utf-8";
/* CSS Document */
/* --------------------< Global Style >-------------------- */

#demograph_view {
    width: 100%
}

.demograph_tabs {
    text-align: center;
}
.charts {
    width: 100%;
    display: none;
}

.charts.visible {
    display: block
}

.charts .chart_type_select {
    margin: 0;
    font-size: 10pt
}

.charts .chart_type_select i:hover {
    color: #ccc;
    text-decoration: underline;
    cursor: pointer
}

.charts .chart_type_select .selected_chart:hover {
    cursor: pointer;
}

.chart_container p {
    text-align: center;
}

.charts .chart_type_select .selected_chart {
    font-weight: 700
}

.chart_container {
    text-align: center;
}

.charts canvas {
    margin-left: 5px
}

/*
    https://github.com/google/google-visualization-issues/issues/2162
*/
#demograph_view svg > g > g:last-child {
    pointer-events: none;
}