.content { position: relative; display: flex; width: 100%; } .tablemanager_container { position: relative; display: flex; flex-direction: column; width: 100%; border: 1px solid #f0f0f0; .lack { background-color: rgb(255, 255, 0); color: rgb(255, 0, 0); } .ant-table-pagination.ant-pagination { margin: 0; } .ant-table.ant-table-small .ant-table-tbody .ant-table-wrapper:only-child .ant-table { margin-left: 0; } .ant-table.ant-table-bordered > .ant-table-container { border: none; } .ant-table-thead tr th { font-weight: 600; color: rgba(0, 0, 0, 0.85); } .ant-btn { display: flex; align-items: center; } .clickRowStyle { background: #cfe7fd; } .operate_bar { width: 100%; height: 60px; background-color: white; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; .fast_search { height: 60px; margin-right: 10px; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; .title { margin-left: 20px; margin-right: 5px; } } } } .orgContainer { position: relative; left: 0; top: 0; height: calc(100vh - 74px); width: 250px; margin-right: 10px; transition-property: width; transition-duration: 0.5s; white-space: nowrap; .processTitle { font-size: 15px; font-weight: bold; color: #333e51; padding-left: 14px; } .splitLine { width: 100%; color: #eeecec; } .listItem { display: flex; justify-content: space-between; align-items: center; padding: 8px 14px; line-height: 28px; font-size: 14px; font-weight: 400; color: #414e65; cursor: pointer; } .listHover { background-color: #f5f6f9; } .pickItem { background-color: #aed8fa; } .switcher { display: block; position: absolute; font-size: 18px; color: #1890ff !important; top: 50%; right: 2px; transform: translate(0%, -50%); z-index: 1; } } .orgContainerHide { width: 26px; }