.kpi-main[data-v-d2847c38]{width:100%;height:100%;display:flex;flex-direction:column}.kpi-top[data-v-d2847c38]{width:100%;height:80px;display:flex;align-items:center;box-sizing:border-box;padding:0 20px}.filter-row-item[data-v-d2847c38]{display:flex;align-items:center;margin-right:30px}.filter-row-item-label[data-v-d2847c38]{width:50px;font-size:12px;color:#5a626d;font-weight:700;line-height:24px}.filter-row-item-select[data-v-d2847c38]{width:250px}.filter-row-item-button[data-v-d2847c38]{min-width:80px;max-width:80px;margin:0 10px 0 10px}.kpi-bottom[data-v-d2847c38]{width:100%;height:calc(100% - 80px);padding:20px;box-sizing:border-box;background:#f2f4f5}.kpi-chart-row[data-v-d2847c38]{width:100%;height:calc(45% - 5px);margin-bottom:10px;display:flex;align-items:center}.kpi-data-row[data-v-d2847c38]{width:100%;height:calc(55% - 5px);margin-bottom:10px;display:flex;align-items:center}.chart-item[data-v-d2847c38]{flex:1;height:100%;margin-right:20px;box-sizing:border-box;border:1px solid #eee;float:left}p[data-v-d2847c38]{padding:0;margin:0}.right-items[data-v-d2847c38]{margin-right:0}.data-items[data-v-d2847c38],.right-items[data-v-d2847c38]{border-radius:5px;background-color:#fff;flex:1;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);padding:10px;height:100%;box-sizing:border-box}.data-items[data-v-d2847c38]{margin-right:10px}.key-items[data-v-d2847c38]{display:flex;border-radius:5px;background-color:#fff;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);padding:10px;width:100%;height:100%;margin-right:10px;box-sizing:border-box}