h4{text-align:center}.cancleSelect{width:40%}.cancleCheckBox{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;margin-bottom:10px}.addUserButton{width:40%}.search{display:-webkit-box;display:-ms-flexbox;display:flex;width:23%;border:.8px solid #494848}.search el-input el-date-picker{border:none;outline:none;width:80%}.search el-button{width:20%;border-radius:0}.pageHelper{display:inline-block;margin-left:30%}.dashboard{border:0}.dashboard-cell{font-size:12px;color:#303030}.list-page-content-block .page-body-block{width:100%}.page-body-block-menu{height:100%;background:#f7f7f7;font-style:"\5B8B\4F53"}.page-body-block-menu h4{font-size:18px;padding:10px 10px;margin:0;color:#303030;display:inline-block}.page-body-block-menu .page-body-top-dashboard{height:35%;display:-webkit-box;display:-ms-flexbox;display:flex}.page-body-block-menu .page-body-top-dashboard .page-content-four{width:25%;margin:0 10px 10px 10px;background:#fff}.page-body-block-menu .page-body-top-dashboard .page-content-four li{list-style:none;margin:10px 0;display:block;display:-webkit-box;display:-ms-flexbox;display:flex}.page-body-block-menu .page-body-top-dashboard .page-content-four li .left{width:60%;font-size:16px;margin-top:10px;color:#303030}.page-body-block-menu .page-body-top-dashboard .page-content-four li .right{width:40%;font-size:36px;font-weight:600}.page-body-block-menu .page-body-top-dashboard .page-content-four li .duesoon{color:#ffb300}.page-body-block-menu .page-body-top-dashboard .page-content-four li .outStandands{color:#1792e5}.page-body-block-menu .page-body-top-dashboard .page-content-four li .pastDueList{color:#c02a1d}.page-body-block-menu .page-body-top-dashboard .page-content-last{width:50%}.page-body-block-menu .page-body-bottom-dashboard{height:65%;display:-webkit-box;display:-ms-flexbox;display:flex}.page-body-block-menu .page-body-bottom-dashboard .page-bottom-left{margin:0 10px 0 10px;width:70%;background:#fff}.page-body-block-menu .page-body-bottom-dashboard .page-bottom-left li{list-style:none;margin:10px 0;display:block;display:-webkit-box;display:-ms-flexbox;display:flex}.page-body-block-menu .page-body-bottom-dashboard .page-bottom-left li .page-task-state-tittle{margin-left:10px;font-size:18px;color:#303030;font-weight:600;width:95%}.page-body-block-menu .page-body-bottom-dashboard .page-bottom-right{margin:0 10px 0 0;width:40%}.page-body-block-menu .page-body-bottom-dashboard .page-bottom-right .page-bottom-right-top{height:10%;background:#fff;margin:0 10px 10px 10px;padding:10px 10px;border-bottom:.1px solid #e9e4e4}.page-body-block-menu .page-body-bottom-dashboard .page-bottom-right .page-bottom-right-top ul{-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0;-webkit-padding-start:20px;padding-inline-start:20px}.page-body-block-menu .page-body-bottom-dashboard .page-bottom-right .page-bottom-right-top li{list-style:none;margin:10px 0;display:block;display:-webkit-box;display:-ms-flexbox;display:flex}.page-body-block-menu .page-body-bottom-dashboard .page-bottom-right .page-bottom-right-top li .left{width:20%;font-size:18px;color:#303030;font-weight:600;margin-top:3px}.page-body-block-menu .page-body-bottom-dashboard .page-bottom-right .page-bottom-right-top li .right{width:80%;font-size:24px;color:#1792e5;font-weight:600}.page-body-block-menu .page-body-bottom-dashboard .page-bottom-right .page-bottom{height:80%}.page-body-block-menu .page-body-bottom-dashboard .page-bottom-right .page-bottom .quests-completed-tittle{font-size:18px;color:#303030;font-weight:600}.page-body-block-menu .page-body-bottom-dashboard .page-bottom-right .page-bottom .quests-completed-detail{font-size:16px;color:#303030}