.chrome-chart{-webkit-margin-before:16px;-webkit-margin-after:1em;-webkit-margin-start:0px;-webkit-margin-end:0px;-webkit-padding-start:0px;display:block}
.chart1, .chart2, .chart3, .chart4{width:16%;position:relative;margin:0 6px;display:inline-block;cursor:pointer}
.chart1 canvas, .chart2 canvas, .chart3 canvas, .chart4 canvas{cursor:pointer;position:relative;z-index:1;opacity:0.99}
.smaller canvas{z-index:-1}
.percent_n{color:#2e2e2e;font-size:12px;padding:0 12px;top:-26px;text-align:center;width:20%;position:relative;bottom:16px}
.percent{display:none;line-height:110px;z-index:2}
.percent:after{font-size:0.8em;margin-left:0.1em}
#schedule-part{height:80px}
.percent_d, .percent_d1{font-size:12px;left:2px;position:absolute;text-align:center;top:34px}
.percent_d{top:0px;left:0px;right:0px;margin:0 auto;text-align:center;display:none}
.percent_d1{display:none;width:60px}
.percent_d:after{font-size:0.8em;margin-left:0.1em}
.angular{margin-top:100px}
.angular .chart1, .angular .chart2, .angular .chart3, .angular .chart4{margin-top:0}
input{display:block;margin:auto auto 1em}
.span6{float:left;width:50%}
#post-head-left-chart .pure-table{font-size:11px;width:100%;border:0 none}
.pure-table tbody{background-color:#fff}
.pure-table-div1,.pure-table-div2,.pure-table-div3,.pure-table-div4{box-shadow:0 0 2px rgba(0, 0, 0, 0.3);width:30%;padding:10px 2px 10px 10px;border-radius:5px;background:#F6F6F6;z-index:999;position:relative;min-width:280px;top:24px;overflow:hidden}
.pure-table-div1{border:1px solid #4686f4}
.pure-div1::before{border-bottom:9px solid #4686f4;left:16px;border-left:8px solid transparent;border-right:8px solid transparent;content:"";position:absolute;top:16px}
.pure-table-div2{border:1px solid #de4537}
.pure-div2::before{border-bottom:9px solid #de4537;left:90px;border-left:8px solid transparent;border-right:8px solid transparent;content:"";position:absolute;top:16px}
.pure-table-div3{border:1px solid #f6b300}
.pure-div3::before{border-bottom:9px solid #f6b300;left:164px;border-left:8px solid transparent;border-right:8px solid transparent;content:"";position:absolute;top:16px}
 .pure-table-div4{border:1px solid #119c59}
 .pure-div4::before{border-bottom:9px solid #119c59;left:240px;border-left:8px solid transparent;border-right:8px solid transparent;content:"";position:absolute;top:16px}
.pure-div1, .pure-div2, .pure-div3, .pure-div4{position:absolute}
.pure-table tr td p{font-size:11px}
.pure-table td{width:34%}
#post-head-left-chart .pure-table tr td{border-bottom:1px solid #ddd;vertical-align:middle;cursor:pointer;padding:0}
.pure-table tr:last-child td{border:0!important}
.pure-table tr td:first-child{width:15%}
.pure-table tr td:last-child{width:15%}
.follow_scheduled.chart_btns, .follow_waiting.chart_btns, .follow_engaged.chart_btns{float:right}
table.load_table tr td{background-color:#f6f6f6;padding:6px 4px;font-size:14px}
.pure-table-div1:hover, .pure-table-div2:hover, .pure-table-div3:hover, .pure-table-div4:hover{overflow:auto}
@media screen and (max-width:980px){
	.pure-table-div1,.pure-table-div2,.pure-table-div3,.pure-table-div4{width:30%}
}
@media screen and (max-width:800px){
	.pure-table-div1,.pure-table-div2,.pure-table-div3,.pure-table-div4{width:40%}
}
@media screen and (max-width:640px){
	.pure-table-div1,.pure-table-div2,.pure-table-div3,.pure-table-div4{width:45%}
}
@media screen and (max-width:480px){
	.pure-table-div1, .pure-table-div2, .pure-table-div3, .pure-table-div4{width:80%}
}
@media screen and (max-width:414px){
	.pure-table-div1,.pure-table-div2,.pure-table-div3,.pure-table-div4{width:84%}
}
@media screen and (max-width:375px){
	.pure-table-div1,.pure-table-div2,.pure-table-div3,.pure-table-div4{width:85%}
}
@media screen and (max-width:320px){
	.pure-table-div1,.pure-table-div2,.pure-table-div3,.pure-table-div4{width:93%}
}