.page-system-system-search-bar .ant-select{width:160px}.layout-list-search{padding:22px}.flex-container{-ms-flex-pack:distribute;justify-content:space-around;margin-left:200px;margin-right:200px}.circle-container,.flex-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.circle-container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:5px}.circle{width:60px;height:60px;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;font-size:20px;font-weight:700;-webkit-box-shadow:0 4px 15px rgba(33,150,243,.3);box-shadow:0 4px 15px rgba(33,150,243,.3);position:relative;margin-bottom:10px}.circle-orange{background:#da2f2b}.circle-yellow{background:#fede08}.circle-green{background:#04c282}.circle:after{content:attr(data-value);position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.circle-title{font-family:Arial,sans-serif;color:#333;font-size:16px;text-align:center;text-transform:uppercase;letter-spacing:1px;font-weight:600}.ellipsis-text{display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word;max-height:3em}