.dash-item-small {height:120px;}
.dash-item-mid { height:220px}
.dash-item-big { height:280px}
.dash-item span {display:block;}
.dash-item-small,
.dash-item-mid,
.dash-item-big {display:flex; flex-direction: column;}
.item-title {font-size:16px; font-weight:bold;}
.item-body {display:flex; flex-direction: column; height:100%; justify-content: center; overflow:hidden;}
.item-body .text-b{font-size:28px; font-weight:bold; color:#000; letter-spacing:-1px;}
.item-body .up {color:red; padding-top:8px;}
.item-body .down {color:blue; padding-top:8px;}
.dash-chart {height:280px; background:#ddd; width:100%;}
.flexbox-column {display:flex; flex-direction:column;}

.ranking-list {list-style:none; margin:8px 0 0 0; padding:0;}
.ranking-list li {margin:0; width:100%; padding:6px 8px; display:flex; flex-direction:row; justify-content: space-between; font-size:13px;}
.ranking-list li:nth-child(odd) {background:#f5f5f5;}
.center-chart {display:flex; align-items: center; width:100%; justify-content:center; height:200px;}

.modal-body .c-callout span {font-weight:bold;}
.block-chart {height:280px; width:100%; background:#eee;}