body{background:#eee;}
.chart-filter{display:grid;grid-gap:20px;grid-template-columns:repeat(3,1fr);}
.chart-filter>div{background:#fff;-webkit-border-radius:8px;border-radius:8px;-webkit-box-shadow:2px 2px 6px rgba(0,0,0,0.2);box-shadow:2px 2px 6px rgba(0,0,0,0.2);overflow:hidden;}
.chart-filter>div>h3{margin:0;padding:0 8px;background:#f4f4f4;color:#333;line-height:40px;border-bottom:1px solid #ddd;-webkit-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;font-weight:normal;text-align:center;text-transform:uppercase;font-size:18px;font-weight:bold;}
.chart-filter>div>div{max-height:400px;overflow:auto;padding:10px 0;}
.chart-filter>div ul{list-style:none;padding:0;margin:0 10px;}
.chart-filter>div ul>li{padding:5px 10px;cursor:pointer;border-bottom:1px solid #eee;position:relative;}
.chart-filter>div ul>li.grp-start{border-top:3px solid #ccc;}
.chart-filter>div ul>li.hidden-sub{display:none;}
.chart-filter>div ul>li:last-child{border-bottom:none;}
.chart-filter>div ul>li:hover{background:#eee;color:#025;}
.chart-filter>div ul>li>b{display:inline-block;width:10px;height:10px;-webkit-border-radius:2px;border-radius:2px;border:1px solid #025;text-align:center;line-height:10px;vertical-align:middle;margin-right:5px;}
.chart-filter>div ul>li.active>b{background:#025;color:#fff;}
.chart-filter>div ul>li.active>b:after{content:'\1F5F8';}
.chart-filter>div ul>li.dt>b{position:relative;}
.chart-filter>div ul>li.dt>b:after{width:6px;height:2px;content:'';display:block;left:2px;top:4px;position:absolute;background:#025;}
.fld{margin-bottom:10px;padding:0 10px;}
.fld>b{display:block;font-size:130%;font-weight:normal;padding-bottom:5px;}
.fld>b:after{content:':';}
.fld>div{margin:0 10px;}
.fld>div>div{display:table;width:100%;}
.fld>div>div>div{display:table-cell;text-align:center;}
.fld select{height:40px;padding:0 5px;-webkit-border-radius:3px;border-radius:3px;border:1px solid #ddd;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;}
.fld label{display:block;line-height:32px;text-align:left;cursor:pointer;-webkit-border-radius:5px;border-radius:5px;margin-left:-10px;padding-left:10px;}
.fld label:hover{background:#eee;}
.fld label>input[type="radio"]{vertical-align:middle;margin:0;margin-right:4px;}
div.btn{text-align:center;}
.chart{display:none;background:#fff;-webkit-border-radius:8px;border-radius:8px;-webkit-box-shadow:2px 2px 6px rgba(0,0,0,0.2);box-shadow:2px 2px 6px rgba(0,0,0,0.2);overflow:hidden;position:relative;}
.chart>span{position:absolute;display:block;cursor:pointer;right:10px;top:10px;width:30px;height:30px;background:url("../../p/fs") left top no-repeat;background-size:60px 60px;}
.chart>span:hover{background-position:left bottom;background-color:#033971;}
.chart.fs>span{background-position:right top;}
.chart.fs>span:hover{background-position:right bottom;}
.chart.show{display:block;margin-top:20px;}
.chart>h3{padding:10px;margin:0;padding-bottom:0;}
.chart.fs{position:fixed;top:0;bottom:0;left:0;right:0;z-index:99999998;margin:0;-webkit-box-shadow:none;box-shadow:none;-webkit-border-radius:0;border-radius:0;}
#chart-holder{height:700px;}
.chart.table #chart-holder{height:auto;}
table.grid{margin:10px;border-spacing:0;-webkit-box-shadow:-1px -1px 0 rgba(0,0,0,0.2);box-shadow:-1px -1px 0 rgba(0,0,0,0.2);}
table.grid th{background:#025;color:#fff;font-weight:normal;text-align:center;cursor:default;}
table.grid th,table.grid td{padding:5px 8px;-webkit-box-shadow:inset -1px -1px 0 rgba(0,0,0,0.2);box-shadow:inset -1px -1px 0 rgba(0,0,0,0.2);}
table.grid td{cursor:pointer;}
table.grid tr:nth-child(2n)>td{background:#f4f4f4;}
table.grid tr:hover>td{background:#eee;}
table.grid td.r{text-align:right;}
table.grid td.c{text-align:center;}
table.grid td.na{color:#888;}
table.grid td.dt{background:#333 !important;color:#fff;width:50px;white-space:nowrap;}
#chart-holder>.data-sheet{width:100%;overflow:auto;padding:1px;-webkit-box-sizing:border-box;box-sizing:border-box;}
#chart-holder>.btns{text-align:center;padding:10px;}