.user-info-vertical{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:2px;line-height:1.2}.user-info-vertical .user-info-vertical-name{font-size:11px;color:#c5c8ce}.approval-page{gap:16px}.approval-page,.side-bar{display:-webkit-box;display:-ms-flexbox;display:flex}.side-bar{width:156px;-ms-flex-negative:0;flex-shrink:0;background:#fff;border-radius:16px;padding:20px 0;-webkit-box-shadow:0 0 0 1px #e8eaec;box-shadow:0 0 0 1px #e8eaec;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.side-title{font-size:16px;font-weight:600;color:#17233d;padding:0 20px 16px;border-bottom:1px solid #e8eaec}.side-menu{padding:8px 0;-webkit-box-flex:1;-ms-flex:1;flex:1}.side-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;color:#515a6e;cursor:pointer;-webkit-transition:all .15s;transition:all .15s;border-left:3px solid transparent}.side-item:hover{background:#f8f8f9;color:#17233d}.side-item.active{color:#2d8cf0;background:#f0faff;border-left-color:#2d8cf0;font-weight:500}.side-dot{width:8px;height:8px;border-radius:50%;-ms-flex-negative:0;flex-shrink:0}.body{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden}.list-action{margin:8px 0}.tab-total{float:right;font-size:12px;color:#808695;line-height:24px}