.headerBox {
    margin-bottom: 20px;
}

.tabHeader {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.tabHeaderSelect {
    margin-left: 16px;
}

.body {
    margin-top: 24px;
    border-top: 1px solid #F0F2F5;
    overflow: hidden;
    overflow-y: auto;
    height: calc(100vh - 290px);
}

.tabBox {
    padding: 15px 0px 16px 24px;
    display: flex;
    align-items: center;
    width: 100%;
    border-bottom: 1px solid #F0F2F5;
}

.tabBox:hover {
    background-color: #F5F6F7;
}

.tabBoxInfo {
    width: 24%;
}

.tabBoxDescInfo {
    display: flex;
}


.tabBoxTitle {
    font-size: 14px;
    font-weight: 600;
    color: #1E2633;
    margin-bottom: 10px;
}

.tabBoxDesc {
    font-size: 12px;
    font-weight: 400;
    color: #8A9099;
}

.tabBoxTime {
    font-size: 12px;
    font-weight: 400;
    color: #565C66;
    margin-left: 4px;
}

.tabBoxMiddle {
    display: flex;
    align-items: center;
    width: 10%;
}

.tabBoxJobStatus {
    display: flex;
    align-items: center;
    width: 46%;
}

.tabBoxStatusText {
    font-size: 12px;
    font-weight: 400;
    color: #1E2633;
    margin: 0px 16px 0px 6px;
    white-space: nowrap;
}

.tabBoxJobOperate {
    width: 10%;
    display: flex;
    justify-content: center;
}

.tabUpdate {
    cursor: pointer;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tabUpdate:hover {
    background: #F0F2F5;
    border-radius: 4px;
}