body,html{height:100%}#q-graph{display:block;position:relative;width:80%;height:300px;margin:1.1em 0 0;padding:0;background:transparent;font-size:11px}#q-graph caption{caption-side:top;width:80%;text-transform:uppercase;letter-spacing:.5px;top:-40px;position:relative;z-index:10;font-weight:bold}#q-graph tr,#q-graph th,#q-graph td{position:absolute;bottom:0;width:150px;z-index:2;margin:0;padding:0;text-align:center}#q-graph td{transition:all .3s ease}#q-graph thead tr{left:100%;top:50%;bottom:auto;margin:-2.5em 0 0 5em}#q-graph thead th{width:7.5em;height:auto;padding:0.5em 1em}#q-graph thead th.sent{top:0;left:0;line-height:2}#q-graph thead th.paid{top:2.75em;line-height:2;left:0}#q-graph tbody tr{height:296px;padding-top:2px;border-right:1px dotted #C4C4C4;color:#AAA}#q-graph #q1{left:3%}#q-graph #q2{left:12%}#q-graph #q3{left:21%}#q-graph #q4{left:30%}#q-graph #q5{left:39%}#q-graph #q6{left:48%}#q-graph #q7{left:57%}#q-graph #q8{left:66%}#q-graph #q9{left:75%}#q-graph #q10{left:84%}#q-graph #q11{left:93%}#q-graph #q12{left:102%;border-right:none}#q-graph tbody th{bottom:-1.75em;vertical-align:top;font-weight:normal;color:#333}#q-graph .bar{width:10%;border:1px solid;border-bottom:none;color:#000}#q-graph .bar p{margin:5px 0 0;padding:0;opacity:.4}#q-graph .sent{left:70px;background-color:#E91E63;border-color:transparent}#q-graph .paid{left:60px;background-color:#1F3BB3;border-color:transparent}#ticks{position:relative;top:-300px;left:2px;width:100%;height:300px;z-index:1;margin-bottom:-300px;font-size:5px;font-family:"fira-sans-2", Verdana, sans-serif;padding-left:5%}#ticks .tick{position:relative;border-bottom:1px dotted #C4C4C4;width:100%}#ticks .tick p{position:absolute;left:-5em;top:-0.8em;margin:0 0 0 0.5em}