.box{position:relative}.box:before{position:absolute;left:-20px;content:"";height:10px;width:40px;margin-bottom:15px}.box.red:before{background-color:red;margin-left:110px;margin-top:25px;width:40px;border-radius:2px}.box.yellow:before{background-color:#eed70a;margin-left:120px;margin-top:25px;border-radius:2px}.box.blue:before{background-color:#3d3df0;margin-left:110px}.box.blue:before,.box.green:before{margin-top:25px;width:40px;border-radius:2px}.box.green:before{background-color:#85f03d;margin-left:160px}.box.bluee:before{background-color:#3d3df0;margin-left:128px;margin-top:25px;width:40px;border-radius:2px}.box.yelloww:before{background-color:#eed70a;margin-left:116px;margin-top:25px;border-radius:2px}.box-card{width:420px}.barChart{margin-top:50px}.card-body{margin-top:16px}body{margin:0}.el-container{min-height:100%}.el-col{margin-bottom:20px}.el-header{display:flex;align-items:center;border-bottom:1px solid #e6e6e6}.el-footer{border-top:1px solid #e6e6e6}.el-menu-vertical-demo:not(.el-menu--collapse){width:200px;min-height:100%}