.chart div { margin: 1px; float: left; margin: 0 0.2% 0 0px; }
.legend span { font-size: 10px; }
.chart { padding-top: 4px; min-height: 18rem; display: flex; align-items: flex-end; }
.chart div .box { width: 100%; height: 13px; margin-bottom: 1px; }
.box:hover { cursor: pointer; }
#qspinner { padding: 2em; text-align: center; width: 100%; }
#short_description { height: 24px;}
.legend span { display: inline-block; border-left: 1px solid black; text-align: center; }
.legend2 { padding-top: 10px; text-align: center !important;}
.legend2 > span { padding-right: 10px; line-height: 2em !important;}
.legend2 p > br { display: inline !important;}
.legend2 p { text-align: center !important; line-height: 2em !important;}
.lbox { width: 13px; height: 13px; display: inline-block; margin-right: 3px;}
#qcontainer > #description { border-radius: 3px; word-break: break-word; }