#urtext_report_filters{
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.urtext_chart_wrapper {
    display: grid;
    grid-template-areas: 
        "header header"
        "yaxis chartbodywrapper"
        "footer footer";
    grid-template-columns: fit-content() auto;
    width: 100%;
    background-color: white;
}
.urtext_chart_wrapper > div.header {
    grid-area: header;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    padding-top: 12px;
    padding-bottom: 12px;
}
.urtext_chart_wrapper > canvas.yaxis {
    grid-area: yaxis;
}
.urtext_chart_wrapper > div.chart_body_wrapper {
    grid-area: chartbodywrapper;
    width: 100%;
    overflow-x: auto;
    display: flex;
    align-items: flex-end;
}
.urtext_chart_wrapper > .chart_body_wrapper > .chart_day_group {
    width: fit-content;
    display: inline-block;
}
.urtext_chart_wrapper > .chart_body_wrapper > .chart_day_group > .chart_day {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    border-bottom: 2px solid black;
}
.urtext_chart_wrapper > .chart_body_wrapper > .chart_day_group > .chart_day > .chart_bar {
    text-align: center;
}
.urtext_chart_wrapper > .chart_body_wrapper > .chart_day_group > .chart_day_xaxis {
    height: 24px;
    font-size: 12px;
    text-align: center;
    font-family: Helvetica,Arial,sans-serif;
}
.urtext_chart_wrapper > div.footer {
    grid-area: footer;
    text-align: center;
}
.urtext_chart_wrapper > div.footer > .footer_entry {
    cursor: pointer;
    display: inline-block;
    padding: 4px;
    margin: 4px;
}
.urtext_chart_wrapper > div.footer > .footer_entry_hidden {
    opacity: 0.5;
}
.urtext_chart_wrapper > div.footer > .footer_entry > colorblock {
    display: inline-block;
    width: 16px;
    height: 10px;
    margin-left: 2px;
}