body{overflow:hidden}*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.bodyDiv{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;min-height:80vh;padding:10px}.dashboard-container{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;margin-bottom:10px;margin-left:0}.dashboard-container,.dashboard-item{display:-webkit-box;display:-ms-flexbox;display:flex}.dashboard-item{-webkit-box-flex:1;-ms-flex:1 1 calc(25% - 20px);flex:1 1 calc(25% - 20px);min-width:150px;margin:10px;height:120px;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.3);-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:8px;-webkit-transition:all .3s ease;transition:all .3s ease}.hover-effect{-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.hover-effect:hover{-webkit-transform:scale(1.05);transform:scale(1.05);-webkit-box-shadow:0 4px 8px rgba(0,0,0,.1);box-shadow:0 4px 8px rgba(0,0,0,.1)}.number{font-size:45px;margin-bottom:10px}.label{font-size:20px}.filter-container{margin:10px 0;padding:5px;background-color:#fff;border-radius:8px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.1);box-shadow:0 2px 4px rgba(0,0,0,.1)}.filter-form{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.filter-form .el-form-item{margin-right:15px;margin-bottom:10px}.chart-container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;margin-top:12px}.chart-item{-webkit-box-flex:1;-ms-flex:1 1 calc(50% - 20px);flex:1 1 calc(50% - 20px);min-width:400px;margin:10px;background-color:#fff;border-radius:8px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.1);box-shadow:0 2px 4px rgba(0,0,0,.1);padding:15px}.chart-item h3{margin-bottom:15px;color:#333;font-size:18px;text-align:left}.chart{width:100%;height:300px}@media (max-width:768px){.filter-form{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.filter-form .el-form-item{margin-right:0;width:100%}.chart-item{-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%;min-width:300px}.chart{height:300px}}.wel{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:1100px;margin:0 auto}