.size,body,html{width:100%;height:100%;background-color:#f5f7f9}body,html{margin:0;padding:0}#app{width:100%;height:100%;background-color:#f5f7f9}::-webkit-scrollbar{width:6px;background-color:#d8d8d8}::-webkit-scrollbar-track{border-radius:10px}::-webkit-scrollbar-thumb{background-color:#bfc1c4}.leftNav{box-shadow:2px 2px 10px #d6d6d6;-o-box-shadow:2px 2px 10px #d6d6d6;-webkit-box-shadow:2px 2px 10px #d6d6d6;-moz-box-shadow:2px 2px 10px #d6d6d6}.page-root{padding:0;margin:0;position:relative}.page-container{padding:5px}.page-header-root{line-height:30px;margin-bottom:10px}.group-title{font-weight:700;font-size:13px;color:#000}.group-content{padding:10px;padding-left:30px;padding-right:30px}.table-footer{padding:5px;height:30px;position:relative}.table-page{position:absolute;right:10px}.table-total{position:absolute;left:10px}.modal-filter{padding:0 20px 0 20px}.flow-node{box-shadow:2px 2px 19px #aaa;-o-box-shadow:2px 2px 19px #aaa;-webkit-box-shadow:2px 2px 19px #aaa;-moz-box-shadow:2px 2px 19px #aaa;border:1px solid #ccc;width:130px;text-align:center;background-color:#eeeeef;padding:7px;position:absolute;font-size:9pt;cursor:pointer;line-height:20px;color:#000}.flow-node,.flow-node:hover{opacity:.8;filter:alpha(opacity=80)}.flow-node:hover{box-shadow:2px 2px 19px #444;-o-box-shadow:2px 2px 19px #444;-webkit-box-shadow:2px 2px 19px #444;-moz-box-shadow:2px 2px 19px #444;border:1px solid red}.node-in{background-color:#19be6b}.node-in,.node-out{border-radius:20px;width:100px;color:#fff}.node-out{background-color:#ed4014}.ivu-table td.input-column{background-color:#edfff3}.ivu-table td.read-column{background-color:#f6f6f6;font-weight:700}